JavaScript関連のブログに集まってほしいです。
はてなブログを持っていれば、誰でも参加できます。
概要 OpenAIのChatGPTさん、めっちゃ頭良いけど、自分しか持って無くてインターネットに公開していない情報については回答してくれないので、自分しか持ってないドキュメントの内容に関する質問に回答してくれるプログラムを作ってみたので、その備忘録。 GitHubリポジトリ こちらのリポジトリにソースコードはアップロードしています。 github.com 使う技術 Node.js(バージョン18.…
よくやってしまいがちな日本語タイトルのままのブログ記事投稿。 一応モダンブラウザだと問題なく日本語URLで表示されますが、サーチコンソールでチェックしづらく、SEO的にもイマイチそうな文字化けの可能性があるURLになってしまいます。 ですので、気づいたらURLを正しく半角英数の自然なものに変更し、JavaScriptを使ってリダイレクトさせています。 その際につけてもらったはてなスターが消えてしま…
React Advent Calendar 2022 9日目の記事です。早速ですがみなさん、Reactに多言語対応ってどうやって実装してますか?いろいろな方の記事を拝見すると、どうやら巷ではi18nextを使うのが一般的のようです。しかし本記事ではあえての車輪の再開発!hookを使った自力での実装について書いていきます。
ども、@kimihom です。 久々に無限スクロールを実装する機会が 詠みラボで発生しました。そこで、振り返りがてら、こんな感じで実装するのが個人的に一番シンプルだったコードをご紹介します。 サーバー側実装 俳句(Haiku) をそれぞれ20句ごとに毎回取得し、スクロール下部についたら新しく20件を取得します。HTMLの生成は Rails サーバー側で実施し、それをフロントエンド側では単に HTM…
最初にひとこと: POSTをブックマークすることはできません。 経緯 最近また本業でWebサービスの開発とかやってます(しかもJava)。 で、Webサービスの画面って当然ログイン画面があって、開発中は対象の画面だけテストしたいんですが、毎回毎回ログインするのが大変なんですよね。 解決方法としては、PuppeteerでE2Eテストを自動化したり、デバッグ(開発中)モードであればログインをすっ飛ばす…
こんにちは。今回はIFTTTを使って在宅時間のモニターシステムを作ってみようと思います。 背景 システム構成 IFTTTの設定 Google APIの設定 サーバー上でのCSVデータ変換(python) Chart.jsでの在宅状況表示 背景 私は仕事の関係で出張と在宅勤務が非常に多いです。 そこで、出張が多い時は家の稼働率がどのぐらいなのか、在宅勤務時はどのくらい移動していないのかという参考にこ…
Pop It StepのLevel100到達をポイ活の観点でまとめます。 COINCOME(コインカム)で【400円】です。(掲載当時) COINCOMEは「アプリポイントあんしん保証」があるのでおすすめです! 簡単なゲームなのでテレビを見ながらとか片手間でプレイできます。 このゲームでのLEVELとはステージのことです。なのでステージ100に到達することが条件となります。 ■かかった日数 4~5…
Firestoreセキュリティルール向けのファイル結合ツールを作ってみたので、簡単に使い方などを紹介したいと思います。 作成したCLIツールは以下 Firestoreセキュリティルールに限らず、テキストファイルであれば何でも使えるので、ツール名はincludeとしています。 本記事ではFirestoreセキュリティルールとMarkdownの結合を例に、使い方を紹介したいと思います。 目次 インスト…
AngularJSをサクッと覚える必要があったので勉強したメモ。 生のJSで扱おうと思うとアロー関数使うとうまく動かない箇所があったので、昔ながらの無名関数で書く。 中で呼び出すスクリプト等は学習時に利用した教材に合わせているため古い。 記事中のコードはここにあります 最小限のアプリケーションの作成 ng-modelによる双方向バインディング ngRouteを使ったルーティング ルーティング時にp…
次のページ