2021.04.15 WEBシステム開発 【React.js入門】関数コンポーネントで百マス計算を生成してみる 現在進行中のプロジェクトの為、goに入門して半年以上が経ちました。 goには多少なれてきたのですがこのプロジェクトでのフロントエンドにはReact.jsを採用することが決まっています。 vue.jsなどは多少触ったことがありますが、React.jsは初めての挑戦です。 React.j [...]
2021.04.07 WEB教育機関ウェブサイト 【2021年版】ハンバーガーメニューはどの位置が最適? 関東の大学を調べてみた! 今やスマートフォンサイトにおいて無くてはならない物になったハンバーガーメニューですが、どの位置に配置するべきか自信を持って答えられる方は少ないのではと思います。 今回は受験生や在学生などスマホでの閲覧が多い、関東の大学のホームページを調査して、最近の傾向やより良い配置場所、NGパターンなどを調べて [...]
2021.03.30 WEBアクセス解析 Googleタグマネージャでクロスドメイントラッキングを設定する(2021年最新版) 前回の記事「Googleタグマネージャの概要と導入方法」では、タグマネージャの仕組みと導入方法について紹介しました。 今回は、サブドメインを使って複数のサイトを運営している場合や、サイト内のフォームやショッピングカートにドメインの異なるASPサービスを利用している場合に設定が必要となる「クロスドメ [...]
2021.03.30 WEBアクセス解析 初心者でも分かる「Googleタグマネージャ」の導入メリットと導入方法(2021年最新版) Google Analyticsなどのサイト解析やリスティング広告のコンバージョン測定などには、タグの埋め込みが必要になります。 導入したいツールやサービスが増えれば増えるほど埋め込まなければならないタグの種類が増え、管理が煩雑になってしまうなどの問題が起きやすくなります。 このような問題を解決し [...]
2021.03.26 WEBシステム開発 超簡単!1時間でできるFireBaseを使ったログイン機能の実装!(準備編) FireBaseのドロップイン認証の実装を全2回に分けて解説していきます。 今回は準備編として、FireBaseのコンソール上での準備を行っていきます。 FireBaseは2011年にFireBase社が開発したモバイル・Webアプリケーション開発プラットフォームで、2014年にGoogleに買収 [...]
2021.03.18 WEBシステム開発 <Goのパッケージ放浪記> ioパッケージに定義されている「Closerインターフェイス」について 今日は前回のWriterインターフェイスに続き、ioパッケージのCloserインターフェイスまわりを覗いていきます。 参照https://github.com/golang/go/blob/master/src/io/io.go 今回覗いていくソースのバージョンは「go1.14.4」です。 I [...]
2021.03.09 WEBシステム開発 実装してみると意外と難しい「PHPで年齢を計算する方法」を紹介します 弊社では、健診予約システム等の構築を制作させていただく機会があります。 予約システムでは、ユーザの生年月日をもとに年齢を算出する必要があるのですが、考慮しないといけないポイントがいくつかあり、意外とややこしいです。 そこで今回は、PHPで年齢を計算する方法を紹介します。 なお、今回の検証で使用した [...]
2021.03.03 WEBWebデザイン パスファインダーよりも手軽!Illustrator消しゴム・はさみ・ナイフツールの使い方 前回のブログで、パスファインダー機能を使って画像を分割したり、合体したりする方法をご紹介しました。 前回記事「オブジェクトを組み合わせて複雑な図形をつくる!Illustratorのパスファインダー機能をご紹介」 今回は、そんなパスファインダー機能を使わずとも図形を加工できる、消しゴムツール・は [...]
2021.02.26 WEBWeb全般 2021年4月1日からの総額表示義務に対応できていますか?お早めに税込み価格への変更を! 突然ですが、ECサイトの商品価格やwebサイトに記載している商品やサービス料金は税抜き価格ですか?それとも税込み価格ですか? 2021年4月1日から総額表示義務が復活します。税抜き価格の場合には、3月31日までに消費税額を含めた価格表記にする必要があります。 今回は、総額表示義務の概要と表示例につ [...]
2021.02.18 WEBシステム開発 gomockでGoのインターフェースのmockを作成してテストを実行する 今回はGoのmockフレームワークであるgomockの使い方を紹介したいと思います。 gomockとは、Go言語用のmockフレームワークで、組み込みのテストパッケージと合わせて利用するライブラリです。 golang/mock ドキュメント INDEXインストール方法テスト対象のサン [...]
2021.02.17 WEBWebデザイン Sassの利用環境を構築しよう!gulpを使ってCSSにコンパイルする手順を解説 CSSをより効率的に記述する、Sass(サス)という言語ですが、Sass自体はブラウザで読み取ることができません。 今回はWindows10で、SassをCSSに変換(コンパイル)するための環境構築手順をご紹介します。 過去にDreamweaverでSassのコンパイルを取り扱った記事もありま [...]
2021.02.05 WEB教育機関ウェブサイト 海外事例に学ぶ、参考にしたい大学webサイトのレイアウト・デザイン 2020年は新型コロナウイルス感染症の影響で、受験生を呼び込むためのイベントの開催が中止となり、webオープンキャンパスをはじめとする受験生をターゲットとしたweb活用が多くの大学で見受けられました。今後もwebサイトやSNSの活用が重要となるでしょう。 そこで今回は、海外の大学サイトで参考に [...]
2021.02.02 WEBWeb全般 Adobe XDのプラグイン開発を簡単に始めるツール「xdpm」試してみた 弊社ではデザイン・コーディングを行う際にAdobe XD(以下XD)を利用しています。 以前、XDのプラグインを自作する方法を紹介しましたが、今回はコマンドラインから簡単にプラグインの雛形を生成できるツール、「xdpm」をご紹介したいと思います。 AdobeXD/xdpm: A helper [...]
2021.01.27 WEBWebデザイン 光って目立つ!Illustratorのアピアランス機能で「光る文字」を作ろう サイトのバナーやアイキャッチを作っていると、文字に光沢を持たせて重厚な感じを出したいときや、文字が光って浮かび上がるような表現をしたい、と思うことがあります。 以前、Illustratorのアピアランス機能を使って袋文字の作り方をご紹介しました。 YouTube動画のサムネイル作成に!Photos [...]
2021.01.27 WEBWeb全般 webサイトにInstagramの投稿を表示する!「Facebook Graph API」の使い方(実装編) 前回の「準備編」では、各種アカウントの登録と設定を行いました。 今回はAPI利用に必要な情報の取得方法の解説と、webサイトにInstagramを表示させるためのコード例の紹介をします。 注意記事執筆時(2021年1月13日)時点のUI、手順になります。 バージョンアップ等でUIや手順の変更 [...]
2021.01.21 WEBWebデザイン Adobe XDのプラグイン「Copy CSS to Clipboard」を使ってCSSコーディングを効率化 弊社ではwebデザインを作成する際にAdobe XD(以下XD)をメインに利用していますので、HTML・CSSコーディングを行う際にもXDを使うことになります。 XDで作成されたデザインカンプからコーディングに必要な情報を確認するにはプロパティインスペクタを利用することになりますが、手動、目視での [...]
2021.01.18 WEBサイト構築・リニューアル webサイトにInstagramの投稿を表示する「Facebook Graph API」の使い方(準備編) webサイトにInstagramの投稿を表示する方法を全2回に分けて解説していきます。 今回は「準備編」として、アカウントの登録や設定について解説します。 注意記事執筆時(2021年1月13日)時点のUI、手順になります。 バージョンアップ等でUIや手順の変更が生じる場合があります。 [...]