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 コレクションの各要素をマッピ [...]
2020年11月05日 WEBWeb全般 webサイト制作見積りはなぜ会社によってこんなに違うの? その理由を制作費用算出の裏側から教えます webサイトの制作を依頼するときに気になるのは「どの程度費用がかかるのだろうか」というところだと思います。 ところが、実際に見積もり依頼をしてみたところ、web制作会社によって倍以上の開きが出てしまい「なんでこんなに違うの？」と悩んでしまった方もいらっしゃるのではないでしょうか？ なぜ制作会社によ [...]
2020年10月26日 WEBWebデザイン Illustratorでイラストやロゴをトレースし、ベクターデータに変換してみよう 画像や写真などのラスターデータ、はたまた手書きの文字などをトレースし、ベクターデータに変更したいと思ったことはありませんか？ ベクターデータのメリットとして、サイズの変更をしてもデータのクオリティが変わらないことが挙げられます。そのため、名刺やパンフレット等の作成によく使用されています。 ラスタ [...]
