会社で使っているパソコンがぶっ壊れました。 せっかく私の大好きな大先輩からお譲りいただいた代物だったのに、、、 というわけで、ゴールデンウィークはパソコンのない日々、、、 もういっそのこと山に籠もってインターネットのない暮らしをしようかな笑 …
入力フォームの送信ボタンに"disabled"属性を追加することで ボタンをクリックしても実行できないようにすることが可能です!! それでは見ていきましょう。 disableとは 要素をクリックしても 送信や入力などができなくなるHTMLの属性の一つです。 主にinput…
最近、git について色々学んだのでアウトプットします。 会社の開発ブログもどんどん連載しろとのこと笑 一昨日は git pull = git fetch + git merge だということがわかりました。 「git fetch ってローカルにリモートを反映させることじゃないの?」 とい…
最近、git pull や git merge をしても変更箇所が反映されない問題がおきました。 あれってなんで起きるんやろう、、 根本的な解決策ではありませんが 最近、git の作業で覚えた必殺技です。 ローカル追跡ブランチをを強制的にリモートに合わせる 1 リモート…
久しぶりです。 (10日間くらいの大型連休サボりでしました。自粛ってやつですね。) 最近カルーセルを実装したのですが、前回のように「slick」ではなく 「swiper」というプラグインを使いました。その紹介です。 See the Pen w- "swiper" by たまき こう (@u…
本日、worpdressのリポジトリをクローンした際 立ち上げ時に、「forbidden」というエラーが出てしまいました。 今日はそれについてどう解決できたかを記述してきます。 ↑↑ これです。笑 forbiddenはどういう意味? 日本語訳すると forbidden = 禁止されてい…
PCぶっ壊れましたので、いろいろ設定し直しています。 以前使っていたpureというshellのプロンプトをいれると シェルの操作がめちゃめちゃ便利になるので今回も入れてみました。 プログラミング初心者の私にってpureというプロンプトはめちゃめちゃ最高です…
ブログを書いて三ヶ月がたちました。 今日はブログを三ヶ月やってみた経過、気づいた事、今後やっていく事の三つについて話していきたいと思います。 経過 経過はこういう感じです。 だんだんと記事数が減っていっています。笑 viewに関しては一日3veiwあた…
稀に、nop rum devなどでローカルを起動するとすでにポートが使われている場合があります。 kill というコマンドを使えば、ローカルサーバーを停止させることができます。 lsof -i コマンドでポートの状態を特定 以下をコンソールで叩く。 lsof -i :3000 下…
今回「一度目だけ表示され、リロードしても表示されないようにする」 仕様のためにクッキーをjsで操作しました。 そこでcookie.jsなるものを使ったところ、 めちゃくちゃ直感的で簡単だったのでコードメモを残します。 cookie.jsとは cookie.jsは、ブラウザ…
css animation を使って色々実装しています。 今回一つのプロジェクトが終了したので とくに気をつけようと思ったこと記録していきます。 アニメーションの要素はpositionで重ねる。 今回のアニメーションに一番欠かせなかったのが transform: transition( x…
最近、nextの勉強したので忘備録つけていきます。 next.jsを起動してみる。 プロジェクトディレクトリ(今回はnext-app)を作り、 下記の内容を記載したpackage.jsonを作成する。 { "scripts": { "dev": "next", "build": "next build", "start": "next start"…
react初心者です。 今回reduxを使って簡易的なメモ帳を作ってみて 少しだけreduxが理解できたので忘備録がてらメモメモしたいと思います。 reduxを使ってみてわかったこと いろんな値をひとつの場所で管理する reduxの思想の部分です。 reactのコンポーネン…
reactを使ったmemoアプリ作成の中で indexOf というオブジェクトに出会ったので使用例をまとめました。 syntax string.indexOf(searchvalue, start) 文字列や配列に対して、調べたい文字(searchvalue)と検索開始(start)の位置を指定します。 使用例 サンプル…
Each child in a list should have a unique "key" prop. 今日はreactでもおなじみのmapオブジェクトで起こったエラーについて。 draw(d){ let s = { position: "absolute", left: (d.x - 25) + "px", top: (d.y -25) + "px", width: "50px", height: "50px"…
ファイルを実行しようとするとき たまに、次のようなエラーが出ることがあります。 ~/a/b/cde ❯❯❯ ./hello.sh zsh: permission denied: ./hello.sh これは、ユーザーにこのファイルを実行する権限がありません。 といった意味になります。 パーミッションの…
昨日読了したSHOW ROOM 前田社長のデビュー著書「人生の勝算」 社長って親族の助けや、天才的な何かがあるからなることができるものだと思っていました。 前田さんは私が想像する「社長になるまでの過程」 とは全く異なる生き方をされていたので心底驚きまし…
reactの参考書、コンポーネントの操作の部分を読んでみているのですが わかった気になっていざ自分で簡単なコンポーネントを作ってみようとしても 全く表示されなくてびっくり!!笑 今日のエラーログです。 エラー内容 index.js:1 ./src/App.js Line 6:15: …
コンポーネントを継承したクラスを作る際には importでコンポーネントそのものをインポートする必要があるようです。 以下は エラーの内容です。 エラー 'Component' is not defined no-undef コンポーネントが定義されていない!とお叱りを受けてしまいまし…
三月は卒論もなく、授業もない、バイトももうすぐ退社するので 時間が余りまくるので、7時間睡眠を意識して参りたいと思います。 意識していないとついつい 「短時間しか寝てない方がかっこいい」 という風に中二病臭い人物になってしまい、 予定を沢山入れ…
おはようございます! 前回のz-indexに引き続きcssの勉強をしていきたいと思います! 今日はカスケーティングという言葉について! カスケーティングとは cssが当たる優先順位の仕組みのことです。 そもそもカスケードとは滝という意味があります。 ググって…
今日とあるプロジェクトの修正で z-indexがめちゃくちゃなサイトに出会いました。 そこで今回はz-indexって「どうやって管理したらいいのか」について sassの変数を利用した方法があったので それについて、調べたことを書いていこうと思います! そもそも実…
jsxを使えば、creatElementせずとも 直感的にエレメントを表示することができます。 JSXとは 拡張構文と呼ばれ、reac的なDOMの指定方法をより直感的に指定できるようにする手法です。 書き方はHTMLで書く時同様の書き方になります。 コンパイルするときにRea…
ついにreactの勉強スタート reactのフレームワーク next.js の参考書は今の所一つしかないらしいのです。 kindleだと今なら50%ポイント還元!笑 https://www.amazon.co.jp/dp/B07X7DHZ9F/ref=dp-kindle-redirect?_encoding=UTF8&btkr=1 ということでやってい…
おはようございます! 大学最後の卒論発表に向けて着々と準備が進んでまいりました。 やはりいつになっても人前で話すことは慣れないですね.... ということで今日もいってまいりましょう 42tokyo.jp シリコンバレーにある学費無料、エンジニア養成機関"42"が…
先週末に一気読みしたので、忘れないうちにめもめも。 今週は常に集中力0な私にとってぴったりな本 『DEEP WORK:大事なことに集中する』 を展開していきたいと思います。 今回の本は、英語やプログラミングの学習方法を調べる際に聞いたことある情報の総集…
今日はmampを使って、wordpressのサイトを立ち上げるまでをおさらいしていきます。 と言うのも、久しぶりにおとといwordpressをローカルで立ち上げる際 めーちゃくちゃ苦戦しました。 手数は思ったより多くないので簡単にまとめてみました。 目次 MAMPとは M…
参考書を参考にして謎のゲームを作ったので、 一つ一つ噛み砕いていくことにします。 マス目を作る! See the Pen canvas study by たまき こう (@ulqvhvox) on CodePen. 今回、十字キーで移動するフィールドを描画していきます。 わかりやすいようにそれぞ…
ブログ・今週の振り返り 52/7週間が終了しました。 今週の出来事 PC内部の勉強 ペライチ作成 技術 「フレームワーク」と「テンプレート」の意味を理解しました。 テンプレートはviewを表示するフレームのようなイメージで フレームワークは、データベースと…
2月も気がついたら、もう半分が終わってしまった!! 早いですね、、、早え、、笑 プログラミングも大事だけどPCの根本もちょこちょこ勉強していこうとおもいまし。 PCの登場人物 PCは主にCPU・メモリ・SSD・HDDで構成されています。 * CPU → 計算 * メモリ …