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 コンポーネントが定義されていない！とお叱りを受けてしまいまし…

三月は卒論もなく、授業もない、バイトももうすぐ退社するので 時間が余りまくるので、７時間睡眠を意識して参りたいと思います。 意識していないとついつい 「短時間しか寝てない方がかっこいい」 という風に中二病臭い人物になってしまい、 予定を沢山入れ…

おはようございます！ 前回のz-indexに引き続きcssの勉強をしていきたいと思います！ 今日はカスケーティングという言葉について！ カスケーティングとは cssが当たる優先順位の仕組みのことです。 そもそもカスケードとは滝という意味があります。 ググって…

今日とあるプロジェクトの修正で z-indexがめちゃくちゃなサイトに出会いました。 そこで今回はz-indexって「どうやって管理したらいいのか」について sassの変数を利用した方法があったので それについて、調べたことを書いていこうと思います！ そもそも実…

jsxを使えば、creatElementせずとも 直感的にエレメントを表示することができます。 JSXとは 拡張構文と呼ばれ、reac的なDOMの指定方法をより直感的に指定できるようにする手法です。 書き方はHTMLで書く時同様の書き方になります。 コンパイルするときにRea…