KAEDE Hack blog

JavaScript 中心に ライブラリなどの使い方を解説する技術ブログ。

Entries from 2020-08-01 to 1 month

CMS サービスを試してみる fetch API を使う

why この React で作った 電気屋のサイトの季節のセール情報を、パートの人が vi して build deploy しなくても簡単に web から編集できるようにする必要がある メディア系の業務委託の仕事で、WordPress CMS を使えるようになることを求められている。 簡易…

「個人開発者クソアプリ発表会」の LT を視聴して得た物

「個人開発者クソアプリ発表会」の LT を視聴して得た物 what is this connpass.com 【第1回】個人開発者クソアプリ発表会 を公開しました! https://t.co/LLkCR0fjgK #個人開発者— たなかK@Ziz (@tanaka_____k) August 21, 2020 たなかk @tanaka_____k さん…

個人のホームページにいのちの輝きを実装した

個人のホームページにいのちの輝きを実装した why みなさんの いのち は輝いて いますか? 大阪万博では いのち は輝いて います www3.nhk.or.jp https://kaede0902.github.io/profile/ 私も流行りに乗って自分のサイトにいのちの輝きを 一人実装しました! …

個人複数ページの実装 に React Router で route.js から map していたコードを見て Next への移行を検討

Set react-router-dom to gh-pages site why 作っている私自身の HP に複数ページが欲しい 前回作った電気屋のサイトでは index - App (HOME) - Works - Shops - News ..... という構成だった。 今回は index から直接分岐して import React ,{ Suspense }fr…

react-meta-tags で Twitter OG card が作れない

Set React Meta Data but Twitter Card will not be loaded why もともと 電気屋のサイトにはmeta をちゃんと入れられてないし、 React だけでは meta の SEO はできないと思い込んでいた しかし Header が終わって https://kaede0902.github.io/profile/ HP…

自己紹介 HP react-bootstrap で Nav を

自作 自己紹介 ホームページ Boostrap intro react-bootstrap.github.io npm install react-bootstrap bootstrap で npm install import 'bootstrap/dist/css/bootstrap.min.css'; import { Container, Row, Col, } from 'react-bootstrap'; で サイドカット…

2020.08.25 からの目標

2020.08.25 からの目標 スピード感を持つ shuchi.php.co.jp シリコンバレーでは、いわゆる「大金持ち」になる人には、共通する特徴があります。 仕事のスピードが速いことです。 ビジネスで大事なのはいうまでもなく、スピードです。この点においても、シリ…

create-react-app (CRA) を GitHub Pages (gh-pages) に載せる手順

GitHub Pages で React App を Deploy やり方 dev.to ググったら出てきたこれに沿ってやる why twitter.com @zero_kpr コルボー さんのホームページに触発された 個人サイトの時代を取り戻せ〜 みたいな記事を読んだ 求人媒体ごとに Profile 書くのが嫌にな…

React Hooks

React Hooks めも https://twitter.com/siddharthkmr1/status/1294733239429369857?s=19 Mount 系と useEffect の対応表 sidさんちんとシートうまい

what is needed to master react

React をこれからマスターしていくために Reactの実務でここら辺が必修科目かなってのをあげてくまる・React・Redux・React Router・redux-thunk redux-saga・hooks・context API・TypeScript・jest・enzyme・Cypress or TestCafe・eslint・prettier・stylel…

よく使うWebツール 2020.08

Web開発などで便利なツール2020.08 ver MeisterTask マイエスターだけど 書くのはmEisterTask www.meistertask.com 無料のタスク管理アプリ Trelloから乗り換えた trello.com Trello より デザインが爽やかで、カードが大きい Trello のようにカードがたくさ…

Code Architecture Books To Read

https://note.com/erukiti/n/nfe26d674842a このnoteを読んで Now 現在既に 情熱プログラマー イシューから始めよ 安全なWeb アプリケーションの作り方 までは買っている。1冊も完遂してはいない。 そもそも基本情報技術者試験の基礎的な勉強を優先すべきだ…

Global Tech Campany Study

グローバルtech企業調べる記事 GAFA よく聞くが、具体的には何も知らんので調べようと思った GAFAMの四半期決算の売上構成比を1枚でわかりやすく理解できるよう、グラフで比較してみました。・Google:広告78%、課金13%、クラウド8%・Amazon:EC73%、AWS12…

MacOSX v.s. Windows10

system Finder vs Explorar Finderは文字がちいさい、簡単に大きくできない zip - MacはDLしたzipフォルダを展開するのが簡単。 - ダブルクリックするだけで同じ場所に展開できる。 - Win (Windows) は展開する際に「参照」ボタンを押して展開先を選ぶ手間が…

Why Software Dev is Strong

https://twitter.com/kaede_io/status/1289202851525169154?s=19 機械の教育 機械はコピーできる 最高の教育者は機械が独占 単価が高い教育が上手い優秀な人間はソフトウェアエンジニアでプロジェクトリーダーをやっている印象がある。