2019.06.28 WEBシステム開発 PuTTYのセッション設定を一括変更してみた ターミナルソフトの「PuTTY（パティ）」を利用されてる方も多いかと思います。私もそのうちの1人です。 PuTTYにはセッションを保存する機能があり、次回接続から接続情報の入力や文字コード・フォントの設定等を簡略化することが可能です。 今回は、そんなセッション設定を一括変更する手順をご紹介しま [...]
2019.06.21 WEBWebデザイン PerfectPixelを使ってデザインカンプとコーディングの確認時間を短縮しよう 筆者はコーダーとして日々コーディング業務を行っていますが、HTML・CSSコーディングを行う上で一番重要で手間のかかる作業はデザインカンプとコーディングデータを比較する確認作業だと考えています。 今回はこの確認作業を効率よく行うことができるChromeのアドオン「PerfectPixel」をご [...]
2019.06.18 WEBシステム開発 Githubのリポジトリ「TIL」を作って今日学んだ知識をアウトプットしよう エンジニアは日々、新しい事を学んだり、発見したりする機会が多い職種です。 頻繁に使う知識なら記憶として定着しますが、あまり使わないけど重要な知識は忘れがちです。 忘れがちな知識を記録しておくために、技術用のブログを書いているエンジニアは珍しくありません。 もちろんブログでも問題ないのですが、こ [...]
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リストの作成、データの追加機能までを実装しました。 後編では、追加されたデータの削除/更新/完了/復元を実装し、機能を充実させてみたいと思います。 データの削除/更新 [...]
