Next.js 13が発表されましたね! この記事ではNext.jsの開発方法が大きく変わるポイントとなる以下の3つの新機能について取り上げます。 Layouts React Server Components Streaming それではさっそく試していくことにしましょう! インストール ウェブアプリの雛形は以下で作成できます。
![Next.js 13で開発方法はどう変わる?](https://cdn-ak-scissors.b.st-hatena.com/image/square/a456657b17e530529c7cb64c2171741f61e17844/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--jixu566Y--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ANext.js%25252013%2525E3%252581%2525A7%2525E9%252596%25258B%2525E7%252599%2525BA%2525E6%252596%2525B9%2525E6%2525B3%252595%2525E3%252581%2525AF%2525E3%252581%2525A9%2525E3%252581%252586%2525E5%2525A4%252589%2525E3%252582%25258F%2525E3%252582%25258B%2525EF%2525BC%25259F%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3A%2525E3%252581%252598%2525E3%252582%252585%2525E3%252582%252593%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzU5YzhjZjViMzUuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3Aand%252520raindrops%252520Inc%252520Tec...%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzMzYmIxNGYyMTQuanBlZw%3D%3D%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
この記事を読むとできるようになること git commitしてpushして、ブラウザ開いてactionsタブを開いてワークフロー探して・・・ というちょっと面倒な手間をなくして、gh-runとターミナルで叩けばワークフローが実行できるようになります。 $ gh-run # my-workflow.ymlをcurrent branchで実行 $ gh-watch # 実行状況をターミナルに表示 $ gh-view # 実行結果をターミナルに表示 $ gh-log # 実行ログをターミナルに表示 # gh # 実行する alias gh-run='gh workflow run .github/workflows/$workflow --ref $(git branch --show-current)' # 実行を見守る alias gh-watch='gh run list --workfl
現在のWebでは、セキュリティ上レスポンスヘッダで色々なものを指定します。Webデベロッパーは個別に指定しなければなりません。 そこで、セキュリティ関連のヘッダを推奨デフォルト値に設定できるようにする「Baseline ヘッダ (Opt-into Better Defaults)」が、GoogleのMike West氏によって提案されています。 まだたたき台であり、これからW3CのWebAppSec WGで議論されている予定になっています。 Baseline ヘッダ 次のようにレスポンスヘッダを指定します。 Baseline: Security=2022これは、次のヘッダを送信するのと同様です。 Content-Security-Policy: script-src 'self'; object-src 'none'; base-uri 'none'; require-trusted-ty
まずは私の強みを紹介します後半の学びでちょくちょく出てくるので先に紹介しておきます。 ハマサキの強み34資質に順位がついています。 1位が戦略性で最下位が調和性という見方です。 色がついてるのがTOP10の資質になります。 TOP10簡単に説明します。 興味ない人は飛ばしちゃってください。 ※私の偏見入ってます。 1位 戦略性 カオスな状態から最善の解決策を見出すのが大好き。 正確に”先を読むこと”ができるため、周りの人に理解されづらい。 2位 達成欲 毎日何かを達成できないと発狂するバイタリティモンスター。 常に燃えていて休まることを知らない。 3位 学習欲 永遠に学び続けるラーニングアニマル。 学ぶプロセス自体に快感を覚える。 4位 着想 ブレスト大好きアイデアマン。 5位 内省 思考大好きインキャラ。 自分が至高の対話相手。 6位 活発性 行動至上主義。 行動してないと死ぬ体力オバケ
「農園型障害者雇用」に7割の障害者が否定的意見 「障害者雇用の実態調査」結果発表 〜 障害者から見た「農福連携」と「農園型障害者雇用」の評価に明暗が〜 現在、障害者雇用を実施する企業で数多く見受けられるようになった「農園型障害者雇用」。一般的には国が推進する「農福連携」との違いも分かり辛いところですが、今回、「障害者雇用の実態調査」を行ったところ、障害当事者の7割が「農園型障害者雇用」に否定的な意見を持っている事が分かりました。以下、本アンケート調査の詳細な結果を記載致しましたのでぜひご覧ください。 KindAgent株式会社(本社:東京都千代田区、代表取締役:茅原亮輔)は、障害者雇用に農業を取り入れるなど多様化する障害者雇用の実態を調査するため、「障害者雇用の実態調査」を行いました。民間企業で働く男女20代~50代の身体・知的・精神障害いずれかの障害のある当事者およそ1000人
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く