2019.05.14 WEBシステム開発 Vue CLI 3の開発環境をDockerで作成してみた 当社では一部のプロダクトでJavaScriptフレームワークの Vue.js を導入しています。 Vue.jsは低い学習コストで手軽に始められて非常に便利ですが、アプリケーションの規模が大きくなってくると、アプリケーションの管理が辛くなってきました。 Vue.jsにはVueアプリケーション用に標準 [...]
2019.04.23 WEBWebデザイン 【初心者向け】CSSセレクタとは？セレクタの種類や指定方法を解説！（基礎編） CSSとは正式にはCascading Style Sheets（カスケーディング・スタイル・シート）といい、webサイトにデザインを施すための言語です。HTMLとセットで扱われ、HTMLで記述した文章構造を装飾し見栄えを良くする役割を担っています。 今回はCSSを記述する際に必要となる「セレク [...]
2019.04.23 WEBWeb全般 Chromeのデベロッパーツールでリクエストの状態を把握し、webサイトの表示スピード改善に役立てる Google Chromeには、「デベロッパーツール」（以下、DevTools）という機能があります。 主にwebサイトの開発時に利用すると便利な機能ですが、自社サイトや自分の気になるサイトを調査するときに役立ちます。 さまざまな機能を持つDevToolsですが、今回は「Network」パネル [...]
2019.04.15 WEBSEO・SEM webメディアにおけるSEO対策のためのGoogle Analyticsとサーチコンソールの活用方法 SEO対策のためにツールを使って細かい数値を分析したい。しかし、具体的にどのようなツールを使って、どこを見ればいいのかがわからない。という方も多いのではないでしょうか。 実際に、Google Analytics、サーチコンソールなどの分析ツールは、膨大なデータを抽出することができる頼もしいツールで [...]
2019.03.22 WEBアクセシビリティ 【カラーユニバーサルデザイン（CUD）】色覚障がい（色弱）に配慮したwebサイトを作ろう 皆さんは「カラーユニバーサルデザイン＝CUD」という言葉をご存知ですか？ カラーユニバーサルデザインとは、色の見え方が一般と異なる人にも情報がきちんと伝わるよう、色使いに配慮したユニバーサルデザインを指します。 本記事では、視覚障がいの1つである「色覚障がい（色弱）」について理解を深めていただき、 [...]
2019.03.19 WEBWebマーケティング Instagramに適した商品とは？ 基本的な機能・活用方法・運用ポイントについて徹底解説 写真・動画をメインコンテンツとしたSNSとして若年層の生活に浸透し、着実にユーザー数を伸ばし続けているInstagram。マーケティング戦略の一環として、利用する企業も増加しています。 自社商品の広報や周知の手段として優秀なツールではありますが、Instagramだけが持つ特殊な性質も多数存在しま [...]
2019.03.14 WEBサイト構築・リニューアル 無料で使えるフォーム作成サービス「Googleフォーム」とは？有料の他社サービスとの違いは？ アンケート調査やお問い合わせ、セミナーやイベント申し込みなどに欠かせない「webフォーム」。今では専門的な知識やスキルを必要とせず誰でも簡単にフォームが作成できるサービスが多く存在します。 今回はその中でも、簡単かつ無料でフォームを作成できる「Googleフォーム」について紹介するとともに、当 [...]
2019.02.20 WEBWeb全般 【ライティング基礎知識】人を行動させる文章を書くための6つの型（PREP法、PASONAの法則など） 「PREP法」や「PASONAの法則」という言葉を聞いたことはないでしょうか？ これらは、読み手の行動を促すコピーライティングやセールスライティングに用いられる文章構成のひな形です。 文章を作成する際には、さまざまな型が用いられますが、これら文章構成のひな型を活用することで、説得力がある魅力的な文 [...]
2019.02.19 WEBサイト構築・リニューアル メールフォームを活用して「業務の効率化」と「お問い合わせ数増加」を図ろう！ 企業がwebサイトを運営する目的として、顧客や求職者の獲得が挙げられますが、webサイトで顧客や求職者から連絡を受ける方法として、どのような手段を用意していますか？ 今では「メールフォーム」を用意するwebサイトが多くなっていますが、電話でしか問い合わせができないwebサイトがまだあります。 [...]
2019.02.13 WEBSEO・SEM ディスクリプション の最適化はクリック率（CTR）に直結する！正しい書き方を3つのステップでご紹介 「ディスクリプションって何？CTRアップにつながる？」 「ディスクリプションってどうやって書けばいいの？」 このように、ディスクリプションの効果や使い方がわからずに困っていませんか？ ディスクリプションをうまく活用することで、Webページの興味付けになり、クリック率アップが期待できます。 そこ [...]
2019.01.23 WEBSEO・SEM WordPress初心者におすすめ！SEO対策プラングイン3選 「WordPressのプラグインってどんなもの？」 「SEOに最適なプラグインが知りたい」 このように、WordPress初心者でSEO対策に最適なプラグインをお探しじゃないでしょうか？ そこで今回の記事では、SEO対策に最適な3つのプラグインと、プラグイン導入時の注意点について解説しています [...]
2019.01.22 WEBユーザビリティ・UX・UI Lighthouseを分析エンジンに採用した新しい「PageSpeed Insights」とは？ 「Web制作者なら覚えておきたいサイト高速化とは（PageSpeed Insights編）」の中で、Googleが運営・提供しているサービス「PageSpeed Insights」をご紹介しました。 webサイトの表示速度が検索順位に影響し、またサイト表示が遅いと閲覧者の離脱率が大きくなるため、w [...]
2019.01.17 WEBSEO・SEM 自店に最も適したweb広告って？ただの浪費で終わらせないための広告選定とターゲット設定 スマホなどのデジタルデバイスなどの接触機会が増え、日本の広告のトレンドは従来のマス広告(テレビ・ラジオ・雑誌・新聞)からweb広告にシフトが進んでいます。 web広告は少額のコストからでも実施できる点や、広告配信する対象者を細かく絞ることができるという点が非常に優れており、web広告を利用するのは [...]
2019.01.09 WEBシステム開発 JavaScriptフレームワークの「Vue.js」を使ってToDoリストを実装してみよう（後編） 前編（https://www.asobou.co.jp/blog/web/vuejs）では、Vue.jsの導入方法からToDoリストの作成、データの追加機能までを実装しました。 後編では、追加されたデータの削除/更新/完了/復元を実装し、機能を充実させてみたいと思います。 データの削除/更新 [...]
2019.01.07 WEB医療機関ウェブサイト 医療機関ウェブサイト広告規制 ～ネットパトロールの成果は？～ 以前の記事「医療機関ウェブサイトのネットパットロール開始、一般者からの通報も受付」にて、医療機関ウェブサイトへのネットパトロールや一般者からの通報受付開始について紹介しましたが、2018年12月20日に行われた「医療情報の提供内容等のあり方に関する検討会」で、ネットパトール事業の経過報告がありまし [...]
2018.12.21 WEBSEO・SEM 来店に繋がるweb広告とは？位置情報型広告を活用して費用対効果を可視化しよう！ web広告は折り込みチラシやDMなどの紙媒体の広告と比べて、１表示あたり圧倒的に低コストで、ターゲットに限定して高精度な広告配信が可能です。 実際、日本の広告費用はTV・ラジオ・雑誌・新聞をはじめにこれまで主流だった媒体は軒並み前年度比を下回っており、web広告費用が唯一成長を続けています。 一方 [...]
2018.12.06 WEBサイト構築・リニューアル webサイトを丸ごと外国語対応できる「Googleウェブサイト翻訳ツール」のメリット・デメリット 外国人観光客、移住者の増加や2020年に開催される東京オリンピックへの対応として、webサイトの外国語対応を考えているweb担当者の方もいらっしゃるのではないでしょうか。 今回は、コストをかけずにwebサイトに導入可能な「Googleウェブサイト翻訳ツール」について紹介します。 INDE [...]
