20230523のJavaScriptに関する記事は24件です。

受験は情報戦!MBAの受験情報をYouTubeで日常的にキャッチアップするためのLINE BOTをつくってみた

このLINE BOTをつくった背景 僕はこ大学2年生の頃から合わせると、なんだかんだんだで20年以上、事業開発、とりわけ新規事業の開発に取り組んできた。望んでやってきたというより、大学中退してろくな…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

ReactとかNextを使うことになったから頑張る①

はじめに 本記事は最終的にNext.jsがなんとなくわかるようになるまでを目標に書いています。ほぼ備忘録的な使い方をしているので、同じような考えの方いたら是非ストックを! 本記事は参考文献にあります https://www.udemy.com/course/react-complete-guide…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【AdminLTE3】ウィンドウ幅の変更によりサイドバーが勝手に開閉する機能をオフにする

問題 AdminLTE3にて、ウィンドウ幅を992pxをまたぐように変更すると、サイドバーが勝手に開閉する。 広げると開き、狭めると閉じる。 私は勝手に開閉してほしくなかったので、どうにかして解決法…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Falcorのインストール方法

こんにちは!今日はJavaScriptライブラリの一つ、Falcorのインストール方法についてわかりやすく説明します。 Falcorについては以下の記事をご参照ください。 https://qiita…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【初心者】React,Next.jsの門をたたくために利用した教材の共有

はじめに 業務ではバックエンドでPHP(Laravel)を利用して開発しています。 技術のキャッチアップのため、自分でアプリを開発してみたりしますが、バックエンドオンリーの技術スタックでは開発してい…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

[Vue.js]Vue-multiselectで綺麗なセレクトボックスを秒で実装する

初めに こんにちは。皆さんお元気でしょうか。 職務の中でVue.jsを使って開発をしているのですが、ここ最近Vue.jsにはたっっくさんの便利なライブラリが存在することを知りました。本記事では、その…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

[備忘録] jsで任意のulにliを追加する方法

<ul id=list> <!-- ここにJSでリストアイテムを追加したい! --> </ul> // 親要素を指定する var list = document.getElementById('li…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

[Deno] FreshでHonoのRPCモードを使う 🍋+🔥

🍋Freshについて FreshはDeno社製のWebフレームワークです。 Fresh [Deno] Fresh入門ハンズオン ~ プロジェクト作成からデプロイまで Next.jsのようなファイルシ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

スクロールの動きに合わせてアニメーションを実装[AOS.js]

AOS.jsとは スクロールの動きに合わせてアニメーションを実装することができる拡張機能。 実装 今回はCDNを使用して実装していきます。 1.CDNを読み込むためのコードを記述 コードが変わってい…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

NPMでインストールしたパッケージをJavaScriptとHTMLで使うためのセットアップ

調べた発端 素のjavascriptには落とし穴がある。初心者の方も、React使いの方もハマる落とし穴がある。 今回、素のJavascript+HTMLの構成で、npm installで落としたパ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

いつかリアルでも九州温泉道八十八湯巡りをしてみたい!擬似巡り好きな私に毎日、温泉情報を教えてくれるボットを試作してみた!

作品紹介 毎日お昼休みに九州温泉道八十八湯の宿泊施設情報をLine通知してくれるボットを作ってみました! 作ろうと思った理由 私、毎日、お昼休みにウォーキングをしているのですが、続ける上で何か具体的…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【Javascript】オブジェクト同士を比較できない理由 - オブジェクトの比較と参照

オブジェクト同士を比較できない理由 const cat = { type: 0 } const chat = { type: 0 } console.log(cat == chat); // fal…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【Javascript】参照と分割代入

分割代入 const a = { prop: 0 } let { prop } = a; // ◀︎ 分割代入 prop = 1; console.log(a, prop); // {prop: 0…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【JavaScript】参照とコピー

🙆‍♀️ 参照について プリミティブ型のコピー VS オブジェクトのコピー プリミティブ型のコピー 参照先の値がコピーされる let a = 'こんにちは' let b = a; b = 'さような…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

夫婦の危機をChatGPTが救う!?はじめてのJavaScript 青森のラーメン屋をLINEに通知してみた

1. プログラムがわからない非エンジニアがChatGPTにコードを書いてもらうまで 突然ですが、ChatGPTに青森県のラーメン屋さんをLINEに送るコードをJavaScriptで書いてもらいました。…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React + TypeScript: コンテクストでデータを深い階層に渡す

React公式サイトのドキュメントが2023年3月16日に改訂されました(「Introducing react.dev」参照)。本稿は、基本解説の「Passing Data Deeply with …
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

jQueryからVanilla JS(ピュアなJavaScript)に書き換える時によく使うもの

Vanilla JSとは素のJavaScript、すなわち純粋なJavaScriptのことを言います。 jQueryで記述していたコードをVanilla JSに書き換える時によく使うものをまとめてみ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

プリザンターで手書きサインを入力できるようにする

概要 店舗での決済や現場での作業報告などでタブレット端末を利用した手書きの電子サインが用いられることがあります。この手書きサインをプリザンターのスクリプトやスタイルの機能を用いて実装する方法をまとめ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScriptにおける非同期処理とは

はじめに 今回はフロントエンド側のJavaScript(ブラウザ環境)の非同期処理の解説になります。 引用された個所は 独習JavaScript 新版 の内容を使わせていただきました。 スレッド 非…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

子供の想像力を無駄にしません!想像したものは溜めておこう!

アニメ「ワンピース」にハマっている息子 小学2年生の息子はワンピースにハマっています。毎日、どの悪魔の実が最強かを熱く語ってくれます そして、HPで悪魔の実ランキングを眺めてはニヤニヤしています。 …
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【初心者】フロントエンド入門

はじめに 業務ではバックエンドでPHP(Laravel)を利用して開発しています。 技術のキャッチアップのため、自分でアプリを開発してみたりしますが、バックエンドオンリーの技術スタックでは開発してい…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

reduce関数の第二引数 initialValueに配列を指定することで実現する累積和の実装

普通に考えたらそこまで難しくないが、あまりこのような書き方を見なかったのでメモ。 たとえば、配列の値を条件分けしてそれぞれの値を集計したいタスクを考える。 一番シンプルに考えるのであれば、事前に変…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

reduce関数の第二引数 initialValueに配列を指定することで実現する集計配列の実装

普通に考えたらそこまで難しくないが、あまりこのような書き方を見なかったのでメモ。 たとえば、配列の値を条件分けしてそれぞれの値を集計したいタスクを考える。 一番シンプルに考えるのであれば、事前に変…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScript周りの知識をまとめる

はじめに JS周りで色々と知らないことがあったので、ここらでまとめておきます キーワード javascript, ECMAScript, babel, polyfill, core-js 目次 JS…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む