【Next.js】入門してみたまとめ ✍🏻
Next.jsとは Vercel社が開発したReact開発のためのフレームワーク 高速なWebアプリケーション作成のための様々な機能を提供しています。 ルーティングや開発環境などが簡単に構築、設...
9
5
Comment0
34 search resultsShowing 1~20 results
Stocked
You need to log-in
OpenAPI・Swaggerでインタラクティブな API 仕様ドキュメントを作成する
初めに 今回はOpenAPIを用いたAPI設計書の書き方とSwagger(UI)の使い方についてまとめていきます。 この記事の目標はタイトルの通り、OpenAPI仕様に則ったAPI定義を作成し、...
0
0
Comment0
【Nuxt3】入門
Nuxt.js 3 Vue.jsベースのフレームワークです Vueアプリケーションの開発を簡素化し、効率化するための多くの機能と最適化を提供します。 前のバージョンであるNuxt2からいくつかの...
7
4
Comment0
【Vue.js 3】TypeScriptで始めるVue3
初めに Vue2のサポートが2023年12月31日に終了となり、これからVueを使用する際はVue3がほとんどだと思います。 私自身、最近はReactを扱うことが多くVueも2系の経験しかなかっ...
3
5
Comment0
【Three.js】入門してみた🐥
Three.jsとは 手軽にWebサイト上で3Dコンテンツの制作ができるJSライブラリです。 ライブラリなしで3D表現をしようとした場合、高度な技術が必要になりますがThree.jsライブラリを...
3
0
Comment0
【React】入門してみたまとめ ✍🏻
Reactとは React はユーザインターフェイスを構築するための、宣言型で効率的で柔軟な JavaScript ライブラリです。複雑な UI を、「コンポーネント」と呼ばれる小さく独立した部...
1
1
Comment0
【Laravel】入門してみたまとめ✍🏻
LaravelではMVCモデルを採用している Model・・・データベースとやりとり View・・・見た目 Controller・・処理 Routing・・・アクセスの振り分け Migratio...
1
3
Comment0
【TypeScript】ジェネリクスの仕組み 🤔
ジェネリクスとは 型を引数として受け取ることができる仕組み。 型を引数に取れることで、型だけが異なる同じ関数の複製などを避けられる ジェネリクスを用いると、型の安全性とコードの共通化を両立するこ...
3
0
Comment2
ReactにおけるRedux Toolkitの使い方 ✍🏻
Reduxとは Reactとは別の状態管理ライブラリです。Reactと一緒に使用されることが多いので、Reactの機能の一つだと思いがちですが、状態管理だけを担当するライブラリです なので他のj...
1
0
Comment0
【React】useEffectの使い方 💡
useEffectとは React Hooksの一つで、コンポーネントがレンダリングされたときに副作用を実行するために使用されます。 コンポーネントはJSXを構築する場所であってJSXの構築に直...
1
0
Comment0
【React】useContextの使い方 💡
useContextとは React Hooksの一つで、グローバルにデータを管理することができる仕組みです。 通常親コンポーネントから子コンポーネントにデータを渡す際はpropsを介して行うか...
21
15
Comment0
【React】useReducerの使い方 💡
useReducerとは useReducerは、useStateと同じく値を管理できるフックです。 構文は以下の通りです。 const [state, dispatch] = useReduc...
1
0
Comment0
【React】useStateの使い方 💡
前回記事【React】入門してみたまとめ の続きです。 useStateとは 変更した値を保持しつつ再レンダリングを可能にする仕組みがuseState()。 関数コンポーネントでstateを管...
1
0
Comment0
【css、js】ハンバーガーメニュースニペット
ハンバーガーメニュースニペット よく使用するハンバーガーメニュースニペットです。 仕様 sp時CTAボタン+ハンバーガーメニュー pc時横並びで展開 ハンバーガーメニュー開いている時、背景スクロ...
3
0
Comment0
【JavaScript】find,findIndex,filterによる配列オブジェクト加工例
やりたかったこと 指定したプロパティのvalueを持つ要素にだけ、追加でpushなどをしたかった時の実装方法について少し時間がかかってしまったのでその備忘録です。 例えば、下記のようなデータがA...
1
1
Comment0
【TypeScript】ちょっと応用的な使い方 🤏
TypeScriptの応用的な使い方学習メモ。 下記記事の続きになります。 【TypeScript】入門してみたまとめ &を用いてインターセクション型の定義 インターセクション型： 交...
1
0
Comment0
【JavaScript】toLocaleDateStringで日付フォーマット 🗓
toLocaleDateStringで簡単に日付フォーマット これまで日付フォーマットする時って、getFullYear()とかgetMonth() + 1とかで頑張ってフォーマットしていたんで...
11
6
Comment2
【Nuxt】SPAで遷移するたび関数を発火させたい 💥
watchで下記のように記述し、遷移元と遷移先のpathが異なる場合にtest()が発火する。 watch: { $route: function (to, from) { if (to.pat...
1
1
Comment0
【Nuxt】aタグ・nuxt-link・$router.push の使い分けメモ
nuxt-link アプリ内遷移の際に使用。 <nuxt-link to="/sample/">アプリ内リンク</nuxt-link> data(){}にあるtest{i...
1
1
Comment0
【Typescript】入門してみたまとめ ✍🏻
TypeScriptとは Javascriptにコンパイルされる静的型システムがついたJavascriptの上位集合。 Javascriptにコンパイル TypeScriptPlayground...
9
12
Comment1
34 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles