はじめに 前記事に続き、今回は標高を求めてみます。 地理院タイルが取得できることを前提に、標高タイルを読み込み、指定した地点の標高を算出します。 https://qiita.com/murasuke…
使用するAPI 今回は、GitHub APIからJSONを取得します。 APIのエンドポイント 以下のエンドポイントで、リポジトリ内のプルリクエストの履歴が取得できます。 https://api.g…
こんにちは。船井総研デジタルのいっちーです。 前回の記事では、サーバーと画面の間でやり取りされるデータの考察と、それに基づいてControllerクラスの修正を行いました。 https://qiit…
前書き この記事はシリーズ 「ちょっとがんばるWebサイト開発 on Webpack5」 の記事です。 シリーズ全体の概要は 以下のリンク先記事 にまとめられています。 https://qiita.…
ブラウザをロードしても投稿したメッセージが残るようにするには、投稿されたメッセージをブラウザのローカルストレージに保存する必要があります。以下は、JavaScriptを使用して掲示板を作成し、投稿さ…
コード例 pdfMake.createPdf( { content: [ { // ... }, { // ... pageBreak: 'before', }, { // ... pageBrea…
対象読者 JavaScript初心者 JavaScriptの非同期処理について学んだけど実際には使ってみたことはない人 Node.jsで対話式のCLIツールを作ろうとしている人 完成したツールを教え…
記事の内容 業務でアップロードしたglbファイルを3D表示させたいという要件があり、three.jsを使用しmodal上で表示させることになりました。そのため、実装するにあたり学習したことをコードを…
はじめに 配列の中からランダムな要素を返すメソッドを、 配列からそのまま呼び出せたら便利そうだと思ったので実装してみました。 イメージ const arr = ["a","b","c","d"] /…
React公式サイトのドキュメントが2023年3月16日に改訂されました(「Introducing react.dev」参照)。本稿は、基本解説の「State: A Component's Memo…
react-routerを使った画面遷移を行う 今回はReact Router v6を使った画面遷移です。 v5とは書き方が変更されているようです。 メインの画面 import "./styles/…
interfaceとtypeの違いとは？ interfaceとtypeは両方とも型の定義に使用されますが、それぞれ異なる目的で使用されます。 interface interfaceは主にオブジェクト…
オブジェクトの省略 const name = "清水"; const age = 24; const user = { name:name, age:age, }; //下記のように省略できる co…
はじめに みなさんはちゃんとアクセシビリティを意識して開発できていますか？ 必要なところに role属性 を記述したり、tabキーでフォーカスが当たるようにしたりなど、意識しないといけないことも多い…
esbuild を使おう この記事はバージョン 0.17 時点での内容です。 esbuild とは esbuild は Webpack に代表されるモジュールバンドラの 1 つで、複数の Javas…
ESLintがとても有難いツールであることに間違いはないと思いますが、プロジェクトの途中から導入するとなかなかツラいものがありますよね・・・。 例えば、こんな箇所に・・・ const MyIcon …
