課題
- いいねボタンをできるだけ、わかりやすい、親しみのあるものにしたい
解決方法
いいねのマークを若葉に
当社は
- 「データ(情報)」の
- 「ファーム(畑)」を作り
- 「果実(問題解決→良くする)」
を得られるようにという精神の元に社名を決めました。
そのため、いいねのマークもgoodマークでなく若葉のマークにしました。

いいねの感謝を伝える
いいねを押していただいた方には、リアクションのお礼(いいねを頂き、ありがとうございました。)を表示するようにしました。
いいね後のアイコンを変更
いいねを押していただくと、いいね後のアイコンが若葉から変化するようにしました。
この記事の最後にある「いいねボタン」を押していただき、ぜひご確認ください。

hoverで色を変更(PCのみ)
Hover時に色が変わるようにしました。
通常時から色をつけるのは、少しうるさく感じたのでやめました。

スマートフォンではボタンを右に移動し、色をつける
スマートフォン表示の場合は、右側にあった方がボタンを押しやすいと思い、位置を変更しました。
また、スマートフォンの場合はいいねボタンに色がついていた方が分かりやすいと感じましたので、PCのhover時の色をつけました。

カスタマイズは、a-blog cms+jsで
いいねボタン自体はa-blog cmsを色々カスタマイズして作成しました。いいねされたかどうかの判別はjsを利用しています。
いいねボタンの機能についてもphpなどでプログラムを組まず、a-blog cmsのカスタマイズのみで行いました。
そのため実現できない機能(いいねの取り消し)などもありましたが、最終的に「これが必要」と思う機能がa-blog cmsのカスタマイズで実現できそうだったので、手探りで開発しつつ、実装しました。
いいねボタンはこちらから
お困りごとをお聞かせください。
a-blog cmsについてのご相談、ご依頼など。
頂いた内容については、3営業日以内の返信を心がけております。
他社作成のa-blog cms修正、コーディング済htmlへのa-blog cms導入もOK。
小さなことから、お気になさらずお気軽にご相談ください。
その他のa-blog cms一覧
-
FileMaker
会員特典あり
作業現場から考える「仕組み資産化」とは
近年、便利なクラウドツールやアプリが次々と登場し、現場の業務効率化に貢献しています。 しかし、「とりあえず使っている」「決められた通り動いている」だけでは、現場の知恵や工夫が仕組みに反映されず、ツー...
続きを読む
-
FileMaker
会員特典あり
ツール導入ではなく「仕組みの資産化」を目指す、システム導入を
最近、CMやネット広告で目にすることが多くなったサブスクリプション型の業務システム。確かに、初期コストを抑え、すぐに使い始められるという大きなメリットがあります。 ですが、その便利さの裏に、見落とされ...
続きを読む
-
FileMaker
FileMaker の自習室にて「Web ビューアを使って、テキストを喋らせる(2)(Claris FileMaker - 10分でスキルアップ)」が公開されました
動画内のサンプルがダウンロードできます。 ダウンロードはこちらから この動画のこぼれ話前回の動画のパート2。日本語以外を喋らせるバージョンです。前回もお話しした通り「英語版がそもそものスタート」でした...
続きを読む
-
Make
Makeのgoogleアカウントでの権限が少なくなっている模様
以前、新規接続した時の権限全部で10種類程度あった。Google Photoの権限についても「アルバム全体への権限」が付与されていた今回、新規接続で確認した権限Google Photoのアルバム接続でエラーが出ていたため、...
続きを読む
-
FileMaker
FileMaker の自習室にて「Web ビューアを使って、テキストを喋らせる(1)(Claris FileMaker - 10分でスキルアップ)」が公開されました
動画内のサンプルがダウンロードできます。 ダウンロードはこちらから この動画のこぼれ話趣味で英語学習をしているのですが、そのためのソリューションを趣味でこつこつと作り始めて。知らない単語の「あれ?こ...
続きを読む
-
FileMaker
FileMakerServerにファイルをアップできない、特定のFileMakerクライアントがある
問題:特定のマシンから、FileMakerServerにファイルをアップできないFileMakerファイルを、FileMakerクライアント経由でアップロードしたいのに、FileMakerServerに接続できないユーザID、パスワード入力画面が...
続きを読む