kinchan

フロントエンドエンジニア

kinchan

フロントエンドエンジニア

最近の記事

Day.jsを使ったのInvalid Date 識別する Tips

はじめにJavaScriptの日付操作ライブラリであるDay.jsは、その軽量さと使いやすさで人気です。しかし、日付のバリデーションにおいては、Moment.jsとは異なる挙動を示します。この記事では、Day.jsを使用して不正な日付を検出する方法について解説します。 Day.jsとMoment.jsの違いDay.jsとMoment.jsはどちらもJavaScriptで使用される日付操作ライブラリですが、isValid関数における挙動に大きな違いがあります。Moment.j

    • Youtube iframe APIを活用した同時再生防止のテクニック

      Youtubeの規約では同時再生は規約違反同時再生は規約違反になるので、一つしか再生されないようにする方法を記載していきます。 下記参考 まずは、youtube iframe apiのjsを読み込むscriptタグに下記のsrcを読み込む この時点でconsoleに`YT`と打って存在すれば読み込めています <script src="https://www.youtube.com/iframe_api"></script> iframeでYouTubeを読み込む`?e

      • Milkdownで簡単装飾: Markdownの新しい可能性

        はじめに本記事では、WYSIWYG Markdownエディタ「milkdown」において、見出しや太字などの装飾機能を実装する方法をSvelteでご紹介します。 装飾コマンドとは? milkdownに用意されている装飾機能は、inline-commandsと呼ばれるもので、Markdown上で見た目を変更するためのコマンドです。具体的には、太字、見出し、引用などがあります。これらのコマンドを使用することで、Markdown文書をより見やすく、分かりやすくすることができます

        • 時間を倍速で節約!Visual Studio Codeのマルチカーソルを使いこなすための必須ショートカット8選

          はじめにVisual Studio Code(以下、VS Code)は、豊富な機能を備えた高機能なエディターです。その中でも、マルチカーソル機能は特に便利で、同じ作業を複数箇所で繰り返す場合に、大きな効果を発揮します。この記事では、VS Codeのマルチカーソルショートカットのうち、特に便利な8つを紹介します。 vscode のマルチカーソルショートカット8選⌘ + D : 選択文字と一致する文字にカーソルを追加します ⌘ + U : カーソルを一つ巻き戻すことができます