kinchan

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

kinchan

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

記事一覧

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

はじめにJavaScriptの日付操作ライブラリであるDay.jsは、その軽量さと使いやすさで人気です。しかし、日付のバリデーションにおいては、Moment.jsとは異なる挙動を示しま…

kinchan
6か月前
2

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

Youtubeの規約では同時再生は規約違反同時再生は規約違反になるので、一つしか再生されないようにする方法を記載していきます。 下記参考 まずは、youtube iframe apiのj…

kinchan
6か月前
4

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

はじめに本記事では、WYSIWYG Markdownエディタ「milkdown」において、見出しや太字などの装飾機能を実装する方法をSvelteでご紹介します。 装飾コマンドとは? milkdown…

kinchan
6か月前
7

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

はじめにVisual Studio Code(以下、VS Code)は、豊富な機能を備えた高機能なエディターです。その中でも、マルチカーソル機能は特に便利で、同じ作業を複数箇所で繰り返…

kinchan
6か月前
6
Day.jsを使ったのInvalid Date 識別する Tips

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

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

Day.jsとMoment.jsの違いDay.jsとMoment.jsはどちらもJavaScriptで使用される日付操作ライブラ

もっとみる
Youtube iframe APIを活用した同時再生防止のテクニック

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


Youtubeの規約では同時再生は規約違反同時再生は規約違反になるので、一つしか再生されないようにする方法を記載していきます。
下記参考

まずは、youtube iframe apiのjsを読み込むscriptタグに下記のsrcを読み込む
この時点でconsoleに`YT`と打って存在すれば読み込めています

<script src="https://www.youtube.com/ifram

もっとみる
Milkdownで簡単装飾: Markdownの新しい可能性

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

はじめに本記事では、WYSIWYG Markdownエディタ「milkdown」において、見出しや太字などの装飾機能を実装する方法をSvelteでご紹介します。

装飾コマンドとは?

milkdownに用意されている装飾機能は、inline-commandsと呼ばれるもので、Markdown上で見た目を変更するためのコマンドです。具体的には、太字、見出し、引用などがあります。これらのコマンドを使

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

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

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

vscode のマルチカーソルショートカット8選⌘ + D : 選択文字と一致する文

もっとみる