JavaScript:作成・取得・追加・削除・各要素への処理など、配列に関する基本操作のまとめ

Read Article

JavaScript:作成・取得・追加・削除・各要素への処理など、配列に関する基本操作のまとめ

JavaScriptで複数のデータを取り扱いたいときに使う配列には多くのメソッドが用意されており、それらを単独または複数組み合わせて使用することで配列に様々な処理・操作を行うことができます。ただ、JavaScriptを勉強し始めたとかこれから配列について勉強するという場合に、とりあえず漠然とメソッドを覚えてと言われても抵抗がある人もいると思うので、どんな処理ができるかやどんなメソッドがあるのかが少…

  • Tips
npm-scripts:pre・postプレフィックスを利用して、スクリプト実行前後に別のスクリプトも実行させる方法

Read Article

npm-scripts:pre・postプレフィックスを利用して、スクリプト実行前後に別のスクリプトも実行させる方法

npm-scriptsでスクリプトを実行する際、プレフィックスを利用してそのスクリプト実行前後に別のスクリプトも実行させる方法を紹介します。任意で用意したコマンドだけでなく`$ npm start`前や`$ npm install`後などに実行させることも可能なので、上手く利用すればコマンドの乱立を防いだり入力の手間を省くことができます。

  • Services & Resource
console.log()だけじゃない、覚えておくとデバッグ効率の向上に繋がるConsole API

Read Article

console.log()だけじゃない、覚えておくとデバッグ効率の向上に繋がるConsole API

JavaScriptのデバッグ時などに`console.log()`を利用する人は多いと思いますが、Console APIには他にも呼び出された回数をカウントしたり経過時間を確認したりといった便利なものが複数用意されています。覚えておくとデータの中身を把握しやすくなったりデバッグ効率の向上に繋がると思うので、普段からJavaScriptを触ってはいるけど使ったことがないという人は試してみてください…

  • Tips
デザイン制作が捗る、個人的におすすめなAdobe XDの便利プラグイン 20

Read Article

デザイン制作が捗る、個人的におすすめなAdobe XDの便利プラグイン 20

デフォルトでも便利な機能が多数用意されており且つ定期的にアップデートも行われているAdobe XDですが、プラグインを利用することでより効率よくデザイン制作を進めることができます。便利なプラグインが数多く公開されていますが、それらの中でも個人的に特におすすめなプラグインを紹介します。

  • Services & Resource
表紙デザインや見開きページなど、本のフリーモックアップ素材 20

Read Article

表紙デザインや見開きページなど、本のフリーモックアップ素材 20

本のモックアップイメージを作りたいときに便利なフリーのモックアップ素材まとめです。表紙デザインや見開きページ部分のイメージを差し替えるだけで容易に適用したいデザインにできます。いずれも形式はPSDになっており、素材によっては複数アングルが同梱されているものもあります。

  • Material
CSSで複数行に対応したアニメーション付きアンダーライン(下線)を実装する方法

Read Article

CSSで複数行に対応したアニメーション付きアンダーライン(下線)を実装する方法

ホバー時に左から右へ下線が伸びるアニメーションを実装したい場合、以前このブログでも紹介したことがある擬似要素を用いた実装方法では、例えば文章内にあるリンクなどで複数行にまたがるときに意図した見栄えになりません。1行・複数行関係なく使えるアニメーション付きアンダーライン(下線)を実装したい場合は、以下のように`linear-gradient()`と`background-size`を組み合わせること…

  • Tips

Close the search window,
please press close button or esc key.