概要 はじめに 前提とする環境 構成図 Dockerのセットアップ Dockerのインストール Dockerfileの作成 Dockerイメージのビルド Dockerコンテナの動作確認 コンテナの起動 動作確認 コンテナの停止 停止確認 カスタムコンテンツの作成 方法1: Dockerfileでの内容変更 方法2: ローカルファイルの使用 HTMLファイルの作成 Dockerfileの更新 Dockerイメージのタグ管理 実行と動作確認 外部公開する ALB用のSecurity Group（SG）を作る

MarkItDownというMicrosoftが開発しているPythonライブラリがあります。 https://github.com/microsoft/markitdown これはExcelやWord, PowerPoint, PDF, 画像, 音声, HTMLなどをマークダウンに変換することができるツールで、Pythonの実行環境さえあれば非常に簡単に利用することができます。 生成AIによるRAG(Retrieval-Augmented Generation)の実装において、ドキュメントの変換や整形に非

CCoEや生産性向上に関する仕事をしている石川です。 今回は開発生産性向上を目指して、2025年3月から様々なAIエージェントを試してみた 個人的な 感想を書いていこうと思います。GitHub Copilot以外のツールは数日から1ヶ月使用しただけなので、深く使い込んだわけではありません。 GitHub Copilot Agent mode / Coding Agent 良い点 GitHub提供の安心感と将来性への期待 GitHubとの高い親和性 困る点 従量課金要素がある（Premium Request

挨拶 ども！Claudeでブログを書きまくっている龍ちゃんです。最近はClaudeのおかげでブログ執筆のスピードがメキメキと上がってきましたが、一方で作業時間の捻出に苦労している今日この頃です。 今回はClaudeでMermaidの図をサクッと作ってもらう方法について解説していきます。皆さんも技術ブログで「図があったらもっと分かりやすいのに…」と思ったことはありませんか？ なぜMermaidなのか？ 技術ブログにおける図解の重要性 技術ブログで図解が重要な理由は明確です。図があるかないかで読者

はじめに こんにちは、クラウドエース第四開発部の安田です。 業務でウェブサイトのパフォーマンス改善に取り組んだ際、何から始めれば良いか迷った経験があります。その経験から、このように進めると良さそうだと感じた点を記事にまとめました。 なぜパフォーマンス改善が必要？ ウェブサイトの読み込み時間が 3 秒を超えると多くの訪問者はサイトを離脱してしまうという有名な話があるように、サイトの表示速度やパフォーマンスがユーザーに与える影響はかなり大きいので頑張って取り組んで行きましょう！ 図：モバイルサイトの速度の重要

はじめに こんにちは、クラウドエース第四開発部の安田です。 業務でウェブサイトのパフォーマンス改善に取り組んだ際、何から始めれば良いか迷った経験があります。その経験から、このように進めると良さそうだと感じた点を記事にまとめました。 なぜパフォーマンス改善が必要？ ウェブサイトの読み込み時間が 3 秒を超えると多くの訪問者はサイトを離脱してしまうという有名な話があるように、サイトの表示速度やパフォーマンスがユーザーに与える影響はかなり大きいので頑張って取り組んで行きましょう！ 図：モバイルサイトの速度の重要

Material Designをはじめとして、グラフィカルユーザーインターフェース（GUI）のデザインシステムは数多く公開されています。 各デザインシステムに含まれるUIコンポーネントは、各ブランドやサービスに最適化された独自の内容ですが、基本的な部分は共通しています。 たとえば「Button」コンポーネントは、どのデザインシステムでも、同じ役割かつ同じ名前で定義されています。 一方、役割は概ね同じでも、名称が異なるケースもあります。 この記事では、そのようなケースの具体例を挙げながら、UIコンポーネント

はじめに こんにちは、リテールハブ開発部でバックエンドエンジニアをしているホシと言います。 現在、小売アプリの開発でLaravel11を利用してサービス開発を行っています。 今回はサービス提供をする上でセキュリティ対策としてAWSのWAFを導入することになったお話をしようと思います。 AWS WAF（Web Application Firewall）は、Webアプリケーションを守るための強力なサービスです。 今回、私は初めてTerraformを使ってWAFを設定し、ALBやCloudFrontと連携させま

G-genの杉村です。当記事では、Google Workspace の便利なTipsを10個ご紹介します。これらの Tips を活用して、作業効率の向上に役立ててください。 Gemini サイドパネルを使う 進化した Gemini アプリを使いこなす ドキュメントは自動で版管理される ファイルが格納されている Google ドライブのフォルダへ瞬時に移動 「候補」でファイル移動を効率化 最短で共有リンクをコピー ドキュメントの任意の場所へのリンク Google ドキュメントにコードブロックを挿入 コネクテ

GeminiアプリのCanvasとは？ Geminiアプリは、テキスト、コード、画像、音声など多様な情報を理解し、質問への回答やタスクの実行ができるAIツールです。「Canvas」機能により、Geminiが生成したテキストをドキュメントのようにリアルタイムで修正・調整できます。

対話から創造へ：共同作業スペース「Canvas」 本題に入る前に、この新機能が搭載されているGeminiの「Canvas」について簡単にご説明します。

さくらの生成AIプラットフォームについて さくらインターネットでは、「さくらのクラウド」「GPUクラウド 高火力シリーズ」など生成AIを活用したアプリケーション開発やホスティング、モデルそのものの学習が行えるサービスを提 […]

挨拶 ども！最近はAI関連からInfrastructure as Code（IaC）などにも入門して幅広いブログを執筆している龍ちゃんです。最近はブログ執筆にAIを導入して、執筆スピードと質が上がっているような気がして楽しいですね。7月にまとめた内容は8月の初頭に45分セミナーにまとめるので、激しめに検証を進めています。 さて今回は「Stremlit」のお話になります。最近ふんわりとStremlitを書く機会が増えたので、DevContainerで開発する環境構築をまとめていこうと思います。 Streml

はじめに こんにちは！ KINTOテクノロジーズのプロジェクト推進グループでWebエンジニアをしている亀山です。 フロントエンドを勉強中です。 モダンなWeb開発においては コンポーネント指向 が主流となっています。UIを再利用可能な部品に分割することで、開発効率や保守性が向上します。 Web Components と Tailwind CSS は、どちらもコンポーネント指向のフロントエンド開発を支援する強力なツールです。 Web Componentsは、標準仕様に基づいてカプセル化された再利用可能なカス

はじめに ども！最近はAIを使った自動化に注目している龍ちゃんです。実は最近、SIOSテックラボのX担当者もやっているんですが、投稿頻度によっては半分ぐらい自分のブログ宣伝をしているので、ほぼ私物になっています。 今回はそんな問題を解消してくれるプロンプトを紹介していきたいと思います。ただ作るだけではなく、簡易的なプロンプトから始めて、詳細プロンプトに落とし込んだ過程を含めて、検証の結果とともにブログ記事にできれば良いなと思っています。 この記事では以下の内容をお伝えします： X（旧Twitter）投稿の