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棒・折れ線複合グ [...]
2020.11.24 WEBシステム開発 ＜Goのパッケージ放浪記＞ ioパッケージに定義されている「Writerインターフェイス」について 今日は前回のReaderインターフェイスに続き、ioパッケージのWriterインターフェイスまわりを覗いていきます。 参照https://github.com/golang/go/blob/master/src/io/io.go 今回覗いていくソースのバージョンは「go1.14.4」です。 I [...]
2020.11.16 WEBシステム開発 過去のコードをComposition APIを使って書き直してみる(後編) 前回の記事では、前編としてComposition APIについてまとめました。 Composition APIの基本的なsyntaxが分かったところで、実際に当ブログでご紹介した以下の記事のコードをComposition APIを用いて書き直してみたいと思います。 JavaScriptフレームワー [...]
2020.11.05 WEBシステム開発 「Functional PHP」PHPのための関数型プリミティブライブラリを触ってみた 今回はFunctional PHPの学習用テストコードを書いてFunctional PHPを触ってみたいと思います。 INDEX1. Functional PHPとは2. 開発環境（Docker）の準備3. Functional PHPのインストール4. map コレクションの各要素をマッピ [...]
