20220802のJavaScriptに関する記事は17件です。

Webフロントエンドのpolyfillをbabelの利用・core-jsのダイレクト利用・swcの利用など、複数方式での比較を行ってみた

はじめに JavaScriptにおけるpolyfill(ポリフィル)とは、例えば Promise オブジェクトが使えないIE11でPromiseを使えるようにするなど、使いたいAPI(オブジェクト…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【React / Next】ドラッグ&ドロップで画像を複数選択してアップロードする

個人の備忘録です。 環境 react: 18.2.0 next: 12.2.3 react-dropzone: 14.2.2 @chakra-ui/react: 2.2.4 やりたいこと 複数の画像…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScript textLength as halfWidth

JavaScript で半角幅としての文字列長を調べた件です。日本語のみ考慮してます。 課題 input type="text" の size や textarea の cols に文字数にて横表示…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScriptのasync/awaitって何?

JSのコードで登場するasync,awaitについてふわっと雰囲気を理解するための備忘録 ずばりasyncとawaitとは async...非同期関数を定義するときのキーワード await...as…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

雀魂の外部ツール

[他の投稿はこちらからご覧ください。](https://twitter.com/i/events/1548441969244139520) 利用規約に違反する行為を助長する目的はありません。 雀魂の…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

RailsとJavaScriptでマルチセレクタかつオートコンプリートを実装する

実装デモ 機能説明 予約に対して、メンバーを複数アサインする機能。 Reservationと、Memberが多対多でアソシエーションされている。 メンバーのアサインを複数、かつ、入力補完(検索)し…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScriptとは何か?歴史の勉強備忘録

はじめに JavaScriptとは何か?歴史の勉強備忘録 JavaScriptとは JavaScriptエンジンによって事前コンパイル無しで実行されるプログラミング言語 コンパイルなしとは機械語に…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Next/Reactで関数内の変数が予期せず初期値になることについて

以下のような変数を関数コンポーネント内部で定義したとします。その後に // ..でuseEffectでimagesOnWaitingListにAPI経由で取得した値を配列に格納することがありました。…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

kintoneの添付ファイルフィールドから画像をURLとして取得

 fetchで書いて関数化してみた async function getImageURL(fileKey){ const url = 'https://ドメイン.cybozu.com/k/v1/f…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

未経験で独学中

・pythonを勉強するが。。 だめです。未経験で募集がありません。 私は、工業高等専門学校の機械科を専攻していたのですが、意外にもプログラミングとかかわることが多く、卒業研究で「機械学習についてや…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

TypeScript(JavaScript)によるカタカナ五十音順の行を判定

コード const handleNameCode = (str: string): string => { const kana: Map<number, string> = new Map([ …
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

DockerでVue+Node(Koa)+Nginx+MongoDB環境を作る

この記事のアピールポイント 初心者に最適 フロントエンド開発者に最適 0.事前準備 インストール 以下のソフトウェアと環境のインストールが必要です。 Docker以及docker-compose(…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【Google MAP】2点間orクリックによる多地点間の距離を取得する(直線距離)

はじめに GoogleMAPで距離を知りたい、ということはよくあります。普通に、GoogleMAPで「出発地」「目的地」「移動手段」を入力すれば、簡単にルートと距離を知ることができます(本当に素晴…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

NHK-FMのJAZZ

NHKのAPIを使って向こう一週間のJAZZの放送の一覧を作ってみました。 NHK番組表APIのジャンルID(genre)の説明のARIBのpdfのURLがリンク切れになってるうえに、一般向けにはS…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

5行でわかるプッシュ通知【VAPID】

HTMLとサービスワーカーしかない簡易なサイトを作りました。 ここに通知機能を実装してみてください😸 https://github30.github.io/web-push-study/ ソース h…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【JS / TS】Hooks がわからんのではない、分割代入をわかっていないだけ(複雑な分割代入編)

0.はじめに 分割代入の第3段の記事になります。 今回は、複雑な分割代入編の記事となります。 オブジェクト編 、配列編の記事も見て頂けると、うれしいです。 間違って解釈している所ありましたら、ご指…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

for、forEach、mapの使い方

動作環境 Node.js v16.14 Ubuntu20.4 (Vagrant + Windows10) はじめに JavaScriptで配列を処理する方法はいくつかあります。色々なパターンを試し…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む