Astroというフレームワークをご存知でしょうか。 https://astro.build/ 昨年リリースされた比較的新しいフレームワークで、静的サイト生成を行うためのフレームワークです。 従来は静…

はじめましてこんにちは、ひょうどうです。 今回は、コーディング時間を節約できる１行のJavaScriptコード２０点を紹介します。 １）配列内の数値の最大値を取得する Math.max(...arr…

書き方 // 通常の関数 function fn(number) = { return number * 2 } //　無名関数 const fn = function(number) = { re…

正規乱数をプロットする 前回、一様乱数を出力して、一つ一つの値を一本の縦線で表示し、なんだかバーコードみたいな画像を作ってみました。今回は、これに修正を加えて、 乱数を正規乱数にする 平均値・分散・…

連番 (paizaランク A 相当) https://paiza.jp/works/mondai/binary_search_advanced/binary_search_advanced__seq…

今日の洗練された時代では、すべてを簡単に学ぶことができます。たとえば、プログラミングは独学で学ぶことができます。プログラミングとは正確には何ですか？プログラミングは、コンピューター上でプログラムを作…

皆さん、こんにちは！テクノロジーに関する有用な情報を共有しますが、より明確にするためには、プログラミングの世界です。 「プログラミング」と聞いて何を思い浮かべますか？コーディング？それともコンピュー…

batch処理で一括書き込みできる Firestore の batch write を使用することで、500件ずつのドキュメントの更新を行うことができます。以下は Node.js でのサンプルコード…

「`」(バッククォート)を使うと、簡単に文字列に変数を埋め込むことができる。 「`」で括った文字列の中に、${[変数名]}の形で変数名を書けばよい。 クラスのメンバ、数式なども指定することが可能。改…

はじめに まず、この記事を書いている私がReact、MUI歴３ヶ月ちょっとの半端者です。 そのため、フィーリングで書いている部分が多々あります。 間違っている部分があるかもしれませんがとにかく実装す…

Level 400 / AWS SDK v3 + Cognito Identity Pool + IAM Role + Permission 概要 この記事は、AWS SDK を v2 から v3 …

vueの画面を作成していたときに、 DateオブジェクトのgetFullYear メソッドの使い方に慣れず 苦戦したことがありましたので、メモ程度に書きたいと思います！ 目次 　事象説明 　間違って…

座標変換を理解するために、次のようなDOM構造を考えます。 （複雑さを排除するため、x と y（または width と height）は同じ値にしています） export function Comp…

完成イメージ はじめに Turbo では、フォームやリンクに data-turbo-confirm 属性をつけると確認ダイアログを表示できます。 https://turbo.hotwired.dev…

現在の構成 ローカルから踏み台サーバを経由してRDSに接続できるようになっています。 やりたいこと javascriptでDB(MySQL)のコネクションを作ってデータをローカルで取得したい 現状だ…

var selectedItems = app.activeDocument.selection; if (selectedItems.length == 1 && selectedItems[0]…

Next.jsチュートリアルの公式作例を、TypeScriptも加えて、一からつくってみるシリーズの最終回です。プログ投稿ごとのパスをデータから動的につくり、静的に生成した投稿ページにトップページか…

なにかと話題になるRecoilですが、未だ触ったことがなかったので公式ドキュメントを読みつつ、入門してみたいと思います。 本記事の目的 Recoilの公式ドキュメントのIntroductionとBa…

webp対応したときに、Lightbox系の画像にaリンクが必要な実装をした場合、対応ブラウザの可否で .webp と .png を書き換えなければいけなかったのでメモ。 前提：webp対応はMod…

目的 JavaScriptで日本語でのソートを行う際、意図した挙動にならなかったため自分なりに調べた結果をまとめました。 今回はこんな感じで単純な文字列をソートしていきます。 const array…

目次 なぜこのシステムを作ったのか 使用するツール・環境 ソースコードの解説等 スプレッドシートの中身 使用してみた結果 最後に 1. なぜこのシステムを作ったのか 正月太りしてしまった...ダイエ…

JavaScript初心者です。 初歩的なことかもしれませんが、調べてもなかなか見つからず時間がかかったので書きます。 事象 フォームに入力しようとクリックすると、スクロールしてトップに移動してしま…