2020 07からのプラン why 武井壮がこんなことを言っていた なんかさ、この先の人生をどうやって使うのか？生きてく時間を何に割いてどんな喜びを手に入れるために使って、どんな人達とどんな場所でどんな暮らしをしながら、どんな景色を眺めていきたいのか、…

web技術の用語まとめ HTTP ステータスコードの400番台と500番台の違い www5.plala.or.jp 正常コード 100s: 案内 200s: 正常処理 300s: 移転処理 違うアドレスに移動，一時的に別のアドレスに移動，他のページを参照してほしい， アクセスはできたけどdocumen…

Google Driveが講義資料や契約書だけで10GB/15GB行ったので契約した 裁断スキャンした書籍はSSDに入れておくつもりだったが，Androidから外で 素早く参照できるメリットを考えて250jpy/monthの 課金を決断した． 決済はGoogle Pay, Google Playのだからすぐ…

reactでfavicon.icoに任意のpngを上書きすると ブラウザでのiconを変えられる 苦戦したのでここに記す supported by : 電気屋の後輩のイラレマン 01 Dark Mode, glay cons 普通に黒のアイコンにしていると，chormeのtabを 黒にしている人に何も見えない www.…

npm package.json 管理 npmとは libraryの管理ツール reactなどで使用する terminalでnpm i hoge/hoge といれて，import hoge from hoge/hoge.... とheaderに記述して使える Uninstall 削除 qiita.com "@material-ui/core": "^4.9.12", をpackage.jsonから削…

ReactからGatsbyへの移行, 使い方 why コーポレートサイトを作っていて，SPAはSEOが貧弱なのに気付き， Gatsbyなら手軽でSEOができると聞いた SEO: Search Engine Optimization, 検索最適化 What is Gatsby Generater note.com Reactの上位フレームワーク Ma…

Transcend SSD 認識しないエラーの解決 この画面からInitを押しても処理がされない． itojisan.xyz これを試した processは残っていなかった disk utilityには認識されていた Eraseをした 無事認識された conclude 対応しないSSDを入れたときのInit btnは当…

web用 フリー素材, web free images, free img, 無料素材, 登録不要 stories freepik 日本ではあまりメジャーじゃないけど、海外では爆流行りしてるフリー素材サイト、 https://t.co/mggOJkRHx4 。ブラウザ上で色も変えれるし、必要な要素だけ取り出せるのが…

reactでのテスト why 業務委託の面接でreact-testを覚えた方がいいと言われた 電気屋のサイトで実行する ja.reactjs.org コンポーネントツリーのレンダリング をシンプルなテスト環境で行い、その結果を検証する アプリケーション全体の動作 をブラウザ同等…

コーディング作業に効率的なデスク周りの道具まとめ kaede desk env structure ゲーミングチェア Amazonで15kくらいの一番安いヤツを買った。今は取り扱っていない。組み立ては相当苦労した。 枕は外してる。腰あては背筋を伸ばすために最近つけ直した。 HHK…

ポートフォリオカードデザイン いつものようにdataからmapするcardに <Card style={{ width: '18rem', height: '12rem' }} className = 'my-4 mx-auto' key={key} > これをつけるといい感じでresponsiveになった bootstrap, react-bootstrap使用 こうなる borderをつけてみるとぴったり！！ 18rem x 4がちょうどいいのか？ 合計72remだから, x3だったら</card>…

https://twitter.com/Shin_Iwa_Utill/status/1273494893579517952?s=19 色の意味合い、赤青黄緑 薄さごとの意味

# website制作のお気に入り便利ツール紹介 1. Trello trello.com やはり一番便利なのはこれ．カードごとに複数checklistが作れて 仕事が捗る． 個人の家庭内タスクにも，学業のレポートの期限管理にも 買うもの／買ったものリストにも活用している．ダントツ…

なぜITを愛しているか 手書きとの比較 手間が少ない． 手書きで漢字や文字サイズを間違えたら書き直しだが， 手打ちならBS連打かctrl K で一気に消せる 手書きと比べて腕が疲れないし，画数の多い漢字もすぐ出せる． ことえりでは変換すら自動でやってくれる…

良い静的ツールサイト？まとめ SPA?の完全に一枚のページで，ちょっと便利なツールをまとめる Want to be a wizard with CSS border-radius? ✨I made a little tool to help visualize it ⚒️This will help with creating those awkward rounded shapes in y…

美しいWebsite Headerの研究 Basic Idea ついてくるHeader New York Times www.nytimes.com 中央揃えの特徴的な活版のフォント 大量にある小さなカテゴリ メインが常に更新されていて，スクロールで読めるGridの記事だから できるHeaderだろう． PayPal でか…

React Parcelの導入 why { title: '抽選会', imgLink: 'fesa-hp/src/img/garagara.png', descList: [ '米10kg', '米2kg', のように配列からCardをmapで生成しようとして， 絶対パス指定じゃないから 画像のリンクを別ファイルにまとめられなかった． qiita.c…

Card Design 参考サイト Dribbble-Redesign dribbble.com icon, title, img attach-icon, view-icon, reply-icon, like-icon, を薄い灰色の上に僅かな丸みで並べている． beaumont beaumont-demo.squarespace.com 馬鹿でかい画像(773px? 467px?) と左下の小…

ITニュースキャッチアップ用サイト比較 新電力ネット ITのニュース・コラム一覧｜新電力ネット 石油のデータを調べていて発見．電気工事など，多彩なカテゴリがあるから，視野の広い編集者の視点で実用技術の情報が収集できるだろう ボツ 日経: 有料

業務委託で働くために 某社の業務委託の面談を受けて，必要なものがわかってきて 前提 ベンチャーは忙しいので手取り足取りの研修は受けられない Under covid19なので，在宅が基本になる // それはそう 現状のサイトのCloneを似た形で，用件に沿って構築 // …

電気屋のサイトを作って得た気付き Works/ Shops/ News/ のように役割が同じComponentの名前を統一しないと，変更するときに 迷子になってしまう． 同じカードの繰り返しでは レイアウトをいれるcontainer, テキストを入れておくhogeData，のArrを分けて con…

Macを10.15.5にしたらnpmが壊れた件 動いた解決策 https://www.haneca.net/mac-npm-error/ --forceでnodeを潰す するとnpmも一緒に消える node_moduleもrm-rfで無理やり潰す そしてbrew install node why steamのtomb riderを買ったらos newestにしないと遊…