“11ty”タグの記事

  • | ブログ | 9 min read
    #2022年 #netlify #11ty

    Eleventyで生成したサイトでNetlify Edge Functionsを使ってみる

    一般的にサイトジェネレータで作成したサイトは、特定の場所に静的リソースを配置し、CDN経由で配信することが多いかと思います。 昨今はNext.jsやNuxt等のハイブリッドフレームワークを使って、サーバーサイド側でページを生成するSSR(Server Side Rendering)も増えてきていますが、やはり静的リソースのみを配置するスタイルは何かと開発・運用しやすいと思います...

    記事を読む
  • | ブログ | 10 min read
    #2022年 #netlify-cms #netlify #11ty #SSG #CMS

    Netlify CMSのワークフローでコンテンツ管理をする

    当サイトも記事数が180を超え、執筆者も増えてきました。 現状はGitHubをNetlifyと連携させることで、プルリクエスト経由で記事公開をしてきました。 これでも問題はないのですが、そろそろCMS的な仕組みでGitに不慣れな人でも簡単に記事作成やサイト自体の設定変更ができないかなと思い始めました。 世の中的には、ヘッドレスCMSが流行っていると思います...

    記事を読む
  • | ブログ | 4 min read
    #2022年 #SSG #11ty

    11tyで生成したマークダウン記事の画像を拡大する

    早いものでデベロッパーサイトを開設して半年ほど経過しました。継続的に記事も公開し、もうすぐ100本に到達します。 今後は記事の執筆と並行して、サイト自体のUI/UX改善にも取り組んでいきたいと思います。 今回は改善要望として上がっていた記事の画像のズーム機能について対応しました。デベロッパーサイトなのでここではそのやり方も記事として紹介したいと思います...

    記事を読む
  • | OSS | 4 min read
    #oss #SSG #11ty

    eleventy-plugin-code-clipboard

    eleventy-plugin-code-clipboardは、静的サイトジェネレータツールの1つであるeleventy(以下11ty)のカスタムプラグインです。 このプラグインは、マークダウンのコードブロックで生成されたものに対して、クリップボードコピー機能を提供するもので、本サイトでも使用されています。 プラグインは以下の2つの機能で構成されます...

    記事を読む
豆蔵デベロッパーサイト - 先週のアクセスランキング
  1. 基本から理解するJWTとJWT認証の仕組み (2022-12-08)
  2. 自然言語処理初心者が「GPT2-japanese」で遊んでみた (2022-07-08)
  3. 直感が理性に大反抗!「モンティ・ホール問題」 (2022-07-04)
  4. ORマッパーのTypeORMをTypeScriptで使う (2022-07-27)
  5. Nuxt3入門(第4回) - Nuxtのルーティングを理解する (2022-10-09)
  6. AWS認定資格を12個すべて取得したので勉強したことなどをまとめます (2022-12-12)
  7. コンテンツ重視の静的サイトジェネレーター Astro でドキュメントサイトを構築する (2022-09-07)
  8. Nuxt3入門(第8回) - Nuxt3のuseStateでコンポーネント間で状態を共有する (2022-10-28)
  9. Jest再入門 - 関数・モジュールモック編 (2022-07-03)
  10. Viteベースの高速テスティングフレームワークVitestを使ってみる (2022-12-28)