sinpe-Blog

ホバー時のみ表示させたい要素が、意図せず再表示になる問題。pointer-event: none;で解消されます。

この記事で解決できるお悩み 原因は何？ 不具合は解消できるの？解消したサンプルを確認したい。 解決方法が知りた…

2024/04/25 11:57

CSSだけで円グラフ・ドーナツグラフを作成する

この記事で解決できるお悩み CSSだけで円グラフを作成できるの？ どういう円グラフができるの？ ドーナツグラフ…

2024/04/10 21:50

【slick.js】画面に表示されたらスライドを開始する。

この記事で解決できるお悩み すぐ使えるサンプルコードが欲しい コードの内容を理解したい 完成したものを確認した…

2024/03/31 12:48

ReactMarkDownでテーブルのエラーを解消する

マークダウンをHTMLにトランスパイルしてくれるReactMarkDownを使用していましたが、最新バージョン…

2024/03/05 21:38

tab内にslickを配置したときに起きる不具合を修正する

この記事で解決できるお悩み 不具合の原因が知りたい 修正方法が知りたい 修正後のサンプルイメージを確認したい …

2024/03/05 21:06

モーダル開いたら動画を再生。閉じたら動画を停止＆再生位置を初期化

この記事で解決できるお悩み モーダルを開いたときに動画を再生させたい モーダルを閉じたときに動画を停止させたい…

2024/02/25 22:34

Clipboard APIを使用して、リッチテキストコピーを実装する方法

この記事で解決できるお悩み クリップボードにリッチテキストってコピーできるの？ 実装しているサンプルが見たい！…

2024/02/19 23:05

SNSリストのテンプレート

この記事で解決できるお悩み SNSアイコンリストのテンプレが欲しい Instagramのアイコンはグラデーショ…

2024/02/19 21:13

IntersectionObserverを使うときのテンプレート

IntersectionObserverって使いたくても記述長くて面倒。。 しんぺー 使いやすい雛形を共有しま…

2024/02/05 01:12

remodal.jsがブラウザバックで再表示されるときは、hashTracking: false,にします【使い方・オプション】

ブラウザの戻るボタン押すとモーダル開くのなおしたい。 しんぺー remodal.jsの中の記述を変更するだけで…

2024/01/17 08:43

2023年に読んだ本

2023年に読んだ本を見返していたので、ついでに記事にしました。1年間で78冊ほど読んでいたようです。 202…

2024/01/03 19:31

【React】オプショナルチェイニング派？AND演算子派？

Reactで同じような処理をオプショナルチェーンで記述しているものと、AND演算子で記述しているものがありまし…

2023/12/17 23:12

静的なHTMLでReactを使う｜BabelによるJSXのコンパイル

静的なHTMLでReactを使用してみます。 JSXをJavaScriptにコンパイルするBabelをCDNで…

2023/12/17 22:42

どうぞ！キーイベントの動作確認｜onkeyup、onkeydown、onkeypress

キーイベントの動作確認用です。どうぞ。 試すと面白いこと 1,2,3と一文字ずつ入力してみる 長押ししてみる …

2023/11/30 23:39

JavaScriptのclassListは全部で6つ

JavaScriptのclassListで古いクラスから新しいクラスに変えるのなんだっけ？古い方先に書くんだっ…

2023/11/30 23:06

【JavaScript】プログレスバー｜シンプルなデザイン

プログレスバーを実装するのに、ProgressBar.jsを使ったけど、Barが角丸にできなかったり使い勝手わ…

2023/10/09 23:05

【React】memoとuseMemoの違いとは？

memoとuseMemoがあるのを今知りました。なにが違うのか簡単に教えて それぞれの使用例と、比較表を作成し…

2023/09/18 12:35

【変数の役割】コードを理解する方法｜変数の種類はたったの10個

どうやったらコードを深く理解できるのか？理解するのにコツや方法はあるのか？効率よく理解する方法はないのか？ こ…

2023/09/09 11:49

【入門】Reactとは？コンポーネントベースの映画リスト作成をわかりやすく解説

Reactの最小単位のコンポーネントは理解できました。実際の開発現場で使われるような少し複雑なコードを学びたい…

2023/09/03 17:09

ChatGPT OpenAI API × JavaScript Next.jsでアプリ作成

ChatGPTのAPIで何ができるの？ しんぺーAIボットが作れそうですね。自社製品を学習させたり、QAに答え…

2023/08/21 01:16