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でイラストやロゴをトレースし、ベクターデータに変換してみよう 画像や写真などのラスターデータ、はたまた手書きの文字などをトレースし、ベクターデータに変更したいと思ったことはありませんか？ ベクターデータのメリットとして、サイズの変更をしてもデータのクオリティが変わらないことが挙げられます。そのため、名刺やパンフレット等の作成によく使用されています。 ラスタ [...]
2020.10.23 WEBシステム開発 ＜Goのパッケージ放浪記＞ ioパッケージに定義されている「Readerインターフェイス」について 今日は、Goのパッケージのソースを覗いてみたいと思います。 普段からさまざまなパッケージを利用しますが、その実装はどうなっているのかを把握し、よりGoらしいコードを書けるようになることが目的です。 今回はioパッケージのReaderインターフェイスまわりを読んでいきます。 参照https://g [...]
2020.10.19 WEBWebデザイン 手軽なCSSアニメーション！transitionプロパティの使い方（基礎編） 前回までanimationプロパティによるCSSアニメーションについてご紹介しました。 animationプロパティは@keyframesを設定し、animationプロパティを設定して・・・と簡単なアニメーションを実装するには少し手間がかかります。 もっと手軽にCSSアニメーションを実装したい [...]
2020.10.19 WEBセキュリティ Cloud Functionsで機密情報の管理にSecret Managerを利用する 最近GCPのCloud Functionsを利用するようになり、Cloud Functionsで利用するAPIキーなどの 機密情報を環境変数に入れようとしたのですが、公式のドキュメントに以下の記載がありました。 シークレットの管理 環境変数は関数の構成に使用できますが、データベースの認証情報や A [...]
2020.10.02 WEBWebデザイン Illustratorのグラフツールを使えば、簡単にグラフを作成できます（棒グラフ編） 先日、グラフの画像データを作成する機会がありました。 ExcelやPowerPointで作成してもよかったのですが、もう少しデザイン性をもたせたかったので、Illustratorで作成することにしました。 Excelと同じように表に数値を入れるだけで作成でき、Illustratorの機能を用い [...]
2020.09.30 WEBWeb全般 スマートフォンやタブレットでベーシック認証が表示されない場合どうしたらいい？ 例えば会員向けのページのように、特定のユーザーのみに閲覧させたいページがある場合、パスワードを入れないとページが開かないパスワード認証をかけることが一般的です。 パスワード認証の中でも「ベーシック認証」と呼ばれる認証は、比較的簡単に設定することができるため、広く使用されています。 しかし、パソコン [...]
2020.09.26 WEBWebデザイン ScrollTriggerを利用してwebサイトスクロール時にアニメーションを追加する（導入編） お客様のwebサイト制作を手伝わせていただくにあたり、スクロールに合わせてアニメーションを追加したいというご要望をいただくことが多くなりました。アニメーション自体はCSSの進歩により比較的簡単に実装できるようになりましたが、「スクロールに合わせて」という要件にはJavaScriptを併用する必 [...]
2020.09.23 WEBユーザビリティ・UX・UI webサイト制作に欠かせない「ワイヤーフレーム」の役割について理解しよう 私たちのようなweb制作会社では、通常、webサイトを作成する際にワイヤーフレームを作成します。 一般の方からすると聞きなれない言葉かもしれません。 今回はそのワイヤーフレームの役割について考えてみたいと思います。 INDEXワイヤーフレームとは？ワイヤーフレームとデザインの関わりまとめ [...]
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」をご紹介します。 INDEX1. Windows Terminalのインストー [...]
2020.08.28 WEBWebデザイン YouTube動画のサムネイル作成に！PhotoshopとIllustratorで袋文字を作ってみました 写真の上に文字を配置するとき、文字が背景と同化して見づらくなってしまったことはありませんか？こんな時、袋文字が役に立ちます。 袋文字とは、文字を別の色で縁取りしたものを指します。素の文字よりもインパクトが出て、さらに可読性が増すため、YouTubeのサムネイルなどにもよく使われます。 今回はそん [...]
2020.08.07 WEBWebデザイン CSSアニメーションを使ったリンクボタンを作ってみよう！（実践編） 前回の記事（基礎編）ではCSSアニメーションの概要やanimationプロパティの種類など、基本的な情報をまとめました。 今回は実際にアニメーション表現のあるリンクボタンを作りながら、CSSアニメーションの使い方とその効果を解説していきます。 INDEXCSSアニメーションのおさらいリン [...]
