Hatena Blog Tags
はてなブログ トップ
静的サイトジェネレータ
このタグでブログを書く

静的サイトジェネレータ

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
はりがみや運営ブログ•3 か月前

フレームワークを使わない静的サイトの作り方

こんにちは。今回は静的サイトの作り方について書いてみます。 フリー張り紙素材 はりがみやも静的サイトで、基本的にはこの記事と同じようなやり方で作られています。 【注意】 これを書いている人は趣味レベルな上、「なんだかわからんが動いたからヨシ！」という人間です。ベストプラクティスとは程遠い内容かもしれません。 とはいえ「ちゃんとやる」「完璧にやる」といろいろとハードルが高いですし。 とりあえず動かしてみたい、作ってみたいという方に読んでいただければ。 想定している読者 前書き 静的サイトとは？ 動的サイトとは？ 静的サイト作成の流れ 静的サイトジェネレーター 本記事のゴール 完成イメージ 環境の…

#静的サイト#静的サイトジェネレータ#Web開発

関連ブログ

やってみる•4 年前

Pelicanのプラグインをインストールする

静的サイトジェネレータPelicanでAsciiDocを使いたい。

#静的サイトジェネレータ
やってみる•4 年前

pelican-quickstartでブログのひな形をつくってみる

静的サイトジェネレータPelicanを使ってみる。

#静的サイトジェネレータ
ネット深海回遊•13 日前

モダンなWeb界隈調査【ヘッドレスCMS】

あらすじ 前回このような記事を書きました。やっぱり色々と勉強していましたが、モダンな情報を調べて自分の知識の穴を縫っていく方が明らかに効率が良いことを痛感しています。その為にはネットの海を彷徨う事の重要性が身に染みます。 melheaven.hatenadiary.jp ヘッドレスCMSとは 何じゃそれ・・・。CMSはWebサイトを構成するコンテンツ（文章や画像、動画）を一元で管理するシステムです。さらに具体的に説明すると、CMSはフロントエンド機能である『コンテンツを表示するView』とバックエンド機能である『API経由でコンテンツを取得する機能』により成立しています。CMSではWordpr…

ネット深海回遊•14 日前

モダンなWeb界隈調査【SSG・JAMStack】

あらすじ 前回この記事を書きました。ただ懸念点が一つ・・・2010年。古すぎじゃい！ やっぱり本で勉強するよりネットサーフィンの方がええわ！ 分からない単語が出てきたら深堀って調べていこうと思います。 melheaven.hatenadiary.jp2021年現在モダンとされている技術は何かを調べてみました。 この方が超分かりやすくまとめてくださっていたので、この技術を軸に挑戦できれば自作ブログでも夏季休暇中に作ろうと思います。 coliss.com フレームワーク 「Vue vs React」の二強。半年前にVueでポートフォーリオを開発したっきり触れていません。でもこの構図は半年前から変わ…

あおたくメモワール•23 日前

ブログエンジンのことを考えてる

n回目。 静的サイトジェネレータ（以下SSG）はおおよそ正しいが、しかしただ記事書いただけでサイト全体をビルドするのどう考えてもアホというか、しかし実際秒でビルドできるなら考えるのを放棄して秒でビルドする、という戦略もそんなに間違ってはないとは思う。 が、それでもやっぱりアホだと思う。 ブログは動的な部分と静的な部分がある。静的な部分だけ静的生成して動的な部分は動的なままにする、というやり方は、SSG でもたとえばコメント欄などでそうしてる。が、コメント欄以外も別に動的でいい。たとえば最新記事5件のリンクみたいな本文に付随する動的な情報まで静的生成で全ページに組み込むのはアホだと思っている。最…

tkzwhr's notes•先月

Docusaurusで簡易的にdiff-highlight対応する

ドキュメントを作る際に便利な静的サイトジェネレータの1つであるDocusaurusだが、 下記のようなdiff-highlight（言語のハイライトに対応しながらdiff表示する）には対応していない。 diff-highlight 色々試行錯誤した結果、かなりHackyな方法ではあるが、対応できることが分かったのでメモとして残しておく。 （いつかはきちんと対応したい） Docusaurusは何もカスタマイズしなくてもLine Highlightを行うことができるようになっている。 ```js {2} function main() { return "Hello, world!"; } ```…

よちよちpython •先月

【Jupyter】WSL-Ubuntu上のAnacondaでJupyterのbashカーネルをインストールする

WSL:Ubuntu上のAnacondaでJupyterのbashカーネルをインストールする 今回は、Linuxのbash shell(バッシュ・シェル)をJupyterで実行できるようにするbash kernelをインストールしたいと思います。 目的は、CodeセルでLinuxコマンドやシェルスクリプトが実行できるようにすることと、カーネルのインストール練習です。 【実行環境】 Windows10 WSL:UbuntuにAnaconda Python 3.8 Jupyter Notebook 6.4 # バージョン確認 !conda --version # Anacondaのバージョン !p…

あしたのチーム Tech Blog•先月

Astro の気になった部分を試してみた

こんにちは。フロントエンドを担当しています mozato です。 先日 Twitter を徘徊していたところAstro というものを見つけ、気になった部分があったので試してみました。 Astro とは https://astro.build/ Snowpack が先日発表した静的サイトジェネレータ (公式ではビルダー) です。 Astro が気になった理由は下記の Tweet の内容です。 🚀 Introducing Astro: A New Kind of Static Site Builder⚡️ Works with React, Preact, Svelte, Vue⚡️ Astro …

IT + X•先月

JAMStackをいまさらながら解説してみる

最近、JAMStackという考え方を、遅まきながら知りました。 静的サイトジェネレーターは昔から知っていましたが、CD/CIやBaaSなどと組み合わさってこんなに進化していたのは驚きでした。 ということで、JAMStackについて調べた内容をまとめてみました。 JAMStackとは JAMStackとは、静的ファイル（HTML, CSS, Javascript)を基本とした新しいタイプのウェブアーキテクチャーです。 ちなみに、JAMStackのJAMとはJavascript + API + Markupの略です。 現在のメジャーなCMSは、ウェブサーバーとDBサーバーの連携により構成されていま…

たくろぐ！•先月

スクレイピング・ハッキング・ラボを読みました

スクレイピング・ハッキング・ラボの要約 著者 齊藤貴義さん www.geek.sc 高校で理数科、大学で弁論（ディベート）部、その他さまざまな分野に一定の造詣があります。 特にアニメや映画の趣向がSF、ホラー寄りだったり、この本を執筆されているくらいなのでITにも知見があって、私自身、共通点が多かったです。 本の要約 第1章 スクレイピングの基礎 スクレイピングとは、Web上のリソース（Webページのみならず、画像やPDF等Web上のすべてのリソースが対象）から情報を取得することです。 検索エンジンのアルゴリズムに必要とされるサイトのクローリングでも使われていたり、自動化することで手作業が減っ…

ぐだぐだ言ってないでコードを書けよ、ハゲ。•2 か月前

レジュメの Static site を Jekyll(Azure CDN) から Hugo(Static Web Apps) に乗り換えた話

タイトルで8割書いてるので、あとは補足だけ書く。 サイトはこちら。 cv.kheiakiyama.com 背景 理由1: ビルド遅い問題 Jekyll のビルドが遅すぎてどうにかしたいお気持ち— kheiakiyama (@kheiakiyama) 2021年5月20日 GitHub Actions を使ってビルドしているが、ビルドからデプロイまで、約8分前後の時間がかかっていた。 内容を精査すると、主に Jekyll でビルドするための bundle install に時間が大半を占めていた。 また、 Gemfile が Dependabot に検知される要因になっていて、地味に嫌な感じだっ…

コミュ障だから明日が僕らをよんだって返事もろくにしなかった•3 か月前

ぞら

ぞら。意味は知らない はい、おはようございます。僕です。今日はぞらぞらしていこうと思います。ぞらとはなんなのか？僕もよくわからないのですけどもぞらぞらしなくちゃいけない気がしたのでやろうと思うのです。はい。これ試したくなったのですよ。 www.getzola.org Rust製の静的サイトジェネレータらしいです。Rust製というだけで使う分にはRust感を感じることはないはず……。 そんでジェネレータなんで何かネタを作らないといけないのですけどもネタがなかったので適当なサイトから引っ張ってきた静的サイトを生贄にお試しします。元ネタ github.com なんかもう色々面倒くさいので元ネタはそこ…

tmp/log•3 か月前

ブログ移転しました

ずっとやってみたかった静的サイトジェネレータのブログへ移転しました。 今後はこっちでやっていきます。 blog.otomi.world

（旧）反面教師あり学習•3 か月前

静的サイトジェネレータMoulを使って写真ポートフォリオをサクッと立ち上げる

概要 写真や絵を並べるだけのサイト作りたいけどHugoのテーマにちょうどいいのが無くて色々探してたら見つけたツールの話 GitHub Actionsでデプロイ自動化した

NRIネットコム Design and Tech Blog•4 か月前

インフラエンジニアが見るJAMStack

はじめまして、志水です。 普段は主にAWSを利用したサービスの設計、構築、運用をして、プライベートでは妻や娘の障害対応を行うインフラエンジニアです。 最近JAMStackにふれる機会があり、まとめてみたいと思います。 フロント側の知識が乏しいので、ミスなどあれば教えて頂けると志水は喜びます。 CMSとは？ まずJAMStackを説明する前に、CMSについて説明します。 CMSとは、Content Management Systemの略で、ユーザが画像やテキストデータなどのコンテンツを管理し、テンプレートを用いて配信などを行うシステムになります。 よくブログや会社の公式サイトに利用されているもの…

Marbles Day•4 か月前

Markdown Preview Enhanced の目次生成機能についての妙な発見

Markdown Preview Enhanced の目次生成機能 コマンドで実行 VSCode ＋ Markdown Preview Enhanced（以下MPE）で記事を書いています。 MPEには目次を自動生成する機能があります。 記事中の目次を生成したい位置（たいていは文頭？）にカーソルを置いて、コマンドパレット（F1 または Ctrl + Shift + P）を開き、「Markdown Preview Enhanced: Create TOC」を実行。すると次のようなコードが挿入されます。 <!-- @import "[TOC]" {cmd="toc" depthFrom=1 dept…

ablog•7 か月前

GitHub Pages で Jekyll を使わずに静的コンテンツを公開する

GitHub Pages は、デフォルトでは Jekyll を使ってサイトを構築します。 Jekyll 以外の静的サイトジェネレータを使いたい場合、公開元のルートに .nojekyll という空のファイルを作成し、お使いの静的サイトジェネレータの指示に従ってローカルでサイトをビルドします。 GitHub Pages について - GitHub Docs ということなので、 $ touch .nojekyll $ git add .nojekyll $ git commit -m "added .nojekyll" $ git push origin master .nojekyll を作成して…