VSCode ESLintとPrettierを保存時に自動整形する設定メモ
VSCode ESLintとPrettierを保存時に自動整形する設定メモです。 .vscode/settings.json { "editor.formatOnSave": true, "pr...
2
2
Comment0
77 search resultsShowing 1~20 results
Stocked
You need to log-in
Nextjsよくわかんないこと
概要 チュートリアルでよくわかんないことを書きなぐっていく ※やってる間にどんどん追加していく Linkの中にaタグを仕込む必要がある？ ここでの話 こう書くと こうなる でもこう書くと こうな...
2
0
Comment2
JavaScriptでURLからOGP取得する
JavaScriptでURLからOGP取得します。 結論 const url = "https://qiita.com/ksyunnnn/items/bfe2b9c568e97bb6b494";...
83
59
Comment3
TSとReact(17系)でeslintがVSCodeでファイル保存時にフォーマットされるやつを作る
久しぶりにCRAをTSつきで使ったら、ちょいちょい詰まったのでメモ プロジェクトの作成 # プロジェクト作成 npx create-react-app app --template types...
2
0
Comment0
よく使うGit関連コマンド
概要 備忘録 備忘録 gitは黒い画面で操作してる想定 リモートリポジトリ利用してる想定 初級 git init git add . git commit -m '当たり前体操' 作業を始める時...
3
1
Comment0
GitHubを二段階認証に変更したらやること
とあるプロジェクトでGitHubのログインを二段階認証にすることを求められたので変更した。色々エラーったのでメモ 要点 二段階認証に変更するとgitの通信プロトコルがhttpsからgitに変わる...
2
0
Comment0
左に画像があって、真ん中にタイトルと説明があって、右に日付があるようなカードのHTML/CSSでの表現はGridが便利だった
こういうのHTML/CSSで書く時どうしてます？ 最低限必要な中身はこんな感じだと思います <div class="class"> <img class="image" /&g...
3
1
Comment0
Dockerコマンドめも
自分のためのメモ # プロセス確認 docker ps # プロセスの停止 docker kill $(docker ps -q) # 環境変数？の確認 docker inspect --for...
0
0
Comment0
inputとかのstyleまとめておくところ
inputをフォーカスしたとき、いい感じになる input:focus { outline-width: thin; }
0
0
Comment0
npx create-react-app my-app --typescriptのあと
npx create-react-app my-app --typescript # りんと npm install --save tslint # スタイル npm install --sav...
0
0
Comment0
Atomic designなディレクトリを作るやつ
ｍｙメモ mkdir components;\ mkdir components/atoms;\ mkdir components/molecules;\ mkdir components/or...
0
0
Comment0
PythonでGmail経由でメール送る
Python、Gmail送れるソン！ send_email.py # coding: UTF-8 import smtplib from email.mime.text import MIMET...
2
3
Comment0
PythonとSeleniumでスクレイピングのようなこと
知り合いに、 「サブスク系のサービスの領収書を自動でダウンロードできないか？」 と言われて、なんかいけそうな気がしたのでPython入門がてらスクレイピングをしてみて、ダウンロードはできなかった...
2
2
Comment0
Array.prototype.reduce() 便利
Array.prototype.reduce()便利 たとえば下記の外部APIから配列を受け取る https://picsum.photos/v2/list?page=1&limit=1...
0
1
Comment2
TypeScript
自分向けメモ default値 interface Props { title: string; description: string; lang: 'en'; }
2
0
Comment0
CSSで書いたやつをobj化？したい
CSSで書いたやつをobj化？を楽にしたくて強引なの作ったけど使えるんか使えんのかよくわからん、、 const CSStoObj = css => { const obj = {}; co...
0
0
Comment0
自由なテキストをJSのみでクリップボードにコピー
onclickとかで下記を発火させればOK const copyToClipboard = () => { const userAgent = window.navigator.userA...
0
0
Comment0
色んな文字まるめ
長い文章をCSSだけで …で区切る方法。詳細ページへリンクする一覧ページのリスト表示とかで使えるやつね。 - 長い文章があったときにとても文章が長くて冗長で切り上げたいときがありますよね。 //...
3
1
Comment0
Gatsby・VSCodeなプロジェクトにeslintするにはこのへんだけ見ればいけます
導入 yarn add eslint eslint-loader 参照； https://www.gatsbyjs.org/packages/gatsby-plugin-eslint/ で内容の...
1
2
Comment0
React、marked.jsでマークダウンデータ表示
概要 マークダウン表示 ✔ yarn add marked import React from 'react' import marked from 'marked' export defaul...
0
0
Comment0
77 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