Jamstackなサイト制作（Next.js×Sanity）
Next.jsを動画教材を使って学んだので、アウトプットとして自分のポートフォリオサイトを作ってみた。前々からJamstackというアーキテクチャが少し気になっていたので実装してみた。 Jams...
8
3
Comment0
21 search resultsShowing 1~20 results
Stocked
You need to log-in
Laravelでリポジトリーパターンを使う
実装 基本的なファイルを作成 # Model, Controller, Migration, Seederファイルを作成 php artisan make:model [Model名] -cr...
2
5
Comment0
DNSについて
DNS誕生の背景 DNSが誕生する前 IPアドレスは1箇所で管理していたが、接続する機器が増えすぎたため分散管理するようになった（ただのテキストファイルでIPとドメインを管理） インターネット利...
0
0
Comment0
ブラウザレンダリング流れ
ブラウザレンダリングの流れ Loading - リソース読み込み（Download, Parse） Scripting - Javascript実行 Rendering - レイアウトツリー構築...
0
0
Comment0
CSR・SSR・SSGとCore Web Vitals
Core Web Vitals Core Web Vitalsとは ユーザー体験を測定する一連の指標 良いユーザー体験を提供するためのGoogleが取り組んでいるガイダンス Core Web V...
0
0
Comment0
【React Native】ReactNavigatorをインストール後、シミュレーターが起動しない
環境 Macbook Air 2020 react 18.0.0 react-native 0.69.4 expo 46.0.6 React Native Debugger 0.13.0 １．状...
0
0
Comment0
【React Native】Firebaseインストール後に *.cjs. Indeed, none of these files exist
環境 Macbook Air 2020 "expo": "~46.0.9", "firebase": "^9.9.3", "react": "18.0.0", "react-native": "...
2
2
Comment0
axiosのNettwork ErrorでAPIからデータが取得できない
環境 Macbook Air 2020 react 18.0.0 react-native 0.69.4 expo 46.0.6 React Native Debugger 0.13.0 iPh...
3
3
Comment0
【Laravel】Controllerメソッドの戻り値が意図した値で返却されない
環境 Macbook Air 2020 Laravel 9.27.0 PHP 8.0.23 sail v1.15.4 Composer 2.4.1 １．状況 LaravelにてAPIを構築して...
3
2
Comment0
【React】Material-UIがインストールできない
１．実現したいこと React（バージョン18）にて、Material-UIをインストールしたい。 ターミナルにて下記コマンドを実行した。 npm install --save @materia...
12
9
Comment0
【JavaScript】キーワード検索でリアルタイムにコンテンツ表示させる
概要 DBに登録されているスケジュールを全件取得し一覧表示。一覧表示されているスケジュールに対し、<input>で入力したキーワードでスケジュールのタイトル、作成者に該当する スケジ...
5
6
Comment0
【JavaScript】配列系メソッドあれこれ
配列に値を追加 末尾に追加（push） const array = [1, 2, 3, 4, 5, 6]; array.push('追加した要素'); console.log(array); /...
10
10
Comment0
Gitコマンドあれこれ
初期設定 ユーザー名を設定 git config --global user.name "Githubのユーザー名" メールアドレスを設定 git config --global user.em...
16
19
Comment0
【Javascript】時間の取り扱い（Timestamp ⇄ Dateオブジェクト）
Dateオブジェクト作成 まずはDateオブジェクトの作成から。 現在時刻で作成 new Date(); 年月日時分秒の値を渡して作成 console.log(new Date(2015)); ...
9
3
Comment3
【Firebase】Realtime Database（version 9）データ操作あれこれ
前提 Firebase JavaScript SDK version9を使用 chrome（バージョン: 101.0.4951.54） 準備 SDK をインポート、初期化 SDK（Softwar...
11
6
Comment1
【Firebase】Authentication（version 9）の使い方
前提 Firebase JavaScript SDK version9を使用 メールアドレス、パスワードでの認証 Firebaseが用意しているUIは使用せず独自のフォームを作成 chrome（...
19
15
Comment0
暗号化とハッシュ化の違いとは
演習でlocalStrageを使ってログイン機能を実装した時にcrypto.jsを使用し、入力されたパスワードのハッシュ化を行ったので、暗号化とハッシュ化について調べてみた。 ハッシュ化 ハッシ...
4
1
Comment0
localStorageデータ操作あれこれ（保存、取得、更新、削除など）
データを保存 localStorage.setItem("key", "value"); 複数データを保存 let user_data = { gender: "男性", win: 0, los...
15
11
Comment0
YouTube Data APIの使い方
ajaxにてYouTube Data APIのSearch（検索）を使用し、特定の検索ワードで動画タイトル、サムネイル、URLを取得する。 準備 https://console.cloud.go...
6
2
Comment0
【ajax】"CORSポリシーによってブロックされています" によりデータが取得できない
１．実現したいこと jQuery + Ajax で YouTube Data APIを使用し、特定のキーワードで検索を行い、動画のサムネイル、タイトル、URLを取得したい。 そのためにボタンを押...
5
1
Comment0
21 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