マーケティングとは何でしょうか これからシリーズでマーケティングについて簡単に分かりやすく解説していきたいと思います。 現代経営学の大家であるピーター・ドラッカーは「マーケティングの目的は、販売を不必要にすることだ。マー […]
IT
Web
Web
イメージは数字よりもインパクトがある！
図解では感情は動かせない 図解はビジュアルではありますが、聞き手の感情を動かすことはできないのです。プレゼンテーションでよく使われるグラフ、マップ、チャート、などの図解は、分かりやすく伝えるための視覚情報として機能してい […]
IT
グラフにちょっとした動きを加えたアニメーション
円グラフや棒グラフにちょっとした動きをつけて、見応え良くしてみました。 <ul> <li class=”clearfix”><!– chart1 R […]
Web
カスタム投稿の中で、人気の記事を取得する方法
今回は、WordPressのプラグインのご紹介をします。 wp-most-popular https://ja.wordpress.org/plugins/wp-most-popular/ このページから落とせますし、 […]
Web
スクロールエフェクトの参考紹介
WEBサイトでのスクロールについて、 いろいろ面白いアニメーションが浸透しております。 種類も豊富にありますし、それらに関するデモサイトも多数出てきました。 今回は、各種エフェクトについての参考サイトを紹介いたします。 […]
IT
SVGを使った、放射状のトランジション効果を持つシンプルで反応性の高いスライダー
SVG clipPathとマスク要素によって動かされる、放射状のトランジション効果を持つシンプルで反応性の高いスライダーのご紹介です。 これを段階的に見ていくと、 各スライドには、最初に表示される画像の部分 […]
Web
CSSだけで動くマウスオーバー時のアニメーション
マウスオーバーした時に見てて面白いエフェクトを紹介します。 CSSだけでもこのような動きが作れます。 サンプルを見る！ HTMLを用意。 <div class=”view view-seventh […]
Web
テキストの輪郭アニメーションの作り方
よくWEBサイトで、ロゴやイラストが自動的に動いて出現するアニメーションを目にします。 今回はその作り方と、簡単に生成できるサービスを紹介します。 SNGデータを作る。 illustratorが代表的ですが、 https […]
IT
WordPressを丸ごとバックアップ＆復元できるプラグイン
UpdraftPlus というプラグインを使えばワードプレスのバックアップが簡単にとれます。 WordPressを丸ごとバックアップして復元できるプラグインです。バックアップ対象の指定、スケジュールの指定、バックアップの […]
IT
ワードプレスでパンくずリストを実装る時は、Breadcrumb NavXTプラグインが便利！
ワードプレスでパンくずリストを実装る時は、Breadcrumb NavXTプラグインが便利です。 カテゴリ―やタグ、日付などをベースに表示させることができます。 Breadcrumb NavXTプラグインをインストールに […]
IT
ワードプレスを使っていると、jQueryを使ったコードが動作しない時があります
WordPressを使っていると、jQueryを使ったスクリプトを使用したい場合に動作しないことがあります… HTMLタグの貼り付け方には問題はないはずなのに、どうしても動かない！ そんな時は、原因を調べるためにブラウザ […]
Web
画像拡張子の種類と特徴～.jpg・.png・.gif～
サイトに使用する画像で必ずで来るものとして、 .jpg、.png、.gif これらの拡張子の画像が挙げられます。 アニメーションだとsvgがありますが、 代表的な上記３種類についてご紹介いたします。 .jpg画像の特徴 […]
IT
WEBサイトの構成要素～画像とテキスト～
画像の扱い方パターン２つ 数値などをわかりやすくするための画像 一つは、わかりやすい説明図のような役割を担う画像についてです。 円グラフや商品の画像、地図など、 文章と合わせてさらに理解を深めるための情報としての画像とい […]
Web
サイト設計について～ナビゲーション篇～
WEBサイトにおいてかなり重要なのが、「ナビゲーション」です。 一見、簡単に配置されているように見えますが、 置く場所や見せ方などとても難しいパーツです。 ユーザーを目的のページに誘導するために、サイト構造を設計しなけれ […]
Web
UI設計についての理解
UI（ユーザーインターフェイス）についてです。 UIは、WEBサイトの「使い勝手」を左右する重要なデザイン要素。 ※言葉自体の意味は省略します。 対象物の「見た目」を美しく魅力的にするだけのデザインとは異なり、 ユーザー […]
IT
MT(ムーバブルタイプ)でサイト構築のポイント
インストールや設定が終わりましたら、 新着情報用ブログを作ります。ブログサイトのURLは、「ドキュメントルート/blog」と設定。ドキュメントルートの箇所は設置するサーバによってパスが違うので、それぞれのサーバに適したパ […]
IT
電子署名をどのように扱うか？
iPadで電子署名 近年、クレジットカードで買い物をする際、電子署名を求められることが多くなりました。 システムで電子署名をするには、電子署名のシステム、電子署名をする際に必要な特別な端末が必要という認識でいましたが、最 […]
IT
ムーバブルタイプ（Movable Type）構成の基本
導入する際の設計ポイント まず導入する時に気にしないといけないことは、どのコンテンツをムーバブルタイプ（Movable Type）で管理するかを決めることです。 例えばこのような構造でウェブサイトを運用していた場合、まず […]
IT
ムーバブルタイプ（Movable Type）導入手順3
ブラウザで管理画面にアクセス すべてのファイルをサーバーに設置したらブラウザで管理画面へアクセスします。 アプリケーションディレクトリが「cgi-bin/movabletype/」の場合、下記のURLにアクセスします。 […]
IT
ムーバブルタイプ（Movable Type）導入手順2
ムーバブルタイプ（Movable Type）導入手順1の続きでインストールの流れを見ていきます。 Movable Typeをインストール 環境を確認・準備が整ったらインストールを行います。 流れとしては下記になります。 […]