- 投稿日:2023-05-23T20:27:55+09:00
受験は情報戦!MBAの受験情報をYouTubeで日常的にキャッチアップするためのLINE BOTをつくってみた
このLINE BOTをつくった背景 僕はこ大学2年生の頃から合わせると、なんだかんだんだで20年以上、事業開発、とりわけ新規事業の開発に取り組んできた。望んでやってきたというより、大学中退してろくな…
- 投稿日:2023-05-23T20:22:00+09:00
ReactとかNextを使うことになったから頑張る①
はじめに 本記事は最終的にNext.jsがなんとなくわかるようになるまでを目標に書いています。ほぼ備忘録的な使い方をしているので、同じような考えの方いたら是非ストックを! 本記事は参考文献にあります https://www.udemy.com/course/react-complete-guide…
- 投稿日:2023-05-23T20:01:38+09:00
【AdminLTE3】ウィンドウ幅の変更によりサイドバーが勝手に開閉する機能をオフにする
問題 AdminLTE3にて、ウィンドウ幅を992pxをまたぐように変更すると、サイドバーが勝手に開閉する。 広げると開き、狭めると閉じる。 私は勝手に開閉してほしくなかったので、どうにかして解決法…
- 投稿日:2023-05-23T18:57:16+09:00
Falcorのインストール方法
こんにちは!今日はJavaScriptライブラリの一つ、Falcorのインストール方法についてわかりやすく説明します。 Falcorについては以下の記事をご参照ください。 https://qiita…
- 投稿日:2023-05-23T18:33:41+09:00
【初心者】React,Next.jsの門をたたくために利用した教材の共有
はじめに 業務ではバックエンドでPHP(Laravel)を利用して開発しています。 技術のキャッチアップのため、自分でアプリを開発してみたりしますが、バックエンドオンリーの技術スタックでは開発してい…
- 投稿日:2023-05-23T18:11:30+09:00
[Vue.js]Vue-multiselectで綺麗なセレクトボックスを秒で実装する
初めに こんにちは。皆さんお元気でしょうか。 職務の中でVue.jsを使って開発をしているのですが、ここ最近Vue.jsにはたっっくさんの便利なライブラリが存在することを知りました。本記事では、その…
- 投稿日:2023-05-23T18:09:50+09:00
[備忘録] jsで任意のulにliを追加する方法
<ul id=list> <!-- ここにJSでリストアイテムを追加したい! --> </ul> // 親要素を指定する var list = document.getElementById('li…
- 投稿日:2023-05-23T17:51:37+09:00
[Deno] FreshでHonoのRPCモードを使う 🍋+🔥
🍋Freshについて FreshはDeno社製のWebフレームワークです。 Fresh [Deno] Fresh入門ハンズオン ~ プロジェクト作成からデプロイまで Next.jsのようなファイルシ…
- 投稿日:2023-05-23T17:21:17+09:00
スクロールの動きに合わせてアニメーションを実装[AOS.js]
AOS.jsとは スクロールの動きに合わせてアニメーションを実装することができる拡張機能。 実装 今回はCDNを使用して実装していきます。 1.CDNを読み込むためのコードを記述 コードが変わってい…
- 投稿日:2023-05-23T16:45:16+09:00
NPMでインストールしたパッケージをJavaScriptとHTMLで使うためのセットアップ
調べた発端 素のjavascriptには落とし穴がある。初心者の方も、React使いの方もハマる落とし穴がある。 今回、素のJavascript+HTMLの構成で、npm installで落としたパ…
- 投稿日:2023-05-23T15:30:26+09:00
いつかリアルでも九州温泉道八十八湯巡りをしてみたい!擬似巡り好きな私に毎日、温泉情報を教えてくれるボットを試作してみた!
作品紹介 毎日お昼休みに九州温泉道八十八湯の宿泊施設情報をLine通知してくれるボットを作ってみました! 作ろうと思った理由 私、毎日、お昼休みにウォーキングをしているのですが、続ける上で何か具体的…
- 投稿日:2023-05-23T14:41:00+09:00
【Javascript】オブジェクト同士を比較できない理由 - オブジェクトの比較と参照
オブジェクト同士を比較できない理由 const cat = { type: 0 } const chat = { type: 0 } console.log(cat == chat); // fal…
- 投稿日:2023-05-23T14:40:41+09:00
【Javascript】参照と分割代入
分割代入 const a = { prop: 0 } let { prop } = a; // ◀︎ 分割代入 prop = 1; console.log(a, prop); // {prop: 0…
- 投稿日:2023-05-23T14:40:04+09:00
【JavaScript】参照とコピー
🙆♀️ 参照について プリミティブ型のコピー VS オブジェクトのコピー プリミティブ型のコピー 参照先の値がコピーされる let a = 'こんにちは' let b = a; b = 'さような…
- 投稿日:2023-05-23T13:36:15+09:00
夫婦の危機をChatGPTが救う!?はじめてのJavaScript 青森のラーメン屋をLINEに通知してみた
1. プログラムがわからない非エンジニアがChatGPTにコードを書いてもらうまで 突然ですが、ChatGPTに青森県のラーメン屋さんをLINEに送るコードをJavaScriptで書いてもらいました。…
- 投稿日:2023-05-23T10:51:08+09:00
React + TypeScript: コンテクストでデータを深い階層に渡す
React公式サイトのドキュメントが2023年3月16日に改訂されました(「Introducing react.dev」参照)。本稿は、基本解説の「Passing Data Deeply with …
- 投稿日:2023-05-23T10:00:16+09:00
jQueryからVanilla JS(ピュアなJavaScript)に書き換える時によく使うもの
Vanilla JSとは素のJavaScript、すなわち純粋なJavaScriptのことを言います。 jQueryで記述していたコードをVanilla JSに書き換える時によく使うものをまとめてみ…
- 投稿日:2023-05-23T09:30:04+09:00
プリザンターで手書きサインを入力できるようにする
概要 店舗での決済や現場での作業報告などでタブレット端末を利用した手書きの電子サインが用いられることがあります。この手書きサインをプリザンターのスクリプトやスタイルの機能を用いて実装する方法をまとめ…
- 投稿日:2023-05-23T08:50:00+09:00
JavaScriptにおける非同期処理とは
はじめに 今回はフロントエンド側のJavaScript(ブラウザ環境)の非同期処理の解説になります。 引用された個所は 独習JavaScript 新版 の内容を使わせていただきました。 スレッド 非…
- 投稿日:2023-05-23T08:42:23+09:00
子供の想像力を無駄にしません!想像したものは溜めておこう!
アニメ「ワンピース」にハマっている息子 小学2年生の息子はワンピースにハマっています。毎日、どの悪魔の実が最強かを熱く語ってくれます そして、HPで悪魔の実ランキングを眺めてはニヤニヤしています。 …
- 投稿日:2023-05-23T08:09:28+09:00
【初心者】フロントエンド入門
はじめに 業務ではバックエンドでPHP(Laravel)を利用して開発しています。 技術のキャッチアップのため、自分でアプリを開発してみたりしますが、バックエンドオンリーの技術スタックでは開発してい…
- 投稿日:2023-05-23T07:29:35+09:00
reduce関数の第二引数 initialValueに配列を指定することで実現する累積和の実装
普通に考えたらそこまで難しくないが、あまりこのような書き方を見なかったのでメモ。 たとえば、配列の値を条件分けしてそれぞれの値を集計したいタスクを考える。 一番シンプルに考えるのであれば、事前に変…
- 投稿日:2023-05-23T07:29:35+09:00
reduce関数の第二引数 initialValueに配列を指定することで実現する集計配列の実装
普通に考えたらそこまで難しくないが、あまりこのような書き方を見なかったのでメモ。 たとえば、配列の値を条件分けしてそれぞれの値を集計したいタスクを考える。 一番シンプルに考えるのであれば、事前に変…
- 投稿日:2023-05-23T00:20:42+09:00
JavaScript周りの知識をまとめる
はじめに JS周りで色々と知らないことがあったので、ここらでまとめておきます キーワード javascript, ECMAScript, babel, polyfill, core-js 目次 JS…