2020.04.16 WEBWebデザイン Dreamweaver CCでSassを使ってCSSファイルをコンパイルする（CSSプリプロセッサー機能） 弊社ではHTMLやCSSのコーディングを行うスタッフの大半がDreamweaver CCを利用しています。コードスニペットやテンプレート機能、サイトの管理などweb制作に必要な機能が一通りそろっている高機能なエディタですが、Dreamweaver CCを利用してる理由の1つに「CSSプリプロセッサ [...]
2020.04.09 WEBアクセス解析 Google アナリティクスに他のユーザーを招待してアクセス状況を共有する方法（ユーザー管理） Googleアナリティクスに複数人がログインしてアクセス状況を確認したいということがあるかと思いますが、個人情報保護やセキュリティ上、1つのGoogleアカウントを複数人で共有することは望ましくありません。 そもそも Google アカウントは複数人がパスワードを共有して使うことを想定していま [...]
2020.03.24 WEBWebデザイン 【Photoshop】画質を落とさずノイズを軽減できる「Camera Rawフィルター」の使い方 高感度で撮影した写真は、ザラザラとしたノイズが見えることがあります。 画質を落とさずノイズのない綺麗な画像を作るには、Photoshopの「Camera Rawフィルター」がオススメです。 どうしても使いたい画像のサイズが小さく、引き伸ばさなければいけないときであっても、ギザギザした質感を緩和す [...]
2020.03.18 WEBWebデザイン 公式テンプレートを使ってAdobe XDのプラグインを自作してみよう ～starter project導入編～ 弊社ではwebデザイン作成前のプロトタイプを構築する際にAdobeXD（以下XD）を利用する機会が増えてきました。 XDは軽量・シンプルで使い勝手の良いツールなのですが、機能が限定的で痒い所に手が届かないこともしばしば。。。 そのような時に「何か良いプラグインはないかな」とインターネット等で検 [...]
2020.03.12 WEBWeb全般 ブログに文章や記事を“引用”するときのルールや書き方を知っていますか？ ブログやオウンドメディアで記事を執筆する際に、他サイトにある文章を引用することがあります。 引用には「引用するために必要な条件」があり、その条件を満たしていない場合、著作権侵害として罰則の対象になる可能性があります。 著作者とのトラブルを起こさないために、「引用」のルールを正しく知り、ブログや [...]
2020.03.12 WEBシステム開発 GoogleCalendarAPIを利用して、PHPでGoogleカレンダーの情報を取得してみよう！（予定編） 前回はGoogleの提供している日本の祝日カレンダーから祝日データを取得してみました。 今回は以下の2種類の方法で、自分のGoogleカレンダーの予定を取得してみようと思います。 カレンダーを公開し、前回同様APIキーを用いて取得する（方法1） サービスアカウントを用いて、認証でカレンダーを取 [...]
2020.03.11 WEBアクセス解析 Googleタグマネージャで電話コンバージョン数（電話発信のタップ数）を計測する方法【2020年最新版】 以前、webサイト上にある外部リンクのクリック数を計測する方法について、イベントトラッキングを使ったGoogleタグマネージャでの設定方法をご紹介しました。 今回は、同じくイベントトラッキングを使って、webサイト上にある電話番号をスマーフォンでタップした数※を計測する方法についてご紹介します [...]
2020.02.28 WEBシステム開発 Windowsで至高のターミナル生活を求めて（MSYS2編） 当社では普段の開発環境にLinuxを用いており主にWindows PCからSSHで接続して作業をすることが多いですが、vagrantやdocker、npmなどの普及によりローカルでの作業も増えてきました。WindowsにはTeraTermやPuttyなどの有名なSSHクライアントがありますが、ロー [...]
2020.02.27 WEBアクセス解析 無料で使えるBIツール「Googleデータポータル」使ってアクセス解析レポートを自動化してみよう【導入編】 今や8割以上のwebサイトで導入されているアクセス解析ツール“Googleアナリティクス”ですが、皆さんどのようにレポートを作成していますか？ Googleアナリティクスから必要なデータをダウンロードして、Excelやパワーポイントで加工して・・・という方も多いのではないでしょうか？ 今回は、 [...]
2020.02.26 WEBWeb全般 公開終了してしまった過去のwebサイト・webページを見る方法 ～WAYBACK MACHINEの使い方～ ティザーサイトやリニューアル前のサイトのように、既にインターネットから削除されてしまったwebページを閲覧したいと思ったことはないでしょうか？ 特にweb担当者であれば、昔のサイトを確認したいと思ったことは一度や二度では無いかと思います。 今回はそのような要望を叶えられるサービス、WAYBAC [...]
2020.02.19 WEBシステム開発 GKEのistioでサンプルアプリを動かす（フォールトインジェクション、タイムアウト編） 前回、前々回に引き続き、GKE上のistioでサンプルアプリケーションを動かして設定を確認していきます。 今回の目標は、タイムアウトの設定と動作を確認することです。 参考にするページは以下のとおりです。 参考ページ Fault Injection Request Timeouts INDE [...]
2020.02.17 WEBWebデザイン positionプロパティを身に着けよう！基本的な知識と使い方を解説！（基礎編） HTMLの要素は通常、記述しただけでは右もしくは下に配置されていきます。要素を自由に配置できるということはwebサイトのデザイン性の向上だけでなく、ユーザーの使いやすさにも大きく関わってきます。 今回はそんな要素の配置位置を指定するときに役に立つCSSの一つ、positionプロパティについて、 [...]
2020.02.15 WEBWeb全般 拡大するインバウンド需要、訪日外国人旅行者にとって分かりやすいサイトを作成するポイントを紹介！ 訪日外国人数は年々増え続け2018年は3,000万人を突破し、2019年の訪日外国人数も前年比で2.2%増加と過去最高の記録となっています。こうした状況から、ビジネスは国内の需要だけでなく、訪日外国人つまりインバウンド需要の取入れも行っていく必要があります。 そこで今回は、インバウンド需要を取 [...]
2020.02.15 WEBシステム開発 ノーコードでアプリケーションを構築できる「AppSheet」を使って業務支援アプリを開発してみよう 先日Googleは業務支援アプリ開発プラットフォームの「AppSheet」を買収しました。 この「AppSheet」の特徴はノーコードでアプリケーションの開発が行えることだそうです。いつもコードを書いてアプリケーションを作成している筆者としてとても気になります。 そこで今回は「AppSheet [...]
2020.01.31 WEBシステム開発 GKE（Google Kubernetes Engine）のistioでサンプルアプリを動かす【ルーティング編】 前回はGKE上でistioのサービスメッシュを構築し、サンプルアプリケーションをデプロイしました。 今回は、その環境を使ってistioの設定と動作を確認していきたいと思います。 参考にするページは以下のとおりです。 参考ページ Request Routing Traffic Shifting [...]
2020.01.27 WEBWeb全般 InternetExplorerの過去・現在・未来 ～10年間のブラウザシェアを振り返る～ 皆さんはデスクトップ版webブラウザに何を使っていますか？ 恐らく半数以上の方は「GoogleChrome（以下、Chrome）」を使っているのではないでしょうか？ しかし、かつてはWindowsに標準でインストールされている「InternetExplorer（以下、IE）」が圧倒的なシェアを [...]
2020.01.23 WEBWebデザイン 【初心者向け】Photoshopのスマートオブジェクトって一体何？画像を劣化させずに拡大・縮小ができる便利な技 Photoshopを使っていると必ず目にする「スマートオブジェクト」。名前だけ聞くと何なのかわかりません。 ですがこのスマートオブジェクト、理解すると画像のクオリティはおろか、作業スピードもアップする素晴らしいものなのです！ 今回はこのスマートオブジェクトとは何なのか、そして便利な使い方につい [...]
