ChatGPTが神対応！西智子が語る「アイコンフォント地獄」を3秒で救ったSVG活用術とは？
「Font Awesomeで徹夜した日々はもう終わり！」Web制作に携わる西智子が、2010年代のアイコンフォント地獄を回想。CSS調整の苦労を、ChatGPTとSVGで一瞬解決する方法を実演解説。Web担当者・デザイナー必読の時短ノウハウとは？
デザイン講座
デザイン
ホームページの中身や設計や配色が決まったら見た目の設計です。と言っても既に「レスポンシブWebデザインとテンプレート」でテンプレートを選んでいるのでそこに流し込むフォントや画像やアイコンの選定のみとなります。ひと昔前なら全てデザインしなけれ...
そのほか ロゴなどの要素をデザイン・設定する
デザインテンプレートWEBフォントWEBアイコンを設定してもどうしても自社のロゴやLINEなどの日本に特化した特別なものは自作するしかありません。 LINEなどのWEBアイコンを作成する 自社のロゴなどかなり特殊なもので無ければ殆どの場合「...
そのほか WEBアイコンの設定
現在ではWEBアイコンWEBフォント画像や動画を組み合わせてホームページを制作するのが一般的になりました。 つまりデザイナーがデザインする部分が大幅に減り制作コストを削減する方向へと転換したのです。 WEBアイコンの世界では「Font Aw...
そのほか WEBフォントの設定
WEBフォントとはインターネット上からフォントのデータをダウンロードしてきてホームページ上に表示させるシステムのことです。 つまりWEBフォントを利用すれば閲覧者側の端末環境に依存せずに指定したフォントを確実にホームページ上に表示できるので...
そのほか 写真（画像）や動画の設定
現在のホームページは画像や動画のインパクトが大切です。幾ら良いコンテンツを書いても見て貰えなければ意味がありません。 目を引く画像はフリー素材集やストックフォトを探すと見つかるかもしれません。 もしインパクトがある写真や動画が見つからない場...
そのほか コンテンツの流し込み
コンテンツの流し込みをする前に選んだスクリプト（WordpressやEC-CUBEやfreoなど）を設定してデザインテンプレートを有効にしなければなりません。 それには現在アップされているhtmlファイルは邪魔になります。 一旦ローカルに保...
そのほか freoなどローカルなスクリプトで制作する場合
freoは国内で開発されたCMS（Contents Management System）です。 あまり知られていないローカルなCMSですが技術的にはSmartyやTinyMCEなど王道の技術を導入しているので安心して使う事が出来ます。 プラ...
そのほか EC-CUBE（ネットショップ）で制作する場合
EC-CUBEは国内で最も使われているネットショップ用のエンジンです。 国内最大手なので当然必要なプラグイン（機能追加するための仕組み）も豊富にあります。 プラグインを選ぶ 基本的にはデザインテンプレートとSEO管理プレミアムのふたつがあれ...
そのほか WordPress（CMS）で制作する場合
Wordpressは世界で最も使われているCMS（Contents Management System）です。 世界中で使われているので当然必要なプラグイン（機能追加するための仕組み）も豊富にあります。 プラグインを選ぶ テンプレート（テー...