2017年08月10日 WEBWebデザイン ＜初心者向け＞知っておきたいHTML5の基本【マークアップ編 その1】 HTML5でコーディングする際に、「この要素の中にはどのような要素を入れることができるのだろう？」「HTML5のマークアップのルールがわからない」と悩む方が多いと思います。 今回はマークアップの基礎となるHTML5の「コンテンツ・モデル」「カテゴリー」についてご説明いたします。 HTML5 [...]
2017年08月09日 BUSINESS仕事効率化ツール メモ書きやドキュメント作成に便利な「Markdown記法」を使ってみよう 今回はメモを取るときやドキュメント、ブログを書くときにとても便利はMarkdownを紹介します。 文章の装飾が自動的に行われるので見た目の調整に取られる時間が減り、コンテンツの作成に集中できるようになります。 Markdownとは Markdown（マークダウン）は文章を記述するための記法（マ [...]
2017年08月07日 WEBWebデザイン Illustratorの簡単な機能を使った地図作成のコツ Illustratorを使い始めたばかりの方や地図の作成に慣れていない新米デザイナーに向けて、Illustratorの簡単な機能を使った地図作成のコツをご紹介いたします。 コツを理解することで作業効率を上げると共に、しっかりとした地図の基礎を作成することでデザインの幅を広げることができます。 [...]
2017年08月03日 WEBシステム開発 「Docker」を利用して作るモダンなPHPの開発環境 いまさらですが、Docker使っていますか？ アーティスでも少し前からDockerを利用して開発するようになりました。Dockerをご存じではない方に簡単に説明しておきますと、Dockerはすごく軽量な仮想化環境です。 仮想化技術といえばVMwareやVirtualBoxなどが有名でアーティスでも [...]
2017年06月30日 WEBシステム開発 「GitLab」を導入して開発プロセスを見直してみた ～導入検討編～ これまで、アーティスでは多数のプロダクトやサービスを開発しており、そのコード管理にGitを使ってきました。 開発者がローカルのGitリポジトリで作業を終えてコミットした後、リモートのGitリポジトリにPushして共有するスタイルです。 長らくこの開発スタイルでしたが、いくつかの不満があり、それ [...]
2017年06月13日 WEBWebデザイン レスポンシブWebデザインについて知っておきたいこと【作り方入門編】 「Webサイトのスマホ対応が必要な 3つの理由」でも書かれているように、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月03日 WEBユーザビリティ・UX・UI ユーザーを的確に情報に導くナビゲーション設計 Webサイトの使いやすさに最も影響を与えるのが「ナビゲーション」です。目的を持ったユーザーをスムーズに必要な情報に辿り着かせるためには、ユーザー視点に立ったナビゲーション設定が求められます。 今回は、ユーザーエクスペリエンスの高いナビゲーションを実現するためのポイントについて解説していきます。 [...]
2017年02月13日 LIFEIT活用 RSSって何？RSSの仕組みを理解し、RSSリーダー「Feedly」を使ってみよう！ ホームページの新着情報やブログについている「RSS」という表記や のアイコンを見かけたことはありますか？ RSSを理解し、活用することで、興味関心のあるWebサイトの更新情報をタイムリーかつ効率的に取得できるようになります。 今回は、RSSの仕組みと無料で使えるRSSリーダー「Feedly」の使 [...]
2017年02月07日 WEBWebデザイン 伝わりやすいバナーをデザインするポイント（レイアウト編） シリーズ「伝わりやすいバナーをデザインするポイント」、今回は「レイアウト」をご紹介させて頂きます。 レイアウトにはいくつかのセオリーがあり、ある程度パターンが決まっています。そこでレイアウトによってどのような印象になるのかを知ることで、効果的な配置をしていきましょう。 STEP1：視覚的にアピ [...]
2017年01月23日 WEBサイト構築・リニューアル BtoBの中小企業Webサイトでもスマートフォン対応が必要な理由 「うちはBtoBだから、ホームページのスマートフォン対応は必要ない。」このような理由で、ホームページのスマートフォン対応をしていない中小企業が多いのではないでしょうか。 しかし、スマートフォンの普及に伴い、予想以上に個人のスマートフォンで目的の企業情報を取得するケースが増えています。 今回は、統 [...]
2017年01月17日 WEBユーザビリティ・UX・UI 【スマートフォンサイト】ハンバーガーメニューのメリット・デメリット 昨年11月にGoogleが「モバイルファーストインデックス」を正式に発表しました。「モバイルファーストインデックス」とは、今までPC向けページで行なっていたサイトの評価を今後はスマートフォン向けページで行ない、検索順位を決定していくというものです。正式開始時期は未定ですが、モバイルファーストイ [...]
2017年01月10日 WEBアクセス解析 初心者向けGoogleアナリティクス【第7回：コンバージョン分析 アトリビューション】 初心者向けGoogle Analytics第7回目の今回は、コンバージョンの「アトリビューション」について解説をしていきます。 アトリビューション＞モデル比較ツールでわかること アトリビューションのメニューにあるモデル比較ツールでは、コンバージョンに直接つながったチャネルのみを評価するのではなく、 [...]
2017年01月06日 WEBWebデザイン 伝わりやすいバナーをデザインするポイント（フォントと色の選び方編） シリーズ「伝わりやすいバナーをデザインするポイント」、今回は「フォント」と「色」の効果的な選び方についてご紹介します。 魅力的なバナーを作成したいけれど、画像等の素材がない…という場合でもフォントと色を工夫するだけで伝わるバナーを作ることが出来ます。 ターゲットを決める まずは作成するバナーが [...]
2016年12月16日 BUSINESS仕事術 営業やディレクターに役立つ「クライアントの心をつかむための心理学」 クライアントと商談を行なったり、クライアントとコミュニケーションを取りながらプロジェクトを進行したりする営業やディレクターなどの職種の方にとって、クライアントとの信頼関係を築き、説得力のある提案をしていくことが大切です。 今回は、クライアントとの商談や関係づくりに役立つ心理学に基づいたテクニック [...]
2016年12月09日 WEBサイト構築・リニューアル ホームページ制作で失敗しないために知っておきたいこと【格安ホームページ制作】 新規のお客様と商談させていただくと、過去のホームページ構築やリニューアル時に「価格を優先して業者を決めた結果、上手くいかなかった」というお話を耳にすることがあります。お客様が不満を抱える点として下記のような意見が挙げられます。 対面の打ち合わせがなく、コミュニケーション不足により意図しないホーム [...]
