覚悟とはなにか
- カネを利用する覚悟
- 自分で馬券を買えるのか
- 人を巻き込む覚悟
- 巻き込まれる立場も大事
- 第三者の視点が必要なときもあるが、一歩引いて見すぎない
- 今いるひとを巻き込んでパフォーマンスを発揮できるように成長に関与する
- 苦手なひとがおおい
- PJの成功とエンジニアの成長はコンフリクトする
- ただPJのサスティナビリティはいま必要
- NOと言う覚悟
- ユーザーを巻き込む覚悟
- 未完成なプロダクトを人に使ってもらう覚悟
- プロダクトや機能を終了する覚悟
https://qiita.com/KenyaSaitoh/items/22f32b9d7aea5844d77
なぜ僕たちはサーバレスでJavaを諦めTypescriptを採用したか #AWS - Qiita
DI・DIコンテナ、ちゃんと理解出来てる・・? #PHP - Qiita
https://codezine.jp/article/detail/11310
calc(var(--example-name) * 100)
calc()
HTTPレスポンスのcontent-dispositionからファイル名を取得する
AxiosResponseHeaders['content-disposition']
https://developer.mozilla.org/ja/docs/Web/HTTP/Headers/Content-Disposition
crate react app でreactアプリの雛形をつくることができる。
上記はfacebookが提供しておりtypescriptでの構築も可能。
create-react-app が裏で何をやっているか理解する - Qiita
npm run ejectを行いファイルを比較している。
npm run ejectってなにいい??
引用
npm run eject で create-react-app はアプリケーションの長寿を保証する - valid,invalid
create-react-app の裏側で react-script を介して使われている諸々のツール・スクリプトをコピーしたり、依存関係を package.json に書き込んだりして、自分で用意したのと同じ状態にするコマンド。実行以降、好きにカスタマイズし放題となる。
これがいつでも出来るのでロックインを回避できる、create-react-app が死んでもアプリケーション側で自前でこれらのツールを制御することが出来る。 つまり、create-react-app はこのツールよりも、アプリケーションの方が長いライフサイクルを持てることを保証するということ。
わかったこと
→ 様々な依存関係をいい感じに設定してくれるもの。ロックインのデメリットもあるが回避可能なコマンドが用意されている。
Facebook公式のcreate-react-appコマンドを使ってReact.jsアプリを爆速で作成する - Qiita
アプリを作る際はWebpackやBabelなどの設定をいじる必要があり、導入障壁が高かったのですが、create-react-appを使えばそれらのステップをすっ飛ばせます。
JSXやES6を使うにはBabelやWebpack、ESLintなどのツールが必要不可欠なので、学習コストが増加した。どのパッケージを入れればいいか悩んだり、依存管理が面倒になる
派生疑問
WebpackやBabelってなに
参考記事
・最新版で学ぶwebpack 5入門 - Babel 7でES2023環境の構築(React, Vue, Three.js, jQueryのサンプル付き) - ICS MEDIA
・ECMAScriptモジュール · JavaScript Primer #jsprimer
Babelとは
Webpackとは
わかったこと
→ JSXやES6からの手法として加わったconstやアロー構文に対応するために、WebpackやBabelがReactでも必要だったが個人で行うには参入難易度が高くなっていた。それらの問題を解決するべきCRAが誕生し、全てをいい感じにしてくれる。
Dan氏によるCreate React Appの将来、およびReactとフレームワークの関係性についてのコメントの翻訳
内容が難しいかつ分量が多いので、断片的にしか読めていません、、、
ただ今後のReact、CRAについて詳しくまとめられているようだったので頑張って全部読もう!(To 自分)
CRAをリリースする以前は自分で一連のツールをインストールして(中略)JSXを使うための正しいプリセットの設定や開発環境と本番環境で異なる設定、アセットのキャッシュのための正しい設定、linterの設定などがありました。
関連参考記事(引用)
脱 create-react-app! webpackでReact ×TypeScrip開発環境構築からHello World!まで
分かったこと
当初の目的以外の様々な問題(動作の軽さ・ツールのサポート)がCRAに生じてきている。ただ、webpackなどの設定に頭を使わずReactを使えう分にはとても優秀である。CRAで困ったら他の候補について調べるくらいで良いのかも、、、ただCRAに生じている問題点を解消するために?それらを中心に?新たな開発ツールが出てきている。
派生疑問
記事に度々出てきていた単語が分からなかったので、、
SSG/SSRってなに
参考記事
Next.jsにおけるSSG(静的サイト生成)とISRについて(自分の)限界まで丁寧に説明する - Qiita
とても丁寧に書かれている記事のため、ほとんどそのまま引用させていただいています。ただ、こちらも量が多く内容が難解なのでかいつまむ程度読みました、、
https://github.com/facebook/create-react-app
参考サイト
参考サイト
今回色々調べたたが、
今回学ぶ主題としているのはReactの基礎的な構文や触れて学ぶことなので、CRAで行う。またCRAで作成したプロジェクトをyarn ejectやreact-app-rewiredにより拡張しviteなどに移行できるみたいなので、今後の課題として行いたいと思う。
目次
打ち消し線の有無は両サイトに記載のあるかどうか。
参考URL : ブログを作成におすすめなサービスは?選び方とともにご紹介│教えて!レンタルサーバーのこと - ロリポップ!レンタルサーバー
主要7選
参考URL : 【どこがいい?】ブログ作成サービスのおすすめ11選!無料で使えるサービスや選び方も紹介 | 初心者のためのブログ始め方講座
主要11選
参考URL : 技術ブログを始めるのにおすすめな無料のブログサービス2つ - applis
技術ブログとしての候補
こちらも同様の参考URLから: ブログを作成におすすめなサービスは?選び方とともにご紹介│教えて!レンタルサーバーのこと - ロリポップ!レンタルサーバー
参考URL: 【どこがいい?】ブログ作成サービスのおすすめ11選!無料で使えるサービスや選び方も紹介 | 初心者のためのブログ始め方講座
他サイトもほとんど同様の内容だったため割愛
以下技術ブログについて
参考URL:
技術ブログを始めるのにおすすめな無料のブログサービス2つ - applis
ブログ作成の背景を考えた結果
はてなブログに決定!!!
気になるブログがなんのサービスでできているか調べたいと思った
WordPressで作られたサイトかどうか調べる方法をご紹介 - wagtechblog
で紹介されている
https://www.isitwp.com/にURLを貼り付けると簡単に調べることができた