タグ

2023年1月21日のブックマーク (5件)

  • 世の中のエンジニアのalias設定 - Qiita

    先日、同僚と「世の中のエンジニアはターミナルにどんなalias設定をしているんだろう?」という談義になったので、GitHub上の1000リポジトリのコードから調査してみました。 2019/04/10 コメントを元に微修正しました。コメントくださった方々、ありがとうございます。 2019/04/11 こんなのも書いてみました。 よく使われているvimrcの設定ランキング 2019/04/15 プラグイン版も書きました。よく使われているvimのプラグイン top20 aliasとは wikipediaより UNIXなどにおいてコマンドを別名で登録したもの。別名を登録するコマンド名。 長いコマンドやいつも利用するオプションを毎回入力するのは手間ですよね? ターミナルの設定ファイルにaliasを記述することで、別名として定義することが可能というわけです。 調査方法 GitHub APIを利用 do

    世の中のエンジニアのalias設定 - Qiita
  • bash設定ファイルの一覧と読み込み順序まとめ

    .bashrcや.bash_profileの読み込み順序がいまいち覚えられないので、まとめてみました。 bash起動時に読み込むファイル シェルを起動する度に、環境変数やエイリアス、関数を定義するのは非効率で面倒です。 そのため、それらの定義を自動的に行うための設定ファイルが用意されています。 bashの設定ファイルには、下記のものがあります。 /etc/profile:ログイン時に実行され、全ユーザーから参照される .bash_profile:ログイン時に実行される .bash_login:~/.bash_profileがない場合、ログイン時に実行される .profile:~/.bash_profile、~/.bash_loginがない場合ログイン時に実行される .bashrc:bash起動時に実行される .bash_logout:ログアウト時に実行される /etcディレクトリ以下の設定

    bash設定ファイルの一覧と読み込み順序まとめ
    tsu442000
    tsu442000 2023/01/21
  • [Create React App]publicディレクトリとbuildディレクトリについて

    => デプロイが完了し URL にアクセス。ホワイトアウト… エラー文 ブラウザの Console のエラー文 ↓ 解決策 firebase init を叩いた後に出てくる以下の質問で、hosting 元を build ディレクトリにする。(デフォルトだと public ディレクトリ) =>build と打って Enter。 hostig 元が public ディレクトリではなく、npm run build 時に生成された build ディレクトリになる。URL にアクセスすると、プレビューが確認できた。解決。 ちなみに、Create React App 開発環境下での Firebase を用いたデプロイについては下の記事がわかりやすかったです。 Create React App 家のドキュメントにもしっかり書いてありました。 後半:ビルドに関わる3つのディレクトリについて 開発環境は

    [Create React App]publicディレクトリとbuildディレクトリについて
    tsu442000
    tsu442000 2023/01/21
  • 【React+TypeScript】Netflixのクローンを作るチュートリアル

    【注意!】 2024年4月末にこちらのの内容を大幅リニューアルしました! https://note.com/terry10/n/nf0674af97617 ※こちらのZennのBookも5/7を目安にリニューアル内容を反映する予定です 多くの人に手に取って欲しいので、リニューアル後は期間限定で無料配布も検討しています。 こちらのツイートで無料配布について告知しています! ↓ https://x.com/teriteri_code/status/1783358352447414464 --- React+TypeScriptを使ったNetflix映画一覧を表示するアプリケーションのチュートリアルです。 学べる事 - ReactのFunctionComponent(関数コンポーネント)とTypeScriptの使用 - React Hooksによるstate管理 - TypeScriptで外

    【React+TypeScript】Netflixのクローンを作るチュートリアル
  • React HooksのuseStateがどういう原理で実現されてるのかさっぱりわからなかったので調べてみた

    Reactのhooks、すごいですよね。関数コンポーネントの自由度があがって色々実現できそうです。 私はReactについては2年ぐらい知識止まってるので、かなり衝撃的でした。ContextとかSuspenseとかいろいろ増えてて今更追いつくのは難しいけど、hooksはちょっと使ってみたいなーと感じました。 そんなhooksですが、使い方はそこそこわかるけど動作原理がさっぱりわからなかったので、ちょっと調べてみました。 そもそもHooksってなに hooksは関数コンポーネントからReactのいろいろな機能をフックでき、自分で汚く実装するんじゃなくてReactが面倒見てくれるよーってやつです。useStateで状態を持たせることができ、useEffectでcomponentDidMountみたいなことを実現、あとほかにもuseXXX系がいろいろ、という感じです。 useStateを例に見てみ

    React HooksのuseStateがどういう原理で実現されてるのかさっぱりわからなかったので調べてみた
    tsu442000
    tsu442000 2023/01/21