- 投稿日:2022-09-26T22:29:08+09:00
プロトアウトスタジオの投稿記事、読むのを習慣化するためにLINE BOTを作ってみた。強くなりたいので。
そもそもの動機 「強くなりたい」 史上最強の男にだれでも一度は憧れるものです。 とはいえ、僕は筋力が無ければ、運動神経も悪い、ただの独身男性なので早々と断念しました。 方向性をぐるんと変えて、「妄…
- 投稿日:2022-09-26T19:51:41+09:00
Next.jsで画像とメタデータとCSS ModuleとGlobal Stylesを扱う
はじめに Next.jsで画像とメタデータとCSS ModuleとGlobal Stylesを扱うための方法を学習した内容をまとめます。 https://nextjs.org/learn/basi…
- 投稿日:2022-09-26T19:45:28+09:00
【Deno】「やっぱnpmをサポートするわ」 → 10日後「サポートしたわ」
Denoは、Nodeの作者がNodeの反省を生かして作り上げたランタイムシステムです。 Nodeより高速・高性能で使い方も容易です。 が、いまいち流行ってない理由の大きなひとつがnpmが使えないこと…
- 投稿日:2022-09-26T17:42:52+09:00
GoogleスプレッドシートAPIをサービスアカウント認証方式でNode.jsから利用する
Google系のAPIはOAuth認証、サービスアカウント、APIキーの利用の3パターンあると認識してますが、簡単な読み書きくらいのやりとりだとサービスアカウント利用は手ごろです。 参考 Googl…
- 投稿日:2022-09-26T17:42:28+09:00
[JavaScript] canvasにマウスでお絵描きする現代的な方法
JavaScriptでcanvasを使ってマウスでお絵描きするコードの紹介。 動作サンプルとソースコード 以下の動作サンプルの赤枠の中で、マウスをドラッグすると線を描くことができます。 https:…
- 投稿日:2022-09-26T17:42:28+09:00
[JavaScript] マウスでcanvasにお絵描きする現代的な方法
JavaScriptでマウスを使ってcanvasにお絵描きするコードの紹介。 動作サンプルとソースコード 以下の動作サンプルの赤枠の中で、マウスをドラッグすると線を描くことができます。 https:…
- 投稿日:2022-09-26T16:29:05+09:00
htmlとJavascriptを分割するときの注意点
htmlとJavascriptを分割のときの注意点 こんにちは、今回も少量ですが投稿しようと思う。 FlaskでWEBアプリケーションを作っている。ただ、使いやすさ追求のためにJavascript…
- 投稿日:2022-09-26T16:06:40+09:00
asyncなscript要素で読み込むライブラリと依存コードを同期的に実行する方法(3)
script要素.onloadイベントで読み込み完了を取得する方法 というわけで、 前々回のasyncなscript要素で読み込むときの問題点 https://qiita.com/toshirot…
- 投稿日:2022-09-26T15:43:34+09:00
【保存版】Vue.jsの基礎、テンプレート構文 v-bind、v-on
Vue.jsの基礎を思いだす 備忘録をかねて視覚的にわかりやすいようにVue.jsの動きをまとめていきたいと思います。 今回はMDNを使用しています。 <script src="https://c…
- 投稿日:2022-09-26T14:37:46+09:00
Vue.js コンポーネント検証
どうも、豚野郎です。 今回はコンポーネントを使ってみようと思います。 今回もソースの動きを見ながらの検証です。 ドットインストールのソースを参考にしています。 (プログラムは異なります) 1. コン…
- 投稿日:2022-09-26T11:03:30+09:00
asyncなscript要素で読み込むライブラリと依存コードを同期的に実行する方法(2)
読み込むライブラリファイルに依存コードを同梱する方法 追記:w3cのSCRIPT要素の仕様にみあたら無いということで下記の方法を試したのですが、よく考えたら scriptElement.onloa…
- 投稿日:2022-09-26T08:35:41+09:00
Python,Ruby,PHP,Java,JavaScript,Perlの文字コードの比較
Qiita > プログラミング言語の比較 Python,Ruby,PHP,Java,JavaScript,Perlの文字コードの比較 Python https://qiita.com/ny7760/…
- 投稿日:2022-09-26T07:42:13+09:00
Async Generatorによるイベント処理のリファクタリング: お絵かきアプリを例に
JavaScriptのもつ言語機能のなかで、なかなか理解が難しいとされるものにPromiseとGeneratorがあります(自分調べ) 。特にこれら2つが組み合わさったAsync Generator…
- 投稿日:2022-09-26T01:36:35+09:00
あるHTML要素配下のテキストを一文字ずつ抽出する
body内に書かれているテキストをJavaScriptで一文字ずつ取得したい!!!というニッチな要望に応える記事です。 たとえば? <html> <head> <title>たとえば?</title…
- 投稿日:2022-09-26T01:09:07+09:00
unreachableを活用しよう
unreachableってなんですか unreachableとは下記で示される関数のことで、要するに到達して欲しくない & し得ない場所に防御的に使う関数です。 export const unre…
- 投稿日:2022-09-26T00:48:12+09:00
asyncなscript要素で読み込むライブラリと動作を同期的に実行する方法(1)
ページの読み込み速度は、秒の闘いで、3秒待たされたらお客が半分以下になる世界です。 ところが、JavaScriptやCSSなどは、外部からコード読み込んでいる間、ブラウザのレンダリングをブロックし最…