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つである「色覚障がい(色弱)」について理解を深めていただき、 [...]
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サイトがまだあります。 [...]