PESPAというアーキテクチャについて、みなさんご存じでしょうか？ これはWebにおける次世代のアーキテクチャを表しており、MPAやPEMPA、そしてSPAの欠点を解決し、シンプルかつプログレッシブ…
メソッドのアクセス権について メソッドのアクセス権は、そのメソッドがどの範囲から呼び出されることができるかを制御するもので、主に3つの種類があります。 public：publicなメソッドは、どこか…
記述例 <script> const map = new Map([ ['key': 'value'], ... ]); </script> <template> <div v-for="([k, …
目的 ・javascript関連知識の習得 参考サイト https://developer.mozilla.org/ja/docs/Learn/Common_questions/Tools_and_…
今までVue.jsは少し触ったことがあったのですが、Reactについてはほとんど知見がなかったため、両者の違いを比較するため、Todoアプリを作ってみました。 この記事では、ReactとVue.js…
はじめに ChatGPTはMarkdownを表現し、理解できます。 ChatGPTは自然言語の構造解釈はそこまで得意ではないです。 じゃあ、ChatGPTとの対話の基本フォーマットは極論Markdo…
フロントエンドエンジニアのみなさん。 webのレスポンシブデザインで、スマートフォン用デザイン(SPデザイン)とPCデザインで、コンテンツの並び順が著しく違うデザインを渡されたことはありませんか..…
結論 「Math.random()ではなくuuidを使用して一意のIDを生成しましょう」 Introduction Reactでアプリケーションを開発する際に、一意のIDが必要になることがあります。…
●constの注意点 const で定義した定数でできないのは socres = 10; といったような scores そのものへの再代入であって、配列の要素への代入はできる ●配列の命令 ・uns…
はじめに 「拡張プログラム｜ジーズアカデミー」の「【G's EXPANSION】React実践プログラム」を受講してみましたので、簡単な内容、感想等をまとめたいと思います。 私は2016年頃にG's…
はじめに この記事は、3本立ての3本目です。 Laravel と Vue と Docker でシンプルな SPA を作る ①【フロントエンド】 Laravel と Vue と Docker でシンプ…
今回の目的 こんにちはももぞうです。 今回はプログラミング言語について紹介をします！ 備忘録ベースなので気になるところがあればご指摘をお願いします。 プログラミング言語について プログラムを書くとき…
起こったエラー DockerでNext.jsとLaravelの環境を構築 getServerSidePropsやgetStaticPropsのメソッドの中でLaravelで作成したapiにアクセスし…
大前提 大前提としてReactは、関数をコンポーネントとして扱っています。 つまり関数を一つのブロックとして、それをうまい具合に積み重ねてUIを作っていくということ。 react-domの必要性 r…
2つの宣言方法について まず、constで宣言される関数の宣言は、アロー関数式を使用している。 例えば以下のようなコードです。 const MyFunctionComponent = (props)…
ーイベント〜ブラウザ上でユーザーが行ういろんな動作のこと ex) マウスをクリック、ボタンを押す、、、 ーイベントハンドラ〜イベント発生をきっかけに何らかの処理を実行する ex) マウスでボタンをク…
ノードとはHTML上ではエレメントとかタグを指す。<bodyとか、<sectionとか、<pとか。 そのノードを追加する方法があるので学んでいく ・createTextNode テキストノードを作成…
何がわからないかというと 例えば、このページ Basic Features: Pages | Next.js に記載されているサンプルコードで、 export default function Bl…
はじめに 本記事では、OpenAI の ChatGPT API と Whisper API を使って、以下のような LINE のチャットボットを作成します。 ボットに人格設定可能 音声入力にも対応 …
DOM操作について学んでいく DOM操作とは、今まで勉強したJavaScriptを使ってようやっとWebサイトを動的に置き換えていくこと その前に必要な要素を学ぶ。 ・getElementByIdメ…
概要 JavaScriptの理解を深めるため、 で学習した内容を記載していく。 本記事では、関数について記載する。 関数とは 関数とは、「処理をひとまとめにして名前をつけたもの」である。 関数は…
