20230601のJavaScriptに関する記事は18件です。

React コンポーネントのアンマウント時に最新のコールバック関数を実行する

useEffectフックを使って、コンポーネントがアンマウントされるときにクリーンアップ処理を実行することは一般的です。しかし、クリーンアップ処理がコンポーネントのライフタイム中に変更される場合、問…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

V3系symbol-sdkを速習Symbol風にブラウザコンソールから使用する

速習Symbolなどではsymbol-sdkをbroserifyしたものをブラウザコンソールから読み込み、コマンドプロンプトに対話形式でSymbolを素早く学べるコンテンツを提供していました。 しか…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【JavaScript】innerHTMLを利用した言語切り替え機能

はじめに JavaScriptのinnerHTMLを使用したボタンによる「日⇔英」言語切り替え機能です。 言語に関しては、ブラウザから言語を取得したり、言語によってフォントを指定したりなど、なかなか…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Bootstrap-Table内画像リンク切れ魔貫光殺砲(蜃気楼編)

概要 Bootstrap-Table を利用したテーブルに表示している画像のリンク切れ(蜃気楼)を検知し、デフォルト画像(No image)に差し替える(魔貫光殺砲)スマートな方法 方法 Boots…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

ReactでAPIを叩いたときに429が返ってきた話

はじめに 楽天のAPIを使ってReactのアプリケーションを作ろうと思ってたんですが、まぁー詰まった。。 https://webservice.rakuten.co.jp/ APIを1回しか叩いてい…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【LINE WORKS】WOFFからkintoneへデータ連携

はじめに WOFF を使って、LINE WORKSからkintoneへデータを登録するWebアプリを作ってみた。 構成図 今回はバックエンドにAWS LambdaやS3を使ったサーバーレス構成にした。…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

プログラマーへの道 #11 配列と繰り返し(プログラミング入門)のメモ

参考にした動画 https://youtu.be/hHFXsqLhgO4 学んだこと 31:12のあたり ・getElementById() と getElementsByClassName() ・…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScript 非同期処理について

概要 JavaScriptは非同期処理を行うための強力な機能を提供してくれています。これによりネットワークリクエストやデータベースクエリなどの時間のかかる操作を比較的効率的に行うことができます。 こ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

格ゲー用のゲームコントローラーの入力を表示するインストール不要の配信ツール作ってみた

こんな感じのを作ってみました デモはこちらから https://tkyko13.github.io/GamepadVisualizer/public/ そう!ブラウザのみでできます! JavaScr…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

変数の命名のコツ(JavaScript)

注意 この投稿は初心者向けです。一部の内容は正しさよりも分かりやすさを優先して執筆しています。 少しずつ加筆していきます。 サンプルコードをJavaScriptで記述していますが、基本的に他の言語で…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Bootstrap-Datepickerで複数のformatを指定する

環境 Bootstrap-Datepicker ver.1.9を使用(1.10でも動作確認済) やりたいこと 複数のformatで入力したい。 例えば、'yyyy/mm/dd' でも 'yyyymm…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

DOMとは

はじめに 最近JavaScriptの学習を始めて、基本的な文法などはスラスラ学習できていたのですが、DOMについての学習フェーズに入った際に苦戦したので、記事に起こして自分の考えをまとめていこうと思…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【Web開発入門】JavaScript応用編1 - DOM操作でタイマーを作ってみる

この記事は、大学の技術系サークルにおいて、後輩の学習用コンテンツとして著したものです。内容について、まずは技術を触れてもらうという目的で制作しているため、私自身の実装が下手だったり、正確性に欠ける…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

SAA落ちたのでゲームにしてみた

はじめに なんてこった ! 今回使ったもの ・EC2インスタンス ・VScode ・node.js、apache ・html、javascript 大まかな手順 ①EC2インスタンス1台用意、apa…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Atomic Design【初心書🔰】

Atomic Designは、ウェブデザインと開発のフローを改善するための方法論です。 この手法はブラッド・フロストによって提唱され、それ自体が生物学の原理に基づいています。 それでは、具体的な例を…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

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

プログラミング超初心者がRubyとJavaScript入門編を学び、次へ進もうとすると理解したことを忘れるため備忘録目的で記事を書きました。 具体的な取り組み方法[^1]。 取り組むときの注意^2。 [^1]: 回答用のファイル(mdファイル)を別途用意して練習帳(この記事)のコードをコピーする。回答用の中にある《答え》の部分を《回答欄》に置き換え、すべてのコードを削除。回答用のファイルをVSコードで開き、コードを書く。やり方…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【JavaScript】Weather App開発でAPIを使ってみた話

はじめに  今回は、天気アプリの作成中OpenWeatherのAPIを利用してみた際に、async/awaitの他にfetchの知識が必要でしたので、復習がてらに使い方を確認していきたいと思います。 JavaScript~async/await、fetch編…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

C#で、JavaScriptのmap関数っぽく2次元配列を作る

否応なく触れる機会が増すJavaScript 自分がJavaScriptを書くなどとは思ってもみなかった。 Html+CSS+JavaScriptは、今更言うまでもなく、Webページ作成の為の重要な…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む