DSCL Blog

デザイン事務所のスタッフBlog

おばけ
お知らせ

first-post 表示テスト

DSCLブログの開設記念記事です。技術情報や開発ノウハウを発信していきます。

first-post 表示テスト

DSCLブログへようこそ!

このブログでは、最新の技術情報、開発ノウハウ、業界トレンドなどを定期的に発信していきます。

aiueo

画像をいれてみました

blog-placeholder-5.jpg

〜〜〜〜〜〜

TEST

画像の挿入例

first-post_01.png

この画像はサブフォルダ内の記事と同じディレクトリに配置されています。

画像を挿入するには、以下のようにMarkdownの画像構文を使用します:

![代替テキスト](/images/sample-image.png)

実際の表示例:

画像の配置について

  • 画像はpublic/imagesディレクトリに配置してください
  • 推奨サイズ: 幅800px程度(記事の幅に最適化)
  • ファイル形式: WebPまたはJPEG推奨(画質とファイルサイズのバランスが良いため)

画像のスタイリング

必要に応じて、以下のようにクラスを追加してスタイルを適用できます:

<img 
  src="/images/sample-image.jpg" 
  alt="DSCLのロゴ" 
  class="blog-image"
  width="800"
  height="450"
  loading="lazy"
/>

スタイルはsrc/styles/global.cssで定義できます。例えば:

.blog-image {
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  margin: 2rem auto;
  display: block;
  max-width: 100%;
  height: auto;
}

ブログの目的

  • 最新の技術情報の共有
  • 開発チームの知見の蓄積
  • 技術コミュニティへの貢献

今後の予定

今後は以下のようなトピックについて記事を投稿していく予定です:

  • Web開発のベストプラクティス
  • 新しいフレームワークやライブラリの紹介
  • パフォーマンス最適化のテクニック
  • セキュリティに関する情報
  • チーム開発の効率化

お問い合わせ

記事に関するご質問やご要望がございましたら、お問い合わせページからお気軽にご連絡ください。

今後ともDSCLブログをよろしくお願いいたします!

小橋 隆司

小橋 隆司

Web開発者。Astroとモダンフロントエンド技術が大好きです。シンプルで使いやすいインターフェースを作ることに情熱を注いでいます。