jotaiによるReact再入門Reactでの、Suspense以後の設計に不慣れな方に向けて、Suspenseの活用法をjotaiを通じて解説します。
Reactを根本から理解する：Hooksの仕組みを実装して学ぶ
はじめに この記事のゴール Reactを使っていると、useStateやuseEffectを「こう書けば動く」という形で覚えていることが多いのではないでしょうか。 const [count, setCount] = useState(0); useEffect(() => { console.log(count); }, [count]); このコードは動きます。しかし、なぜ動くのかを説明できるでしょうか。 なぜuseStateは配列を返すのか なぜsetCountを呼ぶと再レンダリングされるのか なぜuseEffectの依存配列に値を入れると、その値が変わったときだけ実行されるのか なぜHooksを条件分岐の中で呼んではいけないのか この記事では、これらの疑問に答えるために、Hooksの仕組みを実際に実装しながら学んでいきます。最終的には、Hooksが「魔法」ではなく、JavaScrip
今年お世話になった開発環境の棚卸し 2025
はじめに 師走も佳境ということで、自分の開発環境に新しく導入したツールや本年もお世話になったツールを棚卸しがてら紹介できればと思います！ 前提: 普段の開発スタイル 中学生という多感な時期にブラッディ・マンデイというドラマにハマってしまったせいで、ターミナルみたいな無機質な画面に向かって作業することがかっこいいと思っているエンジニアです。そんなわけで、普段の開発はNeovimを使い、ターミナルから出ない生活を送らせていただいてます。 最近は業務でフロントもバックエンドも触るので、tmuxで複数サーバーを立ち上げて切り替えながら作業しています。雰囲気はこんな感じです。 ターミナルはもちろん透過させてます。 私は新しいクルトガを買ってもらうと勉強を頑張れたタイプの人間なので、開発環境も同じ。ツールを自分好みにして気分を上げることで、作業効率も上げていくスタイルを採用しています。 それでは、以下
2025年12月10日発表🎉 Googleの最新音声合成モデルがすごい！「読む」から「演じる」へ。【Gemini 2.5 TTS】 - Qiita
2025年12月10日、Googleは音声合成モデル（Text-to-Speech, TTS）のメジャーアップデートとなる 「Gemini 2.5 Flash TTS」 および 「Gemini 2.5 Pro TTS」 のプレビュー版を発表しました。1 ここ数年のTTSは 「どれだけ人間っぽく読めるか」 の競争でしたが、 今回のGemini 2.5 TTSは、方向性がちょっと違います。 “音読” ではなく、“演技の指示書” で声を作る——この発想の転換が面白いです。 本記事では、このアップデートの技術的特徴と、開発者が知っておくべき制御機能について解説します！ まずは説明よりも先に、今回のGemini 2.5 TTSがどれほどの実力か、実際に確認してみてください。 従来のTTSとは思えないほど、話し方そのものが圧倒的に変化しているのが分かるはずです。 使用したスタイルプロンプト クリックで
Affinity | プロフェッショナル クリエイティブ ソフトウェア、無料で万人のために
ブラウザを更新してください 古いバージョンまたはサポート対象外のブラウザをお使いの可能性があります。当社の製品を引き続きお楽しみいただくには、以下のいずれかのブラウザの最新バージョンにアップデートしてください。
万博で、いろんな国の人に前から気になっていたことをたずねてみた - 庭を歩いてメモをとる
万博。開幕まではほとんど興味ありませんでした。 でもよく考えてみると、これは世界中の人たちと直接会って話せる絶好の（というか、たぶん最初で最後の）チャンス。 なので、この国の人にはこれを聞いてみたい・・・と前から思っていたことをたずねてみました。 質問日：2025年4月21日、5月13, 27日、9月25日 更新日：2025年10月5日、12月25日、1月3日（この記事についての質問と回答を追記） ※ここに書かれているすべての「回答」は、応えてくださった方個人の意見であり一般化できないものであることをお断りしておきます。 目次 目次 カザフスタン － 中央アジア最大かつ最も裕福な国のもつ「兄弟」意識 バングラデシュ － パキスタンと分離して正解だったと思うか 関連メモその１：明治生まれの祖父母へのインタビュー ウズベキスタン － サマルカンドの国で「ザナルカンドにて」は知られているのか シ
Claude Code 完全ガイド - 基礎から高度なカスタマイズまで
こんにちは、とまだです。 「Claude Codeをインストールしたけど、使いこなせている気がしない」 「CLAUDE.mdって結局どう書けばいいの？」 「Hooks？MCP？カスタムコマンド？何から始めればいい？」 そんな疑問を全て解消する、Claude Codeの "辞書" を作りました。 本書は全10パート・約50チャプターで Claude Code の全機能を網羅した完全リファレンスです。 基本操作から Hooks、MCP、カスタムコマンド、サブエージェント、Skills まで—— 「知りたいときに、すぐ引ける」設計になっています。 【こんな方におすすめ】 ・Claude Code を基礎からしっかり学びたい ・インストールしたけど、何ができるかわかっていない ・「あの機能どうやるんだっけ？」と毎回検索している ・カスタムコマンドやHooksで自分だけのワークフローを作りたい ・チ
エリートの、エリートによる、エリートのための“反民主主義”――とその解毒薬 » p2ptk[.]org
エリートの、エリートによる、エリートのための“反民主主義”――とその解毒薬投稿者: heatwave_p2p 投稿日: 2024/5/202024/5/20 Pluralistic 「現実主義者」が「クズ野郎」の代名詞になっているのをご存知だろうか。たとえば「私は人種差別主義者ではなく、ただの『人種リアリスト』だ」という具合に。同じ「現実主義」は、民主主義そのものを否定するためにも使われている。自称「リバタリアン・エリート主義者」たちの間でだ。彼らは、社会科学によって民主主義が機能せず、そして機能しえないことが証明されていると言う。 あなたも、このイデオロギーの亜種に触れたことはあるだろう。我々の認知バイアスが熟議を不可能にしているだとか、「推論は真理を追求するようにデザインされたのではない。推論は議論に勝つように進化によってデザインされたものだ」とか。 あるいは、有権者は「合理的無知」で
![エリートの、エリートによる、エリートのための“反民主主義”――とその解毒薬 » p2ptk[.]org](https://cdn-ak-scissors.b.st-hatena.com/image/square/a6372461faa955f5542d8de3768208198e687392/height=288;version=1;width=512/https%3A%2F%2Fp2ptk.org%2Fwp-content%2Fuploads%2F2024%2F05%2Fscientific-deliberation.jpg)
令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
「好きな惣菜発表ドラゴン」を観て音楽用語を学ぼう - 音楽ナタリー コラム
「好きな惣菜発表ドラゴン」を観て音楽用語を学ぼう ジャンル、アレンジ、コード、スケール、音色、リズム……音楽用語発表ドラゴンまとめ 2024年4月18日 19:15 326 104 皆さんは「好きな惣菜発表ドラゴン」をご存知でしょうか？ ボカロPのンバヂが2023年8月に動画サイトに投稿したこの曲は、シンプルな線で描かれたゆるい絵柄のドラゴンが、歌に合わせて淡々と好きな惣菜を発表していくという内容。ボーカロイド文化の祭典「ボカコレ2023夏」の「ネタ曲投稿祭」カテゴリで4位を獲得したのち、「ただただ好きなものの話をするだけ」というポジティブさからじわじわと人気が拡大し、ネットミームとなってたくさんの二次創作が作られるようになりました。 そんな二次創作動画の中には「惣菜の代わりに“好きな音楽用語”を発表する」というものがいくつも存在します。そしてそれらの多くは、実際にその音楽用語に合わせたア
Webデザインで「紙っぽさ」を出す方法を考えてみる｜akane
こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典：六本木未来会議出典：DMN出典：ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①：文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を
『かがみの特殊少年更生施設』3日でプレイヤー数5万人を突破、踏破率はわずか6%。挑戦者のプロファイリング能力が試される体験型ミステリーゲーム、実況や収益化もOKという配信ガイドラインも公開
実在するWebサイトを舞台としたミステリーゲーム『かがみの特殊少年更生施設』3日でプレイヤー数が5万人を突破現在の踏破率は6%、配信ガイドラインも公開 『Project:;COLD』シリーズや『人の財布』を手掛ける第四境界は、『かがみの特殊少年更生施設』のプレイヤー数が3日間で5万人を突破し、そのうち約3000人が“最終ページを踏破（ゲームクリア）”したことを発表いたします。 『かがみの特殊少年更生施設』は、X（旧Twitter）上では“#気づいてA君”というハッシュタグで話題となっている「ある少年院」を舞台とした“体験型モキュメンタリー”であり、実在するWebサイトを調査する無料のミステリーゲームです。 かがみの特殊少年更生施設 #気づいてA君 映像内に登場する“少年院のWebサイト”は実際に存在しており、アクセスはもちろんのこと、自身の手で調査を進めることも可能。サイトから“気になるワ
中学生でもわかる深層学習
第1章 理論編 ・深層学習とは (p.13-) ・ニューラルネットワークとは (p.31-) ・どうやって学習するか: 勾配降下法 (p.57-) ・深層学習の注意点 (p.91-) 第2章 応用編 ・分類問題 (p.110-) ・画像認識 (p.120-) ・音声認識／自然言語処理…
【C#】C# の async/await は実際にどうやって動いているか。 - ねののお庭。
はじめに 登壇版 Taskの本質 C# のイテレータ async/await Compiler Transform ExecutionContext builder.Start() の重要性 IAsyncStateMachine.MoveNext おわりに はじめに C#er は呼吸するように使っている async/await。 そんな async/await について、先日 Stephen Toub 氏 (.NET の中の人。中心人物の一人。) が How Async/Await Really Works in C# という非常に面白い記事を投稿していました。 この記事では Stephen 氏の記事をベースに、C# において async/await は実際どうやって動いてるの？というお話をしていきます。 以前に C#での非同期メソッドの分析。 という翻訳記事を書いたのですが、元になった記
git push -f が更に安全になる --force-if-includes - id:onk のはてなブログ
歴史改変、してますか？ 私は歴史改変が大好きで、毎日 rebase しています。なので割と毎日 git push -f することになっています。 口で -f と言っても、実際には --force-with-lease --force-if-includes をしているので、これらのオプションのご紹介。 この記事は はてなエンジニア Advent Calendar 2022 の 18 日目です。昨日は id:rokoucha さんで 壊れたデータベースとの向きあいかた - rokoucha でした。 qiita.com -f の危険性 ...--F--G--H <-- main という状態で push した後、H をコミットし直したとしよう。 ...--F--G--H' <-- main \ H <-- origin/main このまま H' (main) を origin/main に p
私が感動した Processing 製の作品のソースコードを解析してみた
こんにちは．株式会社ゆめみの Keeth こと桑原です．Twitter には #つぶやきProcessing という魅力的なタグがあり，毎日数々の美しい作品がこのタグを付けて投稿されています．これを眺めるだけでも一日中過ごせるくらいです（個人の感覚です）． 今日はその中でも特に度肝を抜かれ，かつ感動した作品が 2022/11/04 に投稿されておりましたので，個人の拙い能力で解析に挑戦してみました 💁 ※一部解析しきれていない部分がありますが，ご容赦いただけますと幸いです…何分勉強中の者でして… 作品 なにはともあれ今回対象の作品． 初めてみたときは思わず言葉を失いました．いや，これ twitter のツイートですのでかなり文字数も少ないんですよ！なのにこの表現ってどうなってんの！？と… これはかなり学びになると思い解析を試みようと思い立った次第です．それにしても美しい… ソースコード
商用利用OKの音素材、600種以上無料公開 バトルの攻撃音も……「Springin’ Sound Stock」
プログラミングアプリ「Springin'」（スプリンギン）などを提供するしくみデザインは6月23日、商用利用OKの無償音楽素材サイト「Springin’ Sound Stock」を公開した。戦闘ゲームの攻撃音や、8bitサウンドの効果音、システム音、乗り物の音など、600点以上をそろえた。 過去のプログラミングコンテスト使用音源など、同社のサウンドデザイナーが手掛けた音源を中心に提供。「つくる楽しさを知り、誰でもクリエイターになってほしいという願い」から公開したという。 誰でも無料で使うことができ、スプリンギンでの利用だけでなく、動画制作やイベントなどの商用利用も可能だ。 関連記事 タップやフリックなどのシステム操作音のフリー素材、電通が公開 商用利用も可能 電通は、タップやフリック、文字入力などの操作を想定したオリジナルのシステム操作音をフリー素材として公開した。「SND」と名付けられた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React 19を概念から理解する
「JavaScriptで要素をドラッグして移動する簡単な方法」という記事が初耳だらけだった件 - Qiita
Bubbles
