AsciiDocでBouncing Ball

HTML5のCanvasを画面いっぱいに表示して,Webページにアニメーションを重ねる方法を説明します.実際のデモであるこのページは,AsciiDoc原稿にCanvasを埋め込んで作成したので,AsciiDocでの設定方法についても説明したいと思います.アニメーションのバウンシング・ボールは,中1の息子が夏休みの自由研究で作った Scratchプロジェクトへのオマージュです(笑). ソースコードはこち .... »

Hugo で AsciiDoc 原稿を書く際の留意点

Hugo は静的にWebサイトを生成するプログラムです.データベースを使って動的にページを生成するCMSと違い,ローカルに作成された全原稿から予めサイト全体のページを生成します.カテゴリやタグのページも静的に生成されます.このサイトも Hugo で作成しています. 原稿ファイルをHTMLに変換するのは Hugo ではなく Hugo が起動する外部プログラムです. Supported Content Formats にサポートする原稿のフォーマットが載っています.拡張されたMarkdo .... »