20220926のJavaScriptに関する記事は16件です。

プロトアウトスタジオの投稿記事、読むのを習慣化するためにLINE BOTを作ってみた。強くなりたいので。

そもそもの動機 「強くなりたい」 史上最強の男にだれでも一度は憧れるものです。 とはいえ、僕は筋力が無ければ、運動神経も悪い、ただの独身男性なので早々と断念しました。 方向性をぐるんと変えて、「妄…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Next.jsで画像とメタデータとCSS ModuleとGlobal Stylesを扱う

はじめに Next.jsで画像とメタデータとCSS ModuleとGlobal Stylesを扱うための方法を学習した内容をまとめます。 https://nextjs.org/learn/basi…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【Deno】「やっぱnpmをサポートするわ」 → 10日後「サポートしたわ」

Denoは、Nodeの作者がNodeの反省を生かして作り上げたランタイムシステムです。 Nodeより高速・高性能で使い方も容易です。 が、いまいち流行ってない理由の大きなひとつがnpmが使えないこと…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

GoogleスプレッドシートAPIをサービスアカウント認証方式でNode.jsから利用する

Google系のAPIはOAuth認証、サービスアカウント、APIキーの利用の3パターンあると認識してますが、簡単な読み書きくらいのやりとりだとサービスアカウント利用は手ごろです。 参考 Googl…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

[JavaScript] canvasにマウスでお絵描きする現代的な方法

JavaScriptでcanvasを使ってマウスでお絵描きするコードの紹介。 動作サンプルとソースコード 以下の動作サンプルの赤枠の中で、マウスをドラッグすると線を描くことができます。 https:…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

[JavaScript] マウスでcanvasにお絵描きする現代的な方法

JavaScriptでマウスを使ってcanvasにお絵描きするコードの紹介。 動作サンプルとソースコード 以下の動作サンプルの赤枠の中で、マウスをドラッグすると線を描くことができます。 https:…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

htmlとJavascriptを分割するときの注意点

htmlとJavascriptを分割のときの注意点 こんにちは、今回も少量ですが投稿しようと思う。 FlaskでWEBアプリケーションを作っている。ただ、使いやすさ追求のためにJavascript…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

asyncなscript要素で読み込むライブラリと依存コードを同期的に実行する方法(3)

script要素.onloadイベントで読み込み完了を取得する方法 というわけで、 前々回のasyncなscript要素で読み込むときの問題点 https://qiita.com/toshirot…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【保存版】Vue.jsの基礎、テンプレート構文 v-bind、v-on

Vue.jsの基礎を思いだす 備忘録をかねて視覚的にわかりやすいようにVue.jsの動きをまとめていきたいと思います。 今回はMDNを使用しています。 <script src="https://c…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Vue.js コンポーネント検証

どうも、豚野郎です。 今回はコンポーネントを使ってみようと思います。 今回もソースの動きを見ながらの検証です。 ドットインストールのソースを参考にしています。 (プログラムは異なります) 1. コン…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

asyncなscript要素で読み込むライブラリと依存コードを同期的に実行する方法(2)

読み込むライブラリファイルに依存コードを同梱する方法 追記:w3cのSCRIPT要素の仕様にみあたら無いということで下記の方法を試したのですが、よく考えたら scriptElement.onloa…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Python,Ruby,PHP,Java,JavaScript,Perlの文字コードの比較

Qiita > プログラミング言語の比較 Python,Ruby,PHP,Java,JavaScript,Perlの文字コードの比較 Python https://qiita.com/ny7760/…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Async Generatorによるイベント処理のリファクタリング: お絵かきアプリを例に

JavaScriptのもつ言語機能のなかで、なかなか理解が難しいとされるものにPromiseとGeneratorがあります(自分調べ) 。特にこれら2つが組み合わさったAsync Generator…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

あるHTML要素配下のテキストを一文字ずつ抽出する

body内に書かれているテキストをJavaScriptで一文字ずつ取得したい!!!というニッチな要望に応える記事です。 たとえば? <html> <head> <title>たとえば?</title…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

unreachableを活用しよう

unreachableってなんですか unreachableとは下記で示される関数のことで、要するに到達して欲しくない & し得ない場所に防御的に使う関数です。 export const unre…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

asyncなscript要素で読み込むライブラリと動作を同期的に実行する方法(1)

ページの読み込み速度は、秒の闘いで、3秒待たされたらお客が半分以下になる世界です。 ところが、JavaScriptやCSSなどは、外部からコード読み込んでいる間、ブラウザのレンダリングをブロックし最…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む