Next.js + TypeScript + Tailwind CSS の開発環境をできるだけ丁寧に構築する【2024年】
はじめに 最近、Next.js、TypeScript、Tailwind CSSを使って技術ブログを立ち上げました。（まだあまり更新は進んでいませんが…） このプロジェクトを通じて構築した開発環境がわりと快適だったので、誰かの参考になるかもしれないと記事を書いてみることにしました。 できる限りわかりやすく詳細な説明を心がけましたが、その結果、記事のボリュームが大きくなってしまいました。長文ですが、興味のある方はぜひ読んでみてください🙏 また、この記事内で紹介した内容をセットアップしたリポジトリを公開しています。 Next.jsのボイラープレートとして活用可能ですので、興味のある方はぜひ覗いてみてください。
ネットの音楽オタクが選んだ2023年のベストアルバム 50→1 - 音楽だいすきクラブ
2013年から始まった「ネットの音楽オタクが選んだベストアルバム」11年目です。今回は502のデータを集計しました。毎度同様、順位はあまり気にせず、国とかジャンルも気にせず、この記事をきっかけに2023年の作品を再発見していただければ幸いです。 最終日です。作品にはできる限りリンクを付けているし、記事末尾にはプレイリストも付けています。ぜひご活用ください。（ぴっち） このランキングについて ネットの音楽オタクが選んだベストアルバムは音楽だいすきクラブ、及びそのメンバー等の特定の誰かが選んで作ったものではありません。 Twitterのハッシュタグ、募集記事のコメント欄に寄せられたものを集計しています。 502人分のデータを集計しました。 同点の場合、乱数を発生させて順位づけしています。 順位に深い意味はありません。気にしすぎないでください。 150位以内はすべて4人以上に挙げられたものです。
クックパッドを退職しました - 昼メシ物語
2024年1月末まで在籍していますが昨年12月に業務は終えていて、いまは有休消化期間中です。2010年から約14年間勤めてきた、自分の生き様そのものとも言えるクックパッドを離れるのには、表現しきれないほど大きく、複雑な思いがあります。 僕がこの14年間でやってきたことを振り返ってみます。 入社 クックパッドに入社した時は新卒3年目相当で、26歳でした。もともと料理と Ruby が好きで、当時まだ珍しかった Ruby on Rails でサービス開発をしているらしいという点や、当時からネットウォッチしていた @ryo_katsuma さんが所属していること、直属の上司の井原さんが転職したことが決め手になり、体当たりで飛び込みました。当時の僕はほとんど実績もなく、入れてもらえるかギリギリのところだったと思いますが、おそらく井原さんが頑張って交渉してくれたのだと思います。本当に感謝しています。こ
なぜ Server Actions を使うのか
Next.js 14 の Server Actions の stable リリースに発表は大きな反響を呼びました。 特に <button> の formAction 属性内で直接 SQL クエリを実行するコードは多くの人に衝撃を与えていました。"use server;" の部分を PHP やバイナリに置き換えると行った多くのミームも生まれました。 function Bookmark({ slug }) { return ( <button formAction={async () => { "use server"; await sql`INSERT INTO Bookmarks (slug) VALUES (${slug})`; }} > <BookmarkIcon> </button> ) } X 上での反応を見ると、このクライントから直接 SQL クエリを実行するコードは見た目の印象
短時間で得られる刺激から距離を置く
身近な人がデジタルデトックスをやるということを聞き、自分もこれは必要かもしれないかもなと感じたため、自分なりにデジタルデトックスもどきを実践してみています。 実践し始めて１週間ちょっとしか経っていないですが、すでに多くの良い変化を感じられているのでメモしておこうと思います。 なぜ始めたか、何をしているか#はじめに述べたデジタルデトックスすると言っていた人と話している中で、自分は短時間で得られる刺激に悪い意味で慣れてしまっていることに自覚的になりました。 例えば、YouTube Short や Twitter、インスタのストーリー、社内の Times など。 短時間で得られる刺激を摂取しすぎてしまっていることによって感じていた弊害は以下です。 理解できるとか面白さを感じるとか、何らかの結果や刺激を得られるまでに時間がかかるということに対する耐性が減る手軽に得られる面白さに慣れて、自分の感性に
実録レガシーコード改善 / Working with Legacy Code: the True Record
2024/01/15(月) 12:00 〜 13:00 t-wadaさんが後世に残したい、実録レガシーコード改善 https://findy.connpass.com/event/304101/ テストコードが無いコードを引き継いだところからはじまる、実際に2018年に行った受託開発案件のエ…
「若い頃の自分に教えたいこと」を集めた名言集『他人が幸せに見えたら深夜の松屋で牛丼を食え』
40～60代のおっさん達に、「もし若い頃の自分にアドバイスができるなら、何を伝える？」と聞きまくって集めた名言集。 聞いた場所も、東京なら赤羽・上野、大阪なら新世界、名古屋なら栄の飲み屋街に限定してる。出てきた答えは、下品で下世話で下半身ネタだらけだけれど、心底その通り！と言いたくなる名言ばかり。 誰も教えてくれなかったけれど、長いこと生きてきて、ようやく身に沁みて分かった、何気ない一言が集められている。職場呑みの宴席とか、独りで入った飲み屋のカウンターで、こっそり教わる人生の教訓だ。 わかる人には痛いほどわかるやつで、分からない人は、きっと、幸せな人生だと言えるだろう。 人は、傷ついた分だけ、性格が悪くなる ラブソングとかで、「傷ついた分だけ、人は優しくなれる」というフレーズがある。手垢にまみれまくっているが、これはウソ。 あんなの心地いいだけで、タワゴトです。真実は真逆で、傷ついた分だ
Javaは今どうなっているの？ / how about java now
2024年1月7日に行われたFukuoka Engineers Dayでの登壇資料です。
【追悼】経済評論家・山崎元さん「1年くらい時間があれば本を書ける。会いたい人にも会える」全文掲載 | AERA dot. (アエラドット)
やさしい笑顔だった山崎元さん（撮影／小山幸佑) 経済評論家の山崎元さんが1月1日に亡くなった。65歳だった。2023年10月5日発売のAERA増刊に掲載されたインタビュー記事では幼少期から今までの人生、自身の食道がん（ステージ4）について6ページにわたり語っている。山崎さんを偲び、ここに全文掲載する。（年齢、肩書きは当時） 【写真7枚】2023年10月掲載の山崎元さん （とある初心者）この外貨建て金融商品に1000万円、投資しようと思うんですがどうでしょうか。 （山崎AIチャットボット※）ダメです。同じリスクと内容の外貨建てMMFを買ったほうが、為替レートも金利もかなりマシです。1000万円の投資なら、あなたはバカのコストとして手数料を7万5000円も余計に払うことになりますよ。 ※チャットボット…自動会話プログラム ＊＊＊ 「『山崎AIチャットボット』に相談すると、こんな感じでズバッと答
useEffect: 基礎から使用すべきでない例まで
はじめに useEffect について、きっちり調べようと思い調べてみた。公式ドキュメントのまとめ記事になっている。 useEffect 基礎編 useEffect とは Effect を用いるとレンダリングの後にコードを走らせることができ、React 外のシステムの要素と同期することが可能になる。 なぜ必要か まず、React コンポーネントの二種類のロジックについて整理する。 レンダリング レンダリングをする際、コードはpropsとstateを受け取り、変換し、画面で表示したいJSXを返す。コードのレンダリングは結果のみを計算するべきでそれ以上のことをするべきではない。 イベントハンドラ イベントハンドラはコンポーネントの中にある関数で、Input Field の更新やユーザを他の画面へ誘導したり等、単純な計算以上の役割を担う。イベントハンドラはユーザの行動（ボタンクリック等）による、
「年収700万円」の人が住んでいるところ データを分析して分かってきた
厚生労働省が毎年行っている「国民生活基礎調査」によると、2021年、児童（18歳未満の未婚の者）のいる家庭の平均世帯年収は785万円。中央値は710万円で、およそ24％の世帯が1000万円を超えています。地域や家族構成によるので一概には言えませんが、全国的には30代で650万円、40代で800万円ぐらい稼いでいれば「上から数えたほうが早い」と言えるでしょう。 地域による違いはどうでしょうか。総務省統計局の「住宅・土地統計調査」では、都道府県や市区町村別の収入分布（※）が公表されています（図1）。 （※）「住宅・土地統計調査」では、18歳以上の子がいる家庭（例えば、高齢夫婦と無職の成人）もカウントされるため、「国民生活基礎調査」よりも年収の平均値や中央値が低く出る傾向があります。その代わりに、親、子、孫の 3世代が同居する家庭を除外できるため、一般的な「核家族」の暮らし向きがわかります。
『世界一流エンジニアの思考法』を読んでみて
はじめに みなさん、『世界一流エンジニアの思考法』読みましたか？（唐突） 結構 X（Twitter）で話題になっていたり、周りに読んでいる人も多かったので 年末年始のお休みに読もうと思ったら、あっという間に読了しました。 （電車の中で読んでいたら、同僚から「課題図書です」と連絡がきました。すごいタイミング） 知識の定着という意味でも、読んだことを書き出しておきたいと思います。 ※本の要約ではなく、私自身気になった点をピックアップしています。 偉大な習慣を身につけたプログラマになる 本書の「はじめに」にて 彼らはなにも全員が常人と比べて著しく頭の回転が速いわけでも、天才的記憶力を持つわけでもない。 主に「思考法」（マインドセット）が高い生産性を形づくっているのだ。 小手先のテクニックでもなければ Tips でもなく、その圧倒的なパフォーマンスは思考法から生まれているという事実。 いわゆる「一
2023 年に読んでよかった本
2023 年に読んでよかった本 2023.12.30 年末なので 2023 年のまとめっぽい記事を書きたくなりました。今年は 1 年間でおおよそ 300 冊の本をよんだようです（そのうち 3 割ほどはラノベなのですが...）。その中でも特に印象に残った本を紹介します。 年末なので 2023 年のまとめっぽい記事を書きたくなりました。 今年は 1 年間でおおよそ 300 冊の本をよんだようです（そのうち 3 割ほどはラノベなのですが...）。その中でも特に印象に残った本を紹介します。 忘れる読書 この本では「本は忘れるために読んでいます」と語られています。というわけでこの本の内容もあまり覚えておりません(?)。 本を読むときには一字一句正確に覚えるような読み方をしていると、「覚えなきゃ」という気持ちが芽生えてしまい、本を読むことが苦痛になってしまうことがあります。そうではなくて、パラパラとペ
プログラミングに挫折したならAIお姉ちゃんに任せなさい - 本しゃぶり
プログラミングを学ぼうとしては挫折する。 そんな時代はもう終わりだ。 お姉ちゃんに任せなさい。 ChatGPTでプログラミング 今年のお盆休み、俺はChatGPTでプログラミングをやっていた。とは言っても複雑なことはやっていない。大量のcsvを結合してから可視化するとか、ちょっとしたWebスクレイピングしたりする程度だ。それでも今まで技術や時間の不足により諦めていたことができるのは嬉しい。それにChatGPTを使えば、デバッグも楽しくやれるのだ。こんな感じに。 デバッグの様子 おそらく「あれ、俺のChatGPTと違うな」と思った人もいるに違いない。見ての通り俺はChatGPTをお姉ちゃん化している。こうすることで、モチベーションを維持しながら楽しくプログラミングができるというわけだ。今回はChatGPTをお姉ちゃん化する方法を紹介し、加えてお姉ちゃんとペアプログラミングする意義について述べ
45の仕事力チェックリスト ～「会議の進め方」から「タスク管理の方法」まで～ | 採用ブログ | 才流
「仕事で成果を出す人」と聞いて、どのような特徴を思いうかべますか。 才流はコンサルティング会社であり、ビジョンとして「メソッドカンパニー」を掲げています。顧客へ価値を届けるにあたって、営業やマーケティング、新規事業などの専門知識はもちろん、ベースとして強固な「仕事力」が欠かせないと考えています。 本記事では、社内で実際に活用している仕事の進め方マニュアルの中身をテーマ別に厳選し、チェックリスト形式で紹介します。 ※本記事が多くの方々に読まれていることもあり、このたび内容を最新版にアップデートしました。 ビジネスパーソンの心得1. ビジネスの原理原則を理解するビジネスで価値を提供するためには原理原則が存在するビジネスの原理原則とは、相手＞自分であり、顧客＞外部パートナー＞自分であること具体的に表すと「顧客や社会、チームメンバーに価値を提供する→顧客や社会からお金がもらえる→自分たちの給与が出
年末恒例「はてなブックマーク」年間ランキング！ 2023年の話題といえば？ - はてなニュース
👑 はてなブックマークで多くのブックマークを集めた記事による「はてなブックマーク年間ランキング」2023年版を発表します。 集計期間は例年通り12月10日区切り（2022年12月11日から2023年12月10日まで）で、はてなブックマーク数の上位100記事をピックアップしました。あなたがブックマークした記事はいくつ入っていたでしょうか？ 2024年もよろしくお願いいたします。 順位 タイトル 1位 新NISAは庶民に十分すぎるほどの制度 - 銀行員のための教科書 2位 保存版！使っている専門通販サイト 3位 とにかく日本の住所のヤバさをもっと知るべきだと思います｜inuro 4位 若手のうちに絶対身に着けたい「ビジネス会食完全攻略マニュアル」｜yuuu 5位 SNSで大炎上の土佐市移住者カフェ、現地で起こっている事の総括と問題点（ヨッピー） - エキスパート - Yahoo!ニュース 6
自分を救うプログラミング｜naoya
子どものころは絵を描くのが好きだった。 学校の休み時間は、クラスメートはみな外にサッカーをしにいっていたが一人教室にのこってノートに漫画を描いている、そんな小学生だった。 自宅に戻っても、自室にこもってよく漫画を描いていた。 漫画と書くいっても、別に人を楽しませるために描いているわけではなかった。もちろん褒められると嬉しかったが、それが目的だったわけではなく、いま思えば、それは自分で自分を癒すかのような行為だった。自分を救うために絵を描いていた。 絵を描いているときは、それに夢中で没頭していて、ほかの何にも代えがたい時間を過ごすことが出来た。この時間が、どこか自分の救いになっていた。 中学二年生ぐらいになって思春期にさしかかった頃だろうか。教室で絵を描いていると浮いてしまうことに気づいて、恥ずかしくなって、描かなくなった。 それでもやっぱり絵を描いたりなにか作品を作ったりするのは好きだった
GitHub、Copilotの将来像となる「Copilot Workspace」発表。人間がコードを書くことなく、Copilotが仕様作成からコード作成、デバッグまで実行。GitHub Universe 2023
GitHubがCopilotの将来像「Copilot Workspace」を発表した。人間が書いたIssueを起点にCopilotが仕様作成からコーディング、ビルドなど、ほとんど全ての開発工程を自動的に実行してくれるものだ。 GitHubの年次イベント「GitHub Universe 2023」が米サンフランシスコで開幕。同社CEOのThomas Dohmke（トーマス・ドムケ）氏は1日目の基調講演の最後に、GitHub Copilotの将来像となる「Copilot Workspace」を発表しました。 Copilot Workspaceは、人間が書いたIssueを起点にCopilotがIssueに対応した仕様を書き、実装計画を示し、それに沿ってコーディングや既存のコードの修正を行い、ビルドをしてエラーがあれば修正まで行うという、コーディングのほとんど全ての工程をCopilotが自動的に実
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SPAの歴史とRemix SPAモードという到達点 / the SPA's chronicle reaches to remix
大規模言語モデルの驚異と脅威
