2019年10月23日 WEBアクセス解析 【QRCodeメーカー】Google Analyticsを使わずにQRコードの読み取り回数を調べる方法 この記事ではQRコードの読み取り回数を計測する方法についてご紹介します。 自社管理のサイトへQRコードから誘導している場合にQRコードを利用したユーザー数を計測したい場合があります。 一般的な方法としてQRコードを作成する際にGoogle AnalyticsのパラメータをURLに追加することで計測 [...]
2019年10月16日 WEBWebデザイン 【初心者向け】CSSの属性セレクタを活用しよう！種類や指定方法を解説！ 前回の記事【初心者向け】CSSの擬似要素と擬似クラスを理解しよう！ではCSSを使った擬似的な要素の指定方法をまとめました。 今回は属性を使った指定方法を解説していきます。 INDEX属性セレクタとは属性セレクタの種類1. A[属性名] （指定の属性を持つ要素A）2. A[属性名=”属性値 [...]
2019年10月09日 WEBWebデザイン webサイトにおいてのメディア・ユニバーサル・デザイン（MUD）の必要性・ポイントとは？ 近年、ユーザーインターフェース（UI）や色覚障がい者に配慮したカラーユニバーサルデザイン（CUD）など、ユーザー目線から考えるデザインの重要性が定着してきているように思えます。それらはこれからの時代の変化に適応していくために重要な内容です。 今回は、すべてのユーザーが対象となるメディア・ユニバ [...]
2019年10月09日 WEBWebデザイン 【初心者向け】Photoshopで書き出してもぼやけない文字を作るコツ Photoshopで文字を含んだ素材を作り、Web用に書き出したあと、なぜか文字がぼんやりとぼやけてしまった、なんて経験はありませんか？ 恥ずかしながら筆者もその一人です。気になってほかのサイトを見てみると、なんだか文字画像がクリアでシャープに書き出されている…。 この違いは何故なのか、どうや [...]
2019年09月30日 WEBシステム開発 GitForWindowsで社内のGitLabにPushしてみた 弊社では社内環境のGitLabを用いてバージョン管理を行っています。 今回は日本でのデスクトップOSシェア約70%であるWindows環境にてGitを利用して、GitLabへPushし、Merge Requestでmasterブランチにmergeされるまでの手順を解説していきたいと思います。 [...]
2019年09月27日 WEBWebデザイン 【初心者向け】CSSだけで矢印をスタイルしてコーディングを効率化しよう HTML・CSSコーディングを行っていると、ナビゲーションやメニューに使われるテキスト部分がアンカーリンクであることが伝わるように、矢印アイコンの装飾が施されたデザインをよく目にします。 従来はgifやpngなどの形式で画像として書き出し、CSSの背景に指定してデザインを再現する手法が一般的で [...]
2019年08月30日 WEBシステム開発 Google Cloud Vision APIで画像分析をしてみよう【入門】 最近ではスマートフォンの普及などにより写真などの画像データを扱う機会が増えています。 画像データをうまく扱う為に今回はGoogle Cloudが提供するVision APIをご紹介いたします。 INDEXVision APIとは料金について公式サイトのデモを試してみる実際ににVision A [...]
2019年08月07日 WEBWebデザイン 【初心者向け】CSSの擬似要素と擬似クラスを理解しよう！ 前回の記事【初心者向け】CSSセレクタとは？セレクタの種類や指定方法を解説！（基礎編）ではCSSセレクタの基本的な知識と指定方法をご紹介しました。 今回は、よりコーディングの幅が広がる「擬似要素」と「擬似クラス」に関して解説していきます。 INDEX擬似要素とは ～擬似要素の適用例～擬似 [...]
2019年06月28日 WEBWebマーケティング SNSマーケティングがBtoCビジネスに適している理由！SEOマーケティングは時代遅れ？ 「SNSマーケティングって何？効果あるの？」 このように、SNSを使ったマーケティングについて興味を持っているマーケティング担当者も多いのではないでしょうか？ SNSマーケティングは検索エンジンを使ったSEOマーケティングや広告を使った集客法とは異なり、低コストで高い集客・収益効果が期待できるマー [...]
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つである「色覚障がい（色弱）」について理解を深めていただき、 [...]
