実際にカスタマイズを行ったエントリー
https://info.datafarm.jp/profile/takayuki-katsumata.html
Web上の名刺として使っているページになります。
カスタマイズのポイント
ユニット化することで、使いやすく
エントリーの中でのテンプレート処理は、できなくはありません。
ですが、一般のユーザが気軽に使えるものではなく、コードの損傷により、表示にエラーが出る可能性があります。
それらを踏まえて今回はカスタムユニットにしました。

tplを出力時に読み込み指定
エントリーをhtmxで利用する場合「不要なものをなくした表示」にすることで、再利用がしやすくなります。
そのためには
- 専用のテンプレートhtmlを作成し
- urlとあわせて読み込み
させる必要があります。
それらを、ユーザが指定しなくても自動的に実行されるようにしました。

表示方法が豊かに
今回のカスタマイズにより
- ボタン表示→クリックして詳細表示
- スクロール時に読み込み
の2種類の表現方法を、ユーザが簡単に選択できるようになりました。
これは「htmxとa-blog cmsならではのカスタマイズ」だと思いっています。
それぞれ単体ではできなかったがことが、2つが組み合わ去ったことによって実現できた、と思っています。

投稿がお役に立ちましたら、いいねをしていただけると嬉しいです。
お困りごとをお聞かせください。
a-blog cmsについてのご相談、ご依頼など。
頂いた内容については、3営業日以内の返信を心がけております。
他社作成のa-blog cms修正、コーディング済htmlへのa-blog cms導入もOK。
小さなことから、お気になさらずお気軽にご相談ください。
投稿がお役に立ちましたら、いいねをしていただけると嬉しいです。
その他のa-blog cms一覧
-
FileMaker
FileMaker の自習室にて「Claris Connect 経由で Google Translate の翻訳を利用し、レイアウト上のラベルを切り替える(Claris FileMaker - 10分でスキルアップ)」が公開されました
動画内のサンプルがダウンロードできます。 ダウンロードはこちらから この動画のこぼれ話Google翻訳自体は、海外のサイト巡回などで毎日使っています。ですが、実際にFileMakerをからめて使うことがあるかという...
続きを読む
-
技術
無料の言葉パズル「ごじゅの」オープンベータ版を公開しました
株式会社データファームは、五十音から言葉を作って得点を競うブラウザゲーム「ごじゅの」のオープンベータ版を公開しました。登録不要で、スマートフォンやパソコンのブラウザから1日1回無料で遊べます。「ごじ...
続きを読む
-
FileMaker
A tool for “looking at and thinking about” FileMaker’s DDR: DF-DDR inspector
The blog post is a bit long, so if there’s a feature that catches your interest, please click and take a look. FileMaker includes a feature called DDR (Database Design Report), which outputs the st...
続きを読む
-
FileMaker
FileMakerのDDRを「見て考える」ためのツール、DF-DDR inspectorを作りました
ブログが少し長いので、気になる機能があれば、クリックして見てください。 FileMakerには、データベースの構造を出力するDDR(Database Design Report)という機能があります。テーブル、フィールド、リレーショ...
続きを読む
-
AI・DX・業務改善
Appleヘルスケアの記録を振り返るアプリ「DF-HealthBalance」を公開しました
株式会社データファームは、iPhone・iPad向けアプリ「DF-HealthBalance」をApp Storeで公開しました。DF-HealthBalanceは、Appleヘルスケアに集まった食事・活動・睡眠・水分・体組成などの記録を、日ごとや期間...
続きを読む
-
AI・DX・業務改善
コピーしたものを、あとから取り戻す。Mac用アプリ「DF-ClipRoll」を公開しました
株式会社データファームでは、Mac用のクリップボード履歴アプリ「DF-ClipRoll」をMac App Storeで公開しました。DF-ClipRollは、コピーしたテキストやURLなどをこのMac内に保存し、必要になったときに検索して再...
続きを読む