ページ送りナビゲーター

AIによる実装

【ページ送りナビゲーター】第3話 カスタムHTMLの限界を突破! ショートコード化しました。

WordPressのブログで使用できる「ページ送りナビゲーター」を作成しました。前後関係がある複数の記事をCocoonのブログカード風のデザインのリンクカードでつなぐことが出来ます。最初にカスタムHTMLとして製作しましたが、さらなる機能追加のためにショートコード化を行いました。なぜカスタムHTMLでは対応できなかったかと、AIを利用したショートコード化などについて紹介します。
AIによる実装

【ページ送りナビゲーター】第2話 ひとりアジャイル?AIと協力しました。

WordPressのブログで使用できる「ページ送りナビゲーター」を作成しました。前後関係がある複数の記事をCocoonのブログカード風のデザインのリンクカードでつなぐことが出来ます。まず初めにカスタムHTMLとして基本的な機能を作り込みました。AIを利用してコーディングを行い、出来上がったものを実際に動かしては改良を繰り返しました。どのようなAIを使用したかと、カスタムHTML版の作り込みについて紹介します。
ソースコード

【ページ送りナビゲーター】ショートコード版のソースコード

バージョン1:最初に作ったもの戻るショートコード用コードPHP/** * Cocoonブログカード風 ページ送りナビゲーター * ショートコード [custom_nav] の登録 */function my_custom_page_nav_...
基本・アイデア

【ページ送りナビゲーター】第1話 AIプログラミングに挑戦! どんなものを作ったか紹介します。

WordPressのブログで使用できる「ページ送りナビゲーター」を作成しました。前後関係がある複数の記事をCocoonのブログカード風のデザインのリンクカードでつなぐことが出来ます。AIを利用してプラグインとして作成しました。第1回は、なぜ「ページ送りナビゲーター」を作ったかと、どんなものを作ったかを紹介します。
ソースコード

【ページ送りナビゲーター】カスタムHTML版のソースコード

カスタムHTML版「かるがもページ送りナビゲーター」のソースコードです。HTMLとCSSから構成されるソースコードを公開しています。また、テストの方法も紹介しています。本文「【ページ送りナビゲーター】第2話 ひとりアジャイル?AIと協力しました。」と併せてお読みください。