Read Article
JavaScriptで複数のデータを取り扱いたいときに使う配列には多くのメソッドが用意されており、それらを単独または複数組み合わせて使用することで配列に様々な処理・操作を行うことができます。ただ、JavaScriptを勉強し始めたとかこれから配列について勉強するという場合に、とりあえず漠然とメソッドを覚えてと言われても抵抗がある人もいると思うので、どんな処理ができるかやどんなメソッドがあるのかが少…
Read Article
今月（2019年10月）個人的に覚えておきたいと思ったものやTwitterを通してシェアしたエントリーやサービスなどのまとめです。
Read Article
npm-scriptsでスクリプトを実行する際、プレフィックスを利用してそのスクリプト実行前後に別のスクリプトも実行させる方法を紹介します。任意で用意したコマンドだけでなく`$ npm start`前や`$ npm install`後などに実行させることも可能なので、上手く利用すればコマンドの乱立を防いだり入力の手間を省くことができます。
Read Article
npm-scripts使用する際に`package.json`へ実行内容を記述するのではなく、別ファイルに内容を記述して実行させる方法です。可読性が悪いのを解消したいときやオプションや複雑な処理が多くてコメントなどを残しておきたいときに使えます。
Read Article
JavaScriptのデバッグ時などに`console.log()`を利用する人は多いと思いますが、Console APIには他にも呼び出された回数をカウントしたり経過時間を確認したりといった便利なものが複数用意されています。覚えておくとデータの中身を把握しやすくなったりデバッグ効率の向上に繋がると思うので、普段からJavaScriptを触ってはいるけど使ったことがないという人は試してみてください…
Read Article
今月（2019年9月）個人的に覚えておきたいと思ったものやTwitterを通してシェアしたエントリーやサービスなどのまとめです。
Read Article
デフォルトでも便利な機能が多数用意されており且つ定期的にアップデートも行われているAdobe XDですが、プラグインを利用することでより効率よくデザイン制作を進めることができます。便利なプラグインが数多く公開されていますが、それらの中でも個人的に特におすすめなプラグインを紹介します。
Read Article
本のモックアップイメージを作りたいときに便利なフリーのモックアップ素材まとめです。表紙デザインや見開きページ部分のイメージを差し替えるだけで容易に適用したいデザインにできます。いずれも形式はPSDになっており、素材によっては複数アングルが同梱されているものもあります。
Read Article
ガラス・プラスチック・ワインなど、様々なタイプのボトル系モックアップ素材まとめです。形式はいずれもPSDになっており、ラベル部分のイメージやテキストを差し替えるだけで容易に適用したいボトルデザインにできます。
Read Article
今月（2019年8月）個人的に覚えておきたいと思ったものやTwitterを通してシェアしたエントリーやサービスなどのまとめです。
Read Article
ホバー時に左から右へ下線が伸びるアニメーションを実装したい場合、以前このブログでも紹介したことがある擬似要素を用いた実装方法では、例えば文章内にあるリンクなどで複数行にまたがるときに意図した見栄えになりません。1行・複数行関係なく使えるアニメーション付きアンダーライン（下線）を実装したい場合は、以下のように`linear-gradient()`と`background-size`を組み合わせること…
Read Article
今月（2019年7月）個人的に覚えておきたいと思ったものやTwitterを通してシェアしたエントリーやサービスなどのまとめです。
Close the search window,
please press close button or esc key.