20230604のJavaScriptに関する記事は23件です。

Astroの画像インテグレーションAstro ImageToolsを使うときに注意すること

はじめに Astroの画像インテグレーションは、公式Docsで記載されている@astrojs/imageか、Astro ImageToolsが有力な選択肢です。 その2つから私が選択したのは、Ast…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Promiseの理解(JavaScript):例え話として当てはめた件

JavaScriptに於ける、Promiseの入口として、私が理解のために考えた例え話です。認識はあっているでしょうか? C子ちゃんとお母さん:の例え話 シナリオ ある日、C子ちゃんがお母さんに、お…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScriptのコールバック関数について

コールバック関数とは、関数の中で、引数として呼び出される別の関数を指す。 下記の例では、関数displayに引数として呼び出されている関数callbackFunctionをコールバック関数と呼ぶ。 …
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Promise、async/await

Promiseの基本 非同期処理を行うためのPromise、async/awaitについて解説していきます。 Promiseは「pending」、「fulfilled」、「rejected」の状態を…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScriptのmapメソッドについて

はじめに 実務でmapメソッドについて触れる機会があり、foreachメソッド、filterメソッドとの違いについて調べた内容の備忘録です。 結果 ・forEachメソッドは処理を実行するのみで、戻…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

AkashicEngineを使用して簡易的なHSVツールを自作した

HSLツールのコード function main(param) { let scene = new g.Scene({ game: g.game, // このシーンで利用するアセットのIDを列挙し、…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【3Dソフト不要】AWS TwinMakerで始める、普通のカメラ&いらすとやで作る3D空間

この記事について この記事では、PNG画像でTwinMakerの3D空間を作る方法を紹介します。 どうやって? ・PNG画像、パノラマ画像、RICHO THETAの360度画像などをTwinMake…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【3Dソフト不要】AWS TwinMakerで始める、身近なカメラ&いらすとやで作る3D空間

この記事について この記事では、PNG画像でTwinMakerの3D空間を作る方法を紹介します。 どうやって? ・PNG画像、パノラマ画像、RICHO THETAの360度画像などをTwinMake…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

[DOM操作] .append('テキスト') ←なぜテキストが直接入れられるのか疑問に思った

はじめに DOM操作の学習をしている際に、.appendの引数に渡せるものとしてオブジェクトとテキストが紹介されていました。   想定通りに動くのでいいのですが、なぜテキストはこんなにシンプルに渡せ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【つくってみた】店舗ごとのシフト管理サービスをリリース

作ったもの 複数店舗のシフト管理サービス https://smakerapp.com/ 作った経緯 仕事では企画的なことやお客様との調整ごとが多く、開発することから離れつつあった 昔、学生時代にバイ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Denoでaws-sdk-js-v3を利用してMinIOの操作を行う

開発時におけるS3互換ストレージとしてMinIOを利用しています。 互換のためAWS SDKを利用することも可能であり、本番時と開発時では接続情報を変えるだけで良いので非常に便利です。 今回はDe…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【プログラミングクイズ】JavaScript オブジェクトフィルタリングの問題

問題 あなたは次のような構造を持つ配列を操作することになりました。 const categories = [ { categoryName: 'Fruits', isDisplay: true, s…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【プログラミングクイズ】配列に登場する過半数を占める数字の出力

問題 あなたには配列が渡されます。その配列には必ず過半数(つまり、配列の長さの半分を超える)を占める数字が1つだけ存在します。配列に登場するこの過占数の数字を出力する関数を作成してください。 例えば…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【Ruby&JavaScript入門】プログラム初心者が複数のプログラミン言語を比較しながら復習するための練習帳《その2》

プログラミング超初心者がRubyとJavaScript入門編を学び、次へ進もうとすると理解したことを忘れるため備忘録目的で記事を書きました。その第2弾です。 具体的な取り組み方法[^1]。 取り組む…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

import hoge from @/hogeの@記号の理解と活用(パスエイリアス)

初めに 最近、ReactやTypeScriptのコードを見ていて、 import hoge from '@/hoge' のような形式のインポート文を見かけたり、フォルダ名が『@hoge』というプロジ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

駅の浸水リスクをざっくり可視化する

はじめに 鉄道はいろいろな地域を走っていきます。その中には、様々な災害リスクがあることでしょう。普段使っている鉄道路線ですが、駅ごとにどのような災害リスクがあるのかを視覚化できると、災害への意識の普…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

LINE Botの開発の際のエラーをいい感じに出したい

Node.jsでLINE Botを作る時は以下のSDKを使うのが一般的になってると思います。 https://github.com/line/line-bot-sdk-nodejs こちらのSDKで…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScriptのES ModuleのExport・Importについて

ES Moduleとは、JavaScriptのファイルを一つをモジュールという単位にして、ファイルごとに機能を管理することを指します。 ファイルはそれぞれ独立していて、ファイル外部から別ファイルに定…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Denoでプロセス置換付きでshellを実行するには

今回は、Denoでプロセス置換付きでshellを実行する方法がわかったのでシェアしたい。 スニペット:文字列を格納した変数の差分を確認する const a = "hello\nworld"; con…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

BCASim(Blockchain Attack Simulator):ブロックチェーンシミュレータ

BCASim(Blockchain Attack Simulator):ブロックチェーンシミュレータ BCASimはオープンソースのブロックチェーンシミュレータです。利用者はノードの動作シナリオとプ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

ブロックチェーンシミュレータで攻撃を可視化してみた!

BCASim(Blockchain Attack Simulator):ブロックチェーンシミュレータ BCASimはオープンソースのブロックチェーンシミュレータです。利用者はノードの動作シナリオとプ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

ウェブサイト模写:HTML、CSS、JavaScriptを活用した学習方法

ウェブ開発を学び始めると、すぐにHTML、CSS、JavaScriptという三つの核心的な技術に出会います。この三つを理解し、それらをどのように組み合わせて使うかを学ぶことが、ウェブ開発の基礎となり…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

モーダルウィンドウの意図しない挙動をバブリングを止めて修正した話

この記事について 今回は、Webページの模写の一環でモーダルウィンドウを実装しようとした際に起きた予期せぬ挙動とその解決方法を備忘録として残しておこうと思います。 やりたいこと、前提条件・環境など …
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む