この記事の対象者 コーディングエージェントをローカルで構築したい方 GPU環境(筆者はRTX 3060(VRAM 12GB))をお持ちの方 Windows環境で実装したい方 ※本記事で紹介するツール・モデルの評価は執筆時点の検証結果に基づくものであり、利用にあたっては各組織のセキュリティポリシーおよび利用規約をご確認ください。 はじめに 近年Codex、Claude Codeなど多様なコーディングエージェントアプリが出ており、コーディングエージェントを誰でも試すことができる時代になりました。 一方で、投入

アプリを多言語対応（Internationalization / i18n）させようとしたりしたとき、直面する壁があります。それが「翻訳によるUI（画面）の崩れ」です。 日本語環境ではピッタリ綺麗に収まっていたボタンやヘッダーが、英語に変えた途端に文字がはみ出したり、不自然に改行されてしまったり……。そんな経験はありませんか？ UI上の「文言（ことば）」は言語によって長さが異なります。今回は、初学者の方向けに、多言語化で起こりうるレイアウト崩れの原因と、その対策です。 なぜ言語が変わるとUIが崩れるのか？

Webやアプリケーション開発において「アクセシビリティ」や「ユーザー補助」という言葉を聞くと、皆さんはどう感じるでしょうか。「重要だとはわかっているけれど、開発コストがかかる」「一部のユーザーのための特別な対応」といったイメージを持つ方も少なくないかもしれません。 しかし、技術的な観点からアクセシビリティの構造を紐解くと、そこにはエンジニアにとっても合理的で、美しいアーキテクチャが存在します。 結論から言うと、アクセシビリティ対応とは「ユーザーのための特別なUIをゼロから作る」ことではありません。 「ユー

はじめに シンガポールは朝7時。ある財務コントローラーが SAP で月次決算を締めようと急いでいますが、その前にシステム認証が3大陸にまたがって彼女の本人確認を行う必要があります。フランクフルトの彼女のチームは応答の遅さに苦しみ、ニューヨークのセキュリティチームは、本番 SAP システムへの検証されていない接続試行をたった今フラグしたところです。SAP を大陸をまたいで運用するグローバル企業にとって、これは例外ではなく日常的に起こることです。 機密性の高い財務取引、人事記録、サプライチェーンデータが、常に

大御所のアイコンライブラリ Font Awesome の アニメーション機能 は、CSSのクラスを追加するだけで動きを与えられ、お手軽です。動きのオプションも指定が可能です。 このアニメーション機能をGoogleの Material Symbols & Icons に移植してみたいと思い、やってみましたので共有します。 公開されているMaterial Symbols & Iconsと、 Font Awesomeのコード（GitHub） を一部拝借しました。 アニメーションのCSSを取り込む

Gemini Canvasから出力・ダウンロードできるファイル形式一覧 Gemini Canvasの強みは、資料やWebページ用のビジュアルを出力し、多様なファイル形式へ変換できる点にあります。

株式会社スタンバイでフロントエンドエンジニアをしている藤澤です。 スタンバイでは27卒から新卒採用を実施しており、その一環として、来年度4月入社予定の内定者（学生）の方を対象に、任意で「内定者バイト」（本記事では以下「内定者エンジニア」と呼びます）を実施しています。 入社前に実際の現場業務を体験してもらうことで、入社後のスタートダッシュを円滑にすることが狙いです。 このたび、その内定者エンジニアの方をトレーナーとして約5カ月間受け入れるという経験をしました。 最初は「自分が誰かの成長に伴走するなんて、うま

はじめまして。2026年度新卒として入社し、この夏からITディベロップメント1部 開発チーム 開発2課に配属されますF.Tです。 4月に入社してから約4か月間、みっちりと研修を受けてきました。振り返ると本当にあっという間で、それでいて濃密な期間でした。 そこでこの記事では、受講した新卒の一人として、この4か月で何を経験し、何を得たのかを率直にお伝えします。 研修の雰囲気が少しでも伝われば幸いです。 研修全体の流れ 研修は大きく次のステップで進んでいきました。 時期 研修内容 ～4月中旬 人事研修・デジ戦研

はじめに こんにちは。クラウドエース株式会社 第四開発部の河添です。 近年、生成AIの進化によって、PowerPointスライドの作成も AI に任せられる時代になりました。今では AI でスライドを作る方法が数多くありますが、それぞれ実際に出力されるものは微妙に異なります。 そこで、この記事では同じ原稿・同じテンプレを異なるツールに渡すと出力がどれだけ変わるのかを見比べることで、AI時代における効率的なスライド作成方法について考えていきたいと思います。 早見表 まずは、今回比べる4手法を簡単に紹介します

はじめに こんにちは、ZOZOMO部SREブロックの中村です。普段は ZOZOMO のSREを担当しています。 本記事では、CloudFrontでカナリアリリースを実現する方式の選定基準と、CloudFront FunctionsとKeyValueStoreの実装・運用で得られた実践的なノウハウをご紹介します。CloudFront + S3構成へのカナリアリリース導入を検討している方の参考になれば幸いです。 目次 はじめに 目次 背景・課題 対象システムと従来の構成 満たすべき3つの要件 CloudFro

UIデザインで背景画像の上に配置した要素を自然に馴染ませたい時に役立つ、CSSの`mix-blend-mode`プロパティをご紹介します。合成モードの種類や見え方の違いから、動的な背景での視認性確保といった活用例、使用時の注意点までを客観的に解説します。

ども！ここしばらく、Slidevで作ったスライドをPowerPointで出す方法ばかり検証している龍ちゃんです。 僕は資料を Slidev で書いています。Markdownで書けるので中身がテキストのまま残るし、AIに書かせるのも直させるのも思いのままです。ただ社内に出すとなると、だいたいPowerPointが要求されるんですよね。PowerPointだったら誰でも編集できますもんね。 今回は、コードとして起こしていたスライドをPowerPoint形式にするための検証で、4パターンまで結論が出たのでまとめ

ども！会社のPowerPointを解析して、Slidev側に持ってくる検証をしている龍ちゃんです。 会社の資料って、1枚1枚に職人芸が効いてるんですよね。ここはこの位置に、ここはこの大きさで、という判断が積み重なって、見やすい形になってる。あの詰め方は正直すごいと思ってます。 ただ、取り回しはよくない。開くと ppt/media/ に画像が148枚も入ってたりするし、中身をのぞいても座標の数字がずらっと並んでいるだけで、AIに手伝ってもらうにはちょっと解析しにくいんですよね。 僕の場合はというと、会社で発

ども！SlidevからPowerPointへスライドを渡す道を、ひとつずつ試している龍ちゃんです。 Slidevで作ったデッキをPowerPointに持っていく実験をずっとやっていて、今回はそのうちの1本です。Slidevにもpptxの書き出し機能はあるんですが、出てくるのは各スライドを画像にして貼っただけのファイルで、開いても誰も直せません。以前「 Claude CodeでSlidevのスライドを作る話 」で「配布用の最終形と割り切る」と書いたのがこれですね。 じゃあ画像じゃない形で渡そうとなるんですが

G-gen の高宮です。当記事では、AI 駆動フロントエンドデザインツール Stitch と、AI 駆動統合開発環境 Google Antigravity 2.0 を組み合わせた、AI 駆動開発について紹介します。 はじめに AI 駆動開発（AI-Driven Development）とは Stitch とは Google Antigravity とは 環境準備 Stitch でのフロントエンドデザイン Antigravity 2.0 での開発 Stitch との連携 アプリケーションコードの開発 Goo