兵は国の大事、死生の地、存亡の道、察せざるべか
(始計篇)兵者国之大事、死生之地、存亡之道、不可不察也。『孫子』 孫子の冒頭に出てくる有名な一句です。 事を起こす前に確認する5つの事 「兵」は、戦争、軍隊、兵士、戦略など、いろいろな意味で使われているが、ここでは戦争を …
SANGOのカードにスクロールアニメーションを適用するカスタマイズ
記事内で設置したSANGOの関連記事カードに、スクロールアニメーションを実装することで、ちょっとしたアクセントになります。 今回は、SANGOのカードにスクロールアニメーションを適用するカスタマイズについてご紹介します。 …
レスポンシブデザインとメディアクエリ
以前のWEBは「PCで見る」というのが一般的で、それ以外の選択肢はありませんでしたが、最近ではスマートフォンやタブレットの普及で、PC以外の端末でWEBを見るということが今や一般的になりつつあります。 サイトの構築は、こ …
jQueryで実装するリストの絞り込み検索
jQueryを使用したリストの絞り込み検索は、絞り込みの都度、通信を必要としなくて良く、ページのリロードが不要である反面、一旦全部のコンテンツをページで読み込む必要があるので、コンテンツ量によってページの立ち上げには時間 …
コピペでできるCSSのFlexboxとGridとその違い
レスポンシブなレイアウトにはメディアクエリが欠かせないわけですが、CSS FlexboxやGridを使うことで、メディアクエリなしでもレスポンシブなレイアウトが可能です。 「FloatやFlexboxはレイアウトに使う手 …
Facebook広告の基本と使い所
Facebookは、GoogleやYahoo!!と同じように、独自の広告配信システムを提供しています。 日本でのFacebookの月間アクティブユーザーは 2,600万人（2019年7月時点）、Instagramは3,3 …
常時SSL化の重要性と注意すべきポイント
以前からショッピングサイトのカートや、問い合わせフォームはSSL化されていることが多かったですが、個人情報を入力するフォームの有無に関わらずサイト全体をSSL化することを常時SSL化といい、Webの標準になりつつあります …
BtoBのサービスLPでシングルページとマルチページのそれぞれの使い所とメリット
WEBマーケティングでは、広告の運用とセットでランディングページ (LP)がよく使われます。 その広告のクリック後、遷移先にコーポレートサイトではなくランディングページ (LP)を設置することで、特定のユーザが求めている …
デザインのプロとアマチュアの違い
もちろんスピードだけではないとは思いますが、デザインのプロとアマチュアの違い、結構同感です。 今回は、商業デザイン寄りの話ですがデザインのプロとアマチュアの違いについてご紹介します。 質が高くスピードが早い 商業デザイン …
よくある質問ページに使えそうなjQueryのアコーディオンUI
アコーディオンは、通販サイトでよく見かけるFAQのページで、質問の数や項目が多い場合このUIを活用して、ユーザーが探している情報を多くスクロールすることなく、整理することができます。 今回は、よくある質問ページに使えそう …
