足もとに流れるGitコマンド
二つのことが明らかだった。 人の作ったGitコマンド集は過剰であるか欠乏しているか、自分にとってそのどちらかだということ。 Gitコマンドは完成されたプロンプトであり、そこにはもう真の変化が起こ...
0
0
Comment0
26 search resultsShowing 1~20 results
Stocked
You need to log-in
ReactとMUIで、POSTできる画面を作る
このような画面だとします。 作成の手順を以下に書いていきます。 1ファイルだけで作成可能です。POST.jsxとします。 React MUIを使用する インストール $ npm install ...
0
0
Comment0
Null合体演算子がSafariでエラーだった
Safariでエラー ViteでビルドしたWebアプリが検証機でエラーになった。 検証機は古めのiPad。動作が非常にもっさりしているが、倹約を良しとするこの企業で検証用デバイスの刷新など最も優...
0
0
Comment0
[JavaScript] 例外処理の基本をpromptを使用して学ぶ
JavaScriptのような動的型付け言語でプログラミングする際、例外処理というのは特に重要です。 なぜ重要なのか、以下の例題を通じてお伝えしたいと思います。 異常終了を避ける試み ブラウザはJ...
0
0
Comment0
[Vue Router] routesプロパティを分離してメンテナンス性を高める
ささやかな小ネタです Vue Routerをインポート まずはVue.jsをインストール $ npm init vue@latest src/router/index.ts が最初から作られて...
0
0
Comment0
Viteの最小限設定
vite.config.tsを作成する ルートディレクトリに作成する vite.config.ts import { defineConfig } from 'vite' export defa...
2
1
Comment0
[Nuxt.js] nuxt.config.jsでscss変数を読み込む。
Nuxt2です 2021年に記録した内容です NuxtではどこでCSSを読み込むか コンポーネントごとに当てるのがVueらしくてよいのだろうけど……自分の現場では過去のデータを流用ことも多い。 ...
0
0
Comment0
[React] なるべく状態を少なくしたい
たとえば、在庫数カウントと表示の分岐をひとつにまとめる 商品のJSONをitems、売り切れのプロパティをsoldoutとしている。 propsで親から渡ってきているとして、 function ...
0
0
Comment2
[JavaScript] 複数の非同期処理の完了後に何かしたい場合
どちらが先に終わるかわからない。 同時に始めた非同期通信はどちらかが先に終わるかわからない。 たとえば同じ関数内で非同期通信を同時に始めて、両方のレスポンスが終わったら何かしたい、というケースは...
0
0
Comment2
VSCodeのcodeコマンドをMacで使用する
環境 MacBook Pro(16-inch, 2019) macOS Monterey codeコマンドとは ターミナルで使用するVSCode関連のコマンド。 例えば、ターミナル上のカレントデ...
1
1
Comment0
microCMS × PHP レンタルサーバーで構築
お客さんのレンタルサーバー クライアントが用意したレンタルサーバーへftp接続している状況でmicroCMSを使用したい、というパターンではJamstack構成を組めない。 PHPが使用できるな...
0
2
Comment0
[CSS] flex-boxのspace-betweenで最後の行を左寄せしたいとき
アイテムボックスのようなものを、こう並べたいと思う。 <div class="parent_element"> <div class="item">box</div...
0
0
Comment0
[ES6] オブジェクトリテラルの省略記法
Reactで頻出するこれ // id, name, email がpropsで渡ってきているとして const userData = { id, name, email, ........ } ...
1
1
Comment2
[ES6] 関数のデフォルト引数
Reactのjsxやtsxでは多用されるが、本来の使いどころどういうパターンなのか調べた。 demo.js function fn(options) { console.log(options)...
0
1
Comment0
microCMSのAPIをNuxtから呼び出す
demo.vue <ul> <li v-for="item in contents" :key="item.id"> {{ item.id }} </li> ...
0
0
Comment0
OSをアップデートしたらGulpが動かない場合の対処
2022年9月に記録したものです。 マシン固有の症状で再現性低めです。 ひさびさにgulpを起動したら動かない。 nodeやnpmのバージョンを変えて、gulpの中のモジュールもいろいろと変更し...
0
0
Comment0
Vue.jsの小技。propsでヒアドキュメント風
小ネタです propsを呼び出すときに、タイトルなどを改行したい場合は、 demmo.css elm { white-space: pre-wrap } を使うとヒアドキュメントのように書ける。...
0
0
Comment0
[Nuxt] metaの書き方
Nuxt2です プロジェクトごとに変える Nuxtでmetaの記述は自由度が高い。 プロジェクトの規模やメンバーの意見を取り入れて柔軟に対応するとよいかもしれない。 titleタグ nuxt.c...
0
1
Comment0
[Nuxt] エラーページの作り方
layouts/error.vue layouts/error.vue を作成するだけで、存在しないURLにアクセスされた場合は自動的にこのページが表示される。 それ以外にロジックを書く必要はな...
1
0
Comment0
webpack 俺的最低限設定
Nuxtの短納期プロジェクトで採用した設定をメモ。 cleanしないでキープする webpack.config.js module.exports = { output: { clean: { ...
0
0
Comment0
26 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