- 投稿日:2023-08-03T22:08:15+09:00
React Developer ToolsのProfilerの使い方【初心者向け】
React Developer Toolsは、Reactアプリケーションのパフォーマンスを最適化するための強力なツールです。その中でも、「Profiler」タブは特に有用で、Reactのコンポーネン…
- 投稿日:2023-08-03T21:22:24+09:00
TypeScriptでnpmパッケージを開発して公開してみた
はじめに 普段から多くのOSSライブラリたちを利用させてもらっているが、そういったライブラリを自分でも作ってみたくなった。今回はあまり複雑ではないかなりシンプルなライブラリをTypeScriptで開…
- 投稿日:2023-08-03T21:22:24+09:00
TypeScriptでnpmパッケージ(CommonJS・ES Moduleの両方に対応)を開発して公開してみた
はじめに 普段から多くのOSSライブラリたちを利用させてもらっているが、そういったライブラリを自分でも作ってみたくなった。今回はあまり複雑ではないかなりシンプルなライブラリをTypeScriptで開…
- 投稿日:2023-08-03T20:03:38+09:00
自作ライブラリを jsDelivr から取得
専用のファイル置き場がない状況で、既存のサービスなどで使うために自作の JavaScript ライブラリをどこかに置きたいことがあります。そういうときは GitHub と jsDelivr の組み合…
- 投稿日:2023-08-03T17:43:35+09:00
VS Codeでの赤線 "Type 'number' is not assignable to type 'string'.js(2322)" への対応方法
はじめに VS CodeでSveltのチュートリアルをやっていた時に、propsの実装の際に以下のような赤線(VS Codeからのエラー提示)が出た。 今回はこれの原因と解決方法を備忘録として残す。 原…
- 投稿日:2023-08-03T17:27:07+09:00
DOM
DOMとは Document Object Model(ドキュメントオブジェクトモデル)の略で、HTMLやXMLの文書を扱うためのAPIです。 DOMではHTMLやXMLのデータ内の要素をオブジェク…
- 投稿日:2023-08-03T17:08:59+09:00
CDKでNode.jsのLambda関数を作るときにjs|ts以外のファイルをバンドルする
TL;DR bundling.commandHooks.beforeBundling を定義して、その中でcpでコピーしてあげればOK! new NodejsFunction(this, 'lamb…
- 投稿日:2023-08-03T17:07:29+09:00
【React】フルスタックエンジニアになるまでの我流ロードマップ
まえがき 趣味程度のWebコーディングしかしてこなかった自分。 調子に乗ってパソコンにFull-stack Developerのステッカーを貼ってしまったので、将来的な投資としてとりあえず目指してみ…
- 投稿日:2023-08-03T16:34:58+09:00
breakとreturnとcontinueの違いがよく分からんのでまとめてみたよ~!
どうも、堕罪オサムです。 相変わらず(?)国語学・日本語学を専攻しています。 夏季休暇前ラストのレポートが終わらず発狂しそうになっています。ヤバめ。 早く終わらせねば……。 まあ、そんなこんなで本題…
- 投稿日:2023-08-03T16:07:22+09:00
ReactとJavaScript: Reactと他のJavaScriptフレームワークの比較
React JavaScriptの利点と他のJavaScriptフレームワークとの優位性を探ってみましょう。以下の記事では、Reactを他のフレームワークと比較し、それぞれの技術の利点やメリットを理…
- 投稿日:2023-08-03T14:08:39+09:00
youtube字幕入力をサポートするプラグインを作成しました。
はじめに youtubeの字幕入力エディターを使ってみて、わかったことは、字幕の作成は、結構、大変な作業だということです。テレビや、映画の字幕を製作している現場はかなり、大変な重労働なのかなと、思っ…
- 投稿日:2023-08-03T13:03:39+09:00
【PDF印刷】html2canvasとjsPDFでの複数ページ印刷時にautoTableを導入した話
はじめに 「印刷」ボタンクリックでテーブルをPDF出力する機能を作ることになりました。 今回導入したautoTableに関する日本語のドキュメントが少なかったこともあり、 結構な時間試行錯誤したので…
- 投稿日:2023-08-03T12:31:20+09:00
Next.jsでURL遷移を検知して特定の関数を発火させる方法
こんにちは、皆さん。今日はNext.jsでURLが変更されたときに特定の関数を発火させる方法について話します。これは、ページ遷移だけでなく、ブラウザバックの際にも発火します。 目次 はじめに Nex…
- 投稿日:2023-08-03T08:27:33+09:00
プログラミング初心者の野球部にif文を教えてみた
おはようございます! 今日は昨日書き切れなかったif文の概念についての記事を書いていきます。 https://qiita.com/yangyooji1946/items/a920bc02a8d93c…
- 投稿日:2023-08-03T06:56:19+09:00
NPMコマンド実践ガイド:パッケージを熟知し、プロジェクトを最新に保つ
目次 はじめに npm docsコマンド npm repoコマンド npm outdatedコマンド npm vコマンド まとめ 1. はじめに Node.jsの開発者にとって、npmは欠かせないツ…
- 投稿日:2023-08-03T06:50:51+09:00
「npm audit」でJavaScriptプロジェクトのセキュリティをチェックしよう!
目次 はじめに npm auditとは npm auditの使い方 npm auditの詳細 npm auditで脆弱性を修正する まとめ はじめに こんにちは、皆さん。今日はJavaScriptプ…
- 投稿日:2023-08-03T02:47:04+09:00
ページに部分的な読み上げ機能を付ける
web-tts という自作ライブラリを使って、Web ページに部分的な読み上げ機能を付ける方法を説明します。 web-tts web-tts は、はてなブログで対訳の読み上げを行うために開発したライ…
- 投稿日:2023-08-03T00:47:31+09:00
【TypeScript、JavaScript】配列操作一覧
map 関数で処理された新しい関数を配列します。 const hoge = [1,2,3]; const fuga = hoge.map(v => v + 1 ); 結果 [2, 3, 4] fil…