2020.09.30 WEBWeb全般 スマートフォンやタブレットでベーシック認証が表示されない場合どうしたらいい？ 例えば会員向けのページのように、特定のユーザーのみに閲覧させたいページがある場合、パスワードを入れないとページが開かないパスワード認証をかけることが一般的です。 パスワード認証の中でも「ベーシック認証」と呼ばれる認証は、比較的簡単に設定することができるため、広く使用されています。 しかし、パソコン [...]
2020.09.28 BUSINESSマーケティング 「モノ」だけでなく「情報」の売買によって変化するマーケティング 現代における企業マーケティング、特にB to Cの業態においては、多様化する消費者の動向に対して様々な角度から市場調査をおこなっているものと思います。 個人情報の取り扱いが厳しくなっていることで、企業が消費者の情報を得る事が難しい時代ですが、最近では消費者側が簡単かつメリットを感じたうえで情報の [...]
2020.09.26 WEBWebデザイン ScrollTriggerを利用してwebサイトスクロール時にアニメーションを追加する（導入編） お客様のwebサイト制作を手伝わせていただくにあたり、スクロールに合わせてアニメーションを追加したいというご要望をいただくことが多くなりました。アニメーション自体はCSSの進歩により比較的簡単に実装できるようになりましたが、「スクロールに合わせて」という要件にはJavaScriptを併用する必 [...]
2020.09.23 WEBユーザビリティ・UX・UI webサイト制作に欠かせない「ワイヤーフレーム」の役割について理解しよう 私たちのようなweb制作会社では、通常、webサイトを作成する際にワイヤーフレームを作成します。 一般の方からすると聞きなれない言葉かもしれません。 今回はそのワイヤーフレームの役割について考えてみたいと思います。 ワイヤーフレームとは？ ワイヤーフレームについて 直接の英語「Wire [...]
2020.09.16 BUSINESS仕事効率化ツール 【おすすめ仕事効率化ツール】テキスト入力をお助け！クリップボード履歴管理ソフト「Clibor」 私が仕事中によく使用しているツールに「Clibor」というクリップボード履歴管理ソフトがあります。 Cliborはコピーしたテキストの履歴が一覧で表示され、過去にコピーしたテキストを再度貼りつけることができるツールです。コピーしたテキストの履歴は最大で10,000件まで保存することが可能です。 [...]
2020.09.14 WEBWeb全般 YouTube IFrame Player APIを利用してwebサイトに動画を埋め込む（導入編） お客様のwebサイト制作を手伝わせていただくにあたり、ページ内に動画を掲載したいというご要望をいただくことが多くなりました。動画の掲載方法は様々ですが、YouTubeの普及に伴い、同サービスが提供する埋め込みタグやAPIサービスを利用する形での対応が一般的となってきています。 そこで本記事では [...]
2020.09.14 WEBシステム開発 過去のコードをComposition APIを使って書き直してみる（前編） VueのメジャーバージョンアップがQ3 2020に予定されており、Roadmap通りであればもうすぐ公開されます。 そこで、Vue3の目玉のひとつである「Composition API」を使って、過去に当ブログでご紹介したコードを書き直してみたいと思います。 今回は前編として、Composit [...]
2020.09.09 WEBシステム開発 Windowsで至高のターミナル生活を求めて(Windows Terminal編) 前回の記事「Windowsで至高のターミナル生活を求めて(Alacritty編)」ではクロスプラットフォーム対応のAlacrittyをご紹介しました。 今回はMicrosoft謹製の「Windows Terminal」をご紹介します。 1. Windows Terminalのインストール Mic [...]
2020.08.28 WEBWebデザイン YouTube動画のサムネイル作成に！PhotoshopとIllustratorで袋文字を作ってみました 写真の上に文字を配置するとき、文字が背景と同化して見づらくなってしまったことはありませんか？こんな時、袋文字が役に立ちます。 袋文字とは、文字を別の色で縁取りしたものを指します。素の文字よりもインパクトが出て、さらに可読性が増すため、YouTubeのサムネイルなどにもよく使われます。 今回はそん [...]
2020.08.27 BUSINESS仕事効率化ツール メモをデータで分かりやすく管理するGoogle Keepの活用方法 テレワークを始める際に、自宅で仕事をするための準備として必要な書類や手帳・記録用ノートなどをたくさん持ち帰りました。今後も自宅と会社両方で仕事をする機会が増えるとなると、そうした資料などはデータ化してしまった方が管理しやすく荷物にもならないと考え、メモをデータ化できるツールを検討しました。 そ [...]
2020.08.07 WEBWebデザイン CSSアニメーションを使ったリンクボタンを作ってみよう！（実践編） 前回の記事（基礎編）ではCSSアニメーションの概要やanimationプロパティの種類など、基本的な情報をまとめました。 今回は実際にアニメーション表現のあるリンクボタンを作りながら、CSSアニメーションの使い方とその効果を解説していきます。 CSSアニメーションのおさらい 本題に入る前 [...]
2020.08.06 WEBシステム開発 google/wireを使ってGoでDI(dependency injection)してみる 今回は、GoでDI（dependency injection）してみたいと思います。 GoでDI用のパッケージはいくつかありますが、今回は「google/wire」を利用します。 GitHub google / wirehttps://github.com/google/wire フロ [...]
2020.08.05 BUSINESS仕事効率化ツール 簡単で安全なリモートアクセスを実現する「シン・テレワークシステム」の設定方法 昨今では新型コロナウィルスにより新しい生活様式への移行が求められ、 政府も「三密」回避の施策としてテレワークを推奨しています。 新型コロナウィルスの第二波がきている現状から今後もテレワークの重要性は増していくと考えられます。 現在筆者自身もテレワークを行っており、本社のVPNルーターの機能を利用し [...]
2020.07.28 WEBWeb全般 アウトライン化されたaiデータから、できる限りテキスト情報を取り出す方法 「パンフレットの情報をもとにwebページを構築しなくてはならないが、提供いただいたイラレデータがアウトライン化されていて、テキストがコピーできない！」 私がエディターとして仕事をしているとき、まれに遭遇する事態です。 データがアウトライン化されていると、テキスト情報を抽出（コピー）することができま [...]
2020.07.27 BUSINESS仕事効率化ツール テレワークになって使いこなしていなかった自宅の「Mac」を仕事で使用することになって戸惑ったこと その② 前回は、新型コロナウイルス感染症によりテレワークを始めたことから、会社で使用しているWindowsと自宅で使用しているMacの仕様の違いからの戸惑いについて、第1弾としてご紹介いたしました。 第1弾使い慣れていない自宅の「Mac」でテレワークすることになって戸惑ったこと その① 今回はその第2弾 [...]
2020.07.21 WEBWebデザイン Adobe XDのコンポーネントを利用してホバーアクションをデザインする webデザインを作成する際についつい忘れがちになってしまうのがユーザーインタラクション時のデザイン（マウスホバーやボタンのクリックなど）です。 弊社ではPhotoshopでデザインをする際には別途レイヤーを作成したりPSDを分けて用意したりと仕様に応じて様々な工夫をしていますが、AdobeXD（以 [...]
2020.07.17 WEBWeb全般 Google マップ・ストリートビューをレスポンシブデザインのwebサイトに埋め込む方法をご紹介！ 自社のwebサイトに「画像」で作成した地図を表示していませんか？ 「画像」で作成した地図の場合、スマートフォンで閲覧すると画像が小さくなり、文字や地図記号を認識することができなくなってしまう恐れがあります。その事態を避けるためにGoogleマップやストリートビューをwebサイトに埋め込むことを [...]
