2017年06月30日 WEB教育機関ウェブサイト 大学の強みをアピールする「数字で見せるコンテンツ」 2018年問題を抱える大学にとって、受験生に大学の魅力を伝えることは非常に重要なテーマであり、各大学で様々なアプローチがなされています。そんな背景の中、数年前から「数字で見る●●大学」というようなコンテンツで大学の特徴をアピールする大学が増えてきました。 その背景と事例をご紹介したいと思います [...]
2017年06月30日 WEBシステム開発 「GitLab」を導入して開発プロセスを見直してみた ~導入検討編~ これまで、アーティスでは多数のプロダクトやサービスを開発しており、そのコード管理にGitを使ってきました。 開発者がローカルのGitリポジトリで作業を終えてコミットした後、リモートのGitリポジトリにPushして共有するスタイルです。 長らくこの開発スタイルでしたが、いくつかの不満があり、それ [...]
2017年06月13日 WEBWebデザイン レスポンシブWebデザインについて知っておきたいこと【作り方入門編】 「Webサイトのスマホ対応が必要な 3つの理由」でも書かれているように、Webサイトのスマホ対応はWebサイト制作において必須要件になっています。 そのスマホ対応の方法として多くのサイトで用いられている「レスポンシブWebデザイン」。 今回は、なんとなくしか理解できていない方のために、レスポン [...]
2017年06月08日 WEBアクセス解析 Googleタグマネージャで外部リンクのクリック数を計測する(2017年最新版) Webサイトを運営していると、外部サイトリンクのクリック数、PDFのダウンロード数などを計測したい場合があります。Google Analyticsの通常の設定では、これらを計測することができませんが、「イベントトラッキング」を設定することで可能になります。 イベントトラッキングは、計測したいリ [...]
2017年05月31日 WEBアクセス解析 Googleアナリティクスの基本指標を正しく理解しよう<セッション・ユーザー・ページビュー数> Googleアナリティクスでは、普段聞き慣れない言葉が数多く出てきます。今回はその中でも最も基本となる指標について、それぞれの指標の定義について解説していきます。正確なアクセス分析をするためには、各指標に対する正しい知識を持っていなくてはなりません。 なんとなく理解しているという方もこれを機に [...]
2017年05月30日 WEBWeb全般 Webサイトのスマホ対応が必要な 3つの理由 Webマーケティングにおいて、スマートフォンに対応したWebサイトを作成することは必須です。 スマホ対応とは、スマホで見やすい・使いやすいように最適化されたWebサイトのことです。 Webサイトをスマホ対応しないまま放置していると、知らないうちに機会損失を生み出し、競合他社に一歩も二歩も先を行 [...]
2017年05月12日 WEBWebデザイン Illustrator・Photoshopを使用したイラストの描き方(イラスト加工編) 前回「Illustratorを使用したイラストの描き方」をまとめた記事を書きましたが、パス初心者やパスが苦手・イラストが苦手な人でもWebサイトで使えるようなクオリティの高いイラストが簡単に作れないかという意見がありました。 そこで今回は、簡単なパスイラストの作成からPhotoshopでイラス [...]
2017年05月11日 WEBWebデザイン <初心者向け>知っておきたいHTML5の基本【新要素編】 前回の記事 <初心者向け>知っておきたいHTML5の基本【文書構造編】では、HTML5の特徴や主な文章構造の変更点をご紹介しましたが、HTML5から新規で追加された要素があり、どのように使用したらいいのかわからない方もいらっしゃると思います。 そこで今回は、最近正式に勧告されたHTML 5.1 [...]
2017年04月27日 WEB医療機関ウェブサイト 医療機関ウェブサイト広告規制 ~医療法改正案が閣議決定、今国会で成立へ~ これまで「医療機関ウェブサイトが広告規制の対象となった場合の影響について」「医療機関ウェブサイトの虚偽表示、ついに罰則の対象へ」と、2回にわたって医療機関ウェブサイトへの厚生労働省の動きを追ってきましたが、2017年3月10日に医療機関の広告規制の見直しなどを盛り込んだ医療法改正案が閣議決定されま [...]
2017年04月27日 WEBアクセシビリティ Webアクセシビリティチェックに役立つフリーツール 2016年4月1日に「障害者差別解消法」が施工され、公共機関のWebサイトだけでなく民間のWebサイトにおいてもWebアクセシビリティへの対応が必要とされています。 また、Webアクセシビリティの日本工業規格である「JIS X 8341-3:2016」に対応するには、Webコンテンツが規格の要 [...]
2017年04月25日 WEBシステム開発 「WakaTime」を導入してプログラミングする時間を可視化してみた プログラミングをされている方であれば既にご存知の方も多いかと思いますが、プログラミングに費やした時間を可視化できる「WakaTime(https://wakatime.com/)」というサービスをご紹介します。 このサービスは、各種エディタと連動して、実際にプログラミングをしている時の作業時間を自 [...]
2017年04月12日 WEBユーザビリティ・UX・UI 読みやすい・伝わりやすい「Web文章」の書き方 <4つのライティングルール> CMSの普及により、HTMLやCSSといったWEB専門知識が無くても簡単にWebサイトを更新できるようになりました。 教育機関・医療機関など規模の大きい組織においては、リアルタイムに情報を発信するために部署単位で更新担当者を決め、複数人が1つのWebサイトを更新するケースも増えています。 しかし、 [...]
2017年04月11日 WEBサイト構築・リニューアル Webサイトが最新の状態にならないときの対処法【スーパーリロード・キャッシュクリア】 Webサイトのリニューアル公開や更新反映時にお客様から「更新されていない」「デザインが崩れている」といったお問い合わせをいただくことがあります。その場合、ブラウザのキャッシュが原因となっているケースが大半です。 そこで今回は、キャッシュの仕組みと対処方法について解説します。 INDEXキャ [...]
2017年04月03日 WEBユーザビリティ・UX・UI ユーザーを的確に情報に導くナビゲーション設計 Webサイトの使いやすさに最も影響を与えるのが「ナビゲーション」です。目的を持ったユーザーをスムーズに必要な情報に辿り着かせるためには、ユーザー視点に立ったナビゲーション設定が求められます。 今回は、ユーザーエクスペリエンスの高いナビゲーションを実現するためのポイントについて解説していきます。 [...]
2017年02月07日 WEBWebデザイン 伝わりやすいバナーをデザインするポイント(レイアウト編) シリーズ「伝わりやすいバナーをデザインするポイント」、今回は「レイアウト」をご紹介させて頂きます。 レイアウトにはいくつかのセオリーがあり、ある程度パターンが決まっています。そこでレイアウトによってどのような印象になるのかを知ることで、効果的な配置をしていきましょう。 STEP1:視覚的にアピ [...]
2017年01月31日 WEBセキュリティ Webサイト全体のHTTPS化「常時SSL」が必要な理由とメリットを理解しよう ブラウザシェアの50%以上を占める「Google Chrome」。今月27日に正式リリースされた「Google Chrome 56」では、昨年Googleから予告されていたパスワードやクレジットカード情報を送信する入力欄があるHTTPサイトに対して、アドレスバーで警告が表示されるようになりました [...]
2017年01月23日 WEBサイト構築・リニューアル BtoBの中小企業Webサイトでもスマートフォン対応が必要な理由 「うちはBtoBだから、ホームページのスマートフォン対応は必要ない。」このような理由で、ホームページのスマートフォン対応をしていない中小企業が多いのではないでしょうか。 しかし、スマートフォンの普及に伴い、予想以上に個人のスマートフォンで目的の企業情報を取得するケースが増えています。 今回は、統 [...]