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利用に必要な情報の取得方法の解説と、ｗebサイトに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や手順の変更が生じる場合があります。 [...]
2021.01.12 WEBシステム開発 PHPのマイクロフレームワーク「Slim4」の「slim-skeleton」を使用してハマったこと Slim は PHP のマイクロフレームワークです。 アプリケーション開発までのセットアップを短時間でできるように、公式で slim-skeleton を提供しています。 今回は PHP のバージョン 7.2 以降で使用可能な Slim4 を使用してハマったことの記録です。 記事で使用し [...]
2020.12.28 WEB 2020年のアクセスランキングTOP10 今年、最もアクセスの多かった記事は？ 2020年も残すところあとわずかとなりました。 今年はコロナ禍の中、仕事だけでなく日常生活においても制限や工夫を強いられた1年であったと思います。 2020年の締めくくりとして、今年1年間でアクセスの多かった記事トップ10を紹介します。 INDEX10位：メールの送受信ができない!? R [...]
2020.12.25 WEBWebデザイン オブジェクトを組み合わせて複雑な図形をつくる！Illustratorのパスファインダー機能をご紹介 今回は、Illustratorの機能の一つ「パスファインダー」機能についてご紹介します。 パスファインダーはオブジェクト同士の合体、分割、型抜きなどができ、知っておくと複雑な図形を簡単につくることができます。手作業でパスを使ってかたどることが難しい図形も、工夫すれば簡単に作ることができます。 I [...]
2020.12.24 WEBWeb全般 WordPressのメリット・デメリットをしっかり理解してベストなCMSを選択しよう！ CMSの代表格と言えば、圧倒的な世界シェアを誇る「WordPress」です。 世界中のwebサイトのうち、2020年12月23日時点で39％がWordPressで構築されています。 （Usage statistics of content management systems/W3Techsより） [...]
2020.12.21 WEBWeb全般 今さら聞けない「Cookieとは？」プライバシーを守るためのCookie有効化／無効化／削除の方法を解説します webサイトを利用している際に「本webサイトはCookieを利用します。同意しますか？」などというポップアップを一度は目にしたことがあると思います。Cookieが何か分からずに「同意」ボタンを押して先に進んだり、そのサイトから離脱したりといった方もいるのではないでしょうか。 Cookieを利用 [...]
2020.12.21 WEBシステム開発 GoのMarshal/Unmarshalの基本的な使い方とプライベートフィールドを持つ構造体での利用方法 アーティスではGoを使ったプロダクトの開発を進めています。 筆者も今年Goを始めたばかりの新参物です。 Goの文法はシンプルでわかりやすいのですが、開発を進めていくなかでjsonパッケージのMarshal/Unmarshalの使い方で悩んだので記事にまとめておきます。 Package json [...]
2020.12.16 WEBWebデザイン JavaScript不要！CSSだけでハンバーガーメニューを実装する方法 スマートフォンサイトでよく使われるメニューに三本線で表示されている「ハンバーガーメニュー」が挙げられます。 ハンバーガーメニューを実装するのはCSSとJavaScript、もしくはjQueryを使用することが多いですが、今回はもっと手軽にCSSのみで実装する方法を紹介いたします。 IND [...]
2020.11.30 WEBWebデザイン Illustratorのグラフツールを使えば、簡単にグラフを作成できます （応用編～複合グラフ・立体表現～） 前回のブログにて、Illustratorで棒グラフを作る方法をご紹介しました。 前回記事「Illustratorのグラフツールを使えば、簡単にグラフを作成できます（棒グラフ編）」 今回は少し複雑な棒・折れ線複合グラフと、立体的な円グラフの作り方をご紹介します。 INDEX棒・折れ線複合グ [...]
