全年齢向け

スーパーブルアカわくわく4コマ 春|d_601983| あのスーパーブルアカわくわく4コマが春になって新登場！！

ジョジョの奇妙な4コマ「面会」|d_604201| ジョジョの奇妙な○険第6部の4コマ漫画を描きました。twitter（X）をやっています。こちらもよろしくお願いいたします。@yaroichisan

技術書のための:PythonでMarkdownからEPUBをつくる本|d_599346| Pythonのプログラムを書いて、Markdownの原稿から、EPUBを自動生成する本です。これまで何十冊か同人技術書を出してきましたが、そのノウハウを反映した内容になっています。本書自体も、この本で解説しているプログラムでEPUBを生成したあと、PDFに変換しています。本書では、次のような方式でEPUBを生成します。・YAMLで設定を書き、複数のMarkdownファイルで原稿を書いて、EPUBを生成します。・EPUBの目次データなどを自動で作ります。・表紙ページや目次ページを自動で追加します。プログラミング系技術書を作る上級者向けに、次のような機能を備えるようにしています。・外部ファイルのコードを自動読み込み、行数指定による部分読み込み。・Kindle ダイレクト・パブリッシング用のコード部分の自動成形。・フォントのサブセット化。・Markdown内のフレーズに対する自動置換。・Markdownに自由に追加できる簡易関数の作成。本体のPDFは130ページです。また、付属のサンプルには、ソースコードが入っています。● 目次第1章 EPUBファイル第2章 EPUB、KPFの注意事項第3章 EPUBのCSS第4章 原稿のファイル構成第5章 config.yaml第6章 開発の準備第7章 プログラムの構成第8章 プログラムの開始第9章 設定の読み込み第10章 ファイル複製第11章 Markdown変換第12章 本文構築 周辺処理第13章 目次構築第14章 圧縮してEPUB生成第15章 拡張置換について第16章 拡張置換用のファイル第17章 拡張置換の処理第18章 コードの変換

ラ◯ライブ！4コマ漫画「優勝するには」|d_599714| ラ○ライブ！のたのしい4コマ漫画を描きました。4コマ漫画4本で1話になる構成にしています。よろしくお願いいたします。twitter（X）をやっています。こちらもよろしくお願いいたします。@yaroichisan

カードが動くタロット占いをつくろう JavaScriptでアニメーションするWebアプリ|d_599233| Webブラウザー上で「カードが動くタロット占い」を作る本です。画面上にカードを並べ、シャッフルし、配るものです。最終的に表側になったカードの内容をもとに、占い結果の文章を出力します。実現方法はいくつかありますが、今回は次のような方針で作ることにしました。・使用言語はJavaScript・canvasに描画する・Tween方式でアニメーションする・PC、スマホで使うことを想定して、画面サイズに合わせて初期canvasサイズを変える・結果の文章は、canvasの外にテキストとして出力させる・既存のWebサイトに占いページを追加することを想定する・最終的にライブラリーとしてファイルをまとめるcanvasへの描画は、『Pixi.js』を使います。ゲーム用の有名ライブラリーで、WebGLを利用して高速に描画できます。Tween方式のアニメーションは『Anime.js』を使います。軽量で使いやすいアニメーション用のライブラリーです。DOM要素を動かすだけでなく、オブジェクトのプロパティの値をアニメーションできます。この2つのライブラリーは、いずれもMIT licenseです。それではWebブラウザー上で「カードが動くタロット占い」アプリケーションを作っていきましょう。本体のPDFは95ページです。また、付属のサンプルには、ソースコードが入っています。● 簡略化した目次第1章 開発するプログラム第2章 開発の準備第3章 アプリケーションの入り口第4章 タイトル画面第5章 カード操作第6章 占いの結果第7章 公開の準備● 詳細な目次第1章 開発するプログラム・1-1 画面の遷移・1-2 ファイル構成第2章 開発の準備・2-1 開発環境の準備・2-2 Pixi.js・2-3 Anime.js・2-4 画像とフォント・2-5 タロット占いのデータ data-tarot.js第3章 アプリケーションの入り口・3-1 HTMLファイル index.html・3-2 CSSファイル・3-3 エントリーポイント main.js・3-4 縦横サイズ size.js・3-5 リソースの読み込み preload.js第4章 タイトル画面・4-1 【進行】アプリの進行 proc.js・4-2 【進行】タイトル画面 proc-01-title.js・4-3 【UI】テキストボタンを作る ui-button-text.js・4-4 【UI】フェードアウトとフェードイン ui-fade.js第5章 カード操作・5-1 【進行】カードを積み重ねる proc-02-stack.js・5-2 【UI】メッセージボックスを作る ui-message-box.js・5-3 【UI】スプライトボタンを作る ui-button-sprite.js・5-4 【進行】シャッフル画面 proc-03-shuffle.js・5-5 【進行】カードの展開 proc-04-spread.js第6章 占いの結果・6-1 【進行】カードの選択 proc-05-select.js・6-2 【進行】カードの開示 proc-06-open.js・6-3 【進行】結果の表示 proc-07-result.js第7章 公開の準備・7-1 Web フォントの軽量化 fontmin・7-2 ライブラリーの出力 vite

まどマギ4コマ「僕と契約して、魔法少女になってよ！」|d_601174| 「魔法少女まど○☆マギカ」の4コマ漫画を描きました。よろしくお願いいたします。twitter（X）をやっています。こちらもよろしくお願いいたします。@yaroichisan