こんにちは。ROXX Zキャリアプロダクト開発部、エンジニアの平です。 今回は、弊社の就職・転職ガイドメディアを Next.js Page Router から Astro + Cloudflare Workers へ移行し、ビルド時間を30分以上 → 3分、表示速度を大幅に改善した話をお届けします。 「記事を公開してから30分待つって何...？」と思われるかもしれませんが、これが私たちの現実でした。この記事では、どのようにこの問題を解決し、SEO パフォーマンスを大幅に改善したのかを詳しく書いていきます。 目次 どうしてこうなった？ 背景と課題 Next.js を捨てる決断をするまで ISR と R2 でビルドレス実現 Turborepo でモノレポを整理 SEO 最適化の取り組み 移行の成果と学び どうしてこうなった？ 背景と課題 サービスの成長と共に現れた問題 弊社の就職・転職ガイドは

記事ありがとうございます。自分もサブエージェントが自然言語で全く呼び出されず、自分が悪いと思っていたのですが。同じ境遇の人いて安心しました ふ、雑魚か。の部分がカール・アウグスト・ナイトハルト殿下みたいで面白かったです😂

この本では『Claude Code』についてまとめています。 『Claude Code』が提供している基本的な使い方、ツール機能、MCP統合、カスタマイズ方法、開発ワークフローなど各種機能についてドキュメントとプロジェクト内の情報を元にまとめています。 記事の前半では、Claude Codeの基本的な使い方とツール機能について解説しています。 記事の中盤では、MCP統合とカスタマイズ方法について詳しく説明しています。 記事の後半では、実践的な開発ワークフローとベストプラクティスを紹介しています。 Claude Codeを初めて使う方から、より高度な使い方を知りたい方まで、幅広く対応した内容となっています。

指先からパーティクルが放出するインタラクティブコンテンツです。両手の人差し指が起点になります。 Webカメラを使用するので、コンテンツを体験する場合はカメラへのアクセスを許可する必要があります。モバイル端末でもフロントカメラがついているものであれば体験可能ですので、ぜひお楽しみください！

2025年11月18日11時20分（UTC）（このブログでは時刻はすべてUTCで記載します）を起点に、Cloudflareのネットワークにおいて、中核となるネットワークトラフィック配信で重大な障害が発生しました。これにより、当社の顧客が運営するサイトにアクセスを試みたユーザーにエラーページ（Cloudflareネットワーク内でエラーが発生したことを示す）が表示されました。 この問題はサイバー攻撃や悪意のある行為によるものではなく、当社の行ったデータベースシステムに対する権限変更に起因するものであり、ボット管理システムで使用される「フィーチャーファイル」に複数のエントリが出力され、ファイルサイズが予想以上に倍増したことでした。その大きくなったフィーチャーファイルは、ネットワークを構成するすべての機器へと伝播されました。 伝播先の機器上で動作するネットワーク全体のトラフィックをルーティングする

This repository contains example skills that demonstrate what's possible with Claude's skills system. These examples range from creative applications (art, music, design) to technical tasks (testing web apps, MCP server generation) to enterprise workflows (communications, branding, etc.). Each skill is self-contained in its own directory with a SKILL.md file containing the instructions and metadat

ガソリンにかかる上乗せの税金をなくすための法律案です。 この法律が成立すれば、1リットルあたり約25.1円分の税金の上乗せがなくなる見込みです。

2025年10月時点で広くサポートされているCSSで実装できるかどうかの観点で、Figmaの機能を見ていきます。 （SVGフィルターやJavaScriptでの実装が必要なものは「CSSで実装できない」と捉えます） この記事ではFigmaのフレームに対して適用可能な「Effect（エフェクト）」について述べます。 （その他の機能については触れません） 前提 FigmaではEffectを複数重ね掛けすることができますが、CSSでは重ね掛けしすぎるとレンダリングに問題が出る場合があります。 また、単一の機能としてはCSSで実現可能でも、他の条件と複合すると実現できなくなる場合があります。 この記事で「CSSでほぼできる」とした機能でも、CSSで実装するとFigma通りのレンダリングにならない場合があることに留意してください。 CSSに無い Layer blur（レイヤーブラー） と Backgr

fukabori.fmのtwadaさん回、面白いなー分かるなーって思いながら聞いて、今の自分の頭の中を書きだしてみようと思ったので書いておく。 どのくらい生成AIに任せているかをあらわす指標 どのくらい生成AIに任せているかをあらわす指標は、こうかなぁと僕は思っている。 「生成されたコードを自分が読んでいない割合」 どれだけたくさん生成AIにコードを書いてもらっていたとしても、生成されたコードを自分が全部読んで理解している場合は、主導権は自分にある。逆に、生成されたコードを全く読んでいなければ生成AIに主導権がある。 右のほうが生産性は上げやすい AIにどれだけたくさんコードを生成してもらったとしても、全部読んで理解しないといけないなら人間がボトルネックになる。右側にいけばいくほど、生成AIに任せられるので生産性は上げやすい。 ただ、右側にいけばいくほど自分がコードを理解していないし、構造

スマホゲームアプリの画面デザインについて Tweet はじめに 2017年ごろから様々な解像度やアスペクト比のディスプレイを持つ端末が登場しています。 先陣を切ったiPhoneXはディスプレイが全面になり、端末の角丸部分も表示領域に……。 消滅したホームボタン（物理）の代わりにホームバーを画面内に導入……、さらにはノッチ（切り欠き）を採用……、これらとセットに「SafeArea」という概念を導入してくれました……。 最近の端末はパンチホールが主流で、iPhoneは14Pro以降からそれにプラスして、用途によって表示領域が変わる「DynamicIsland」という機能を採用しているようです。 さてこれらにより、これまでは決まった領域だけの考慮で良かったのですが、様々なアスペクト比に対応できるように、またノッチなどに情報が被らないようにデザインを制作する必要がでてきました。 ということで今回は

Oikonです。普段はAIツール、特にClaude Codeで遊んでいます。 Claude Codeが2.0.0にメジャーアップデートされました！2025年5月23日の1.0.0以来のメジャーアップデートです。この間にClaude Codeは1.0.126までアップデートを重ねています。 今回はXでまとめたポストからClaude Code 2.0.0を使ってみて、個人的に数日使ってみて分かったアップデートもあったので、それも含めつつまとめてきます。 アップデートの概要 Claude Code 2.0.0の変更点です： VSCode拡張のネイティブ化 アプリUI/UXの全体的な刷新 /rewind コマンド: 会話の巻き戻し /usage コマンド: プラン制限の確認 Tabキーでthinkingをトグル（セッションで永続化） Ctrl-Rで履歴検索 config commandの追加（Un

Googleは2025年8月に画像編集AI「Gemini 2.5 Flash Image」をリリースしました。「nano-banana」というコードネームで開発されていたGemini 2.5 Flash Imageは、Google AI StudioやGoogle Geminiで使用可能で、画像の特徴を維持しながら編集することが得意とされています。このGemini 2.5 Flash Imageを使って、イラストを忠実にフィギュアにした画像を生成できるアプリを、てんねんさんが公開しています。 Nano Bananaが楽し過ぎてフィギュア化専用アプリを作ってみました。 プロンプト入力は一切不要！ 参照画像をアップロードして生成ボタンを押すだけ！ この投稿をリポストするとお得に記事を読むことができます。https://t.co/sR3Jp6gHm7— てんねん (@munou_ac) Sept

Raycast is a powerful free launcher for macOS. It can launch apps, search files, control your system, and leverage community-built extensions. Now, it can also interact with AI agents. With the new GitHub Copilot extension for Raycast, you can hand tasks to Copilot coding agent and track progress from anywhere on your Mac. To start a new task, open Raycast with Command+Space, then find and select

【3行要約】 ・プレイングマネージャーとして顧客との関係性や経験を活かす強みがある一方で、仕事が集中し過剰負担になるリスクが指摘されています。 ・組織の規模や構成によってはプレイヤー業務が求められる現実がありますが、マネジメントへの転換が組織全体の生産性向上につながります。 ・効果的なワークスイッチには、自分の仕事の棚卸し、詳細な引き継ぎ資料の作成、部下の特性理解など、段階的なアプローチが必要です。 前回の記事はこちら プレイングマネージャーが悪というわけではない佐久間大輔氏：では、ここまでの内容を整理させていただきながら、管理職がプレイングマネージャーの仕事から卒業するためにはどんなことをしなきゃいけないのかを次からお話しさせていただきたいと思います。 まず1つ確認させていただきたいのが、本セミナーの中で言っているプレイングマネージャーが悪だとか悪いって言っているわけではございません。

20241217　競争力強化とビジネス価値創出への挑戦：モノタロウのシステムモダナイズ、開発組織の進化と今後の展望

「Kyoto.なんか #7」に参加してきた。 Kyoto.なんか #7 - connpass そこで id:nagayama さんがReact Three Fiberの話をしていて、Reactの宣言的な書き方でThree.jsの3Dシーンを描画できるの良いなと思った。 r3f.docs.pmnd.rs 以前にThree.jsを使ってみたときにちょっと書いたけどなかなか書き方難しいな、と感じていたのだった…。 memo.sugyan.com そして会の終了後に id:Windymelt さんがインターネットくす玉をReact Three Fiberで作ろうとしていたのが面白そうだった (懇親会中には完成しなかった)。 blog.3qe.us ので、自分でも書いて練習しようと思って作ってみた。 Vibe Codingでは手直しが多くなりそうだったので主にCopilotと相談しながら自分の手で。