todo-app つくった (auth 編)

全ページ(まだ1ページしかないけど...)、ログインしていないとみれないようにした。 Amazon Cognito の UserPools を用いて、ここからのみユーザ登録は可能という設定 API 側 JWTの署名をチェックして、直接API を叩かれるをはじく JWK (JSON Web Key) は ht…

todo-app つくった (pagination 編)

API 側 Qiita, GitHub などの API を参考に、RFC 8288 - Web Linking にのっとり、レスポンスのLinkヘッダを使ってページの情報を返すことにした Total-Count で全体の件数も返すようにした Rails では pagy と api-pagination を使ってページ情報をLinkヘッ…

todo-app つくった

技術スタック Rails (6.0.0.rc1) MySQL React React Hooks Typescript Repo github.com 所感 Typescript と React Hooks 完全に理解した SPAでログイン機能 (firebase or Amplify + Cognito とかで?)もつけたい どうやんだ? SPAでのページネーションも実装…

株式会社はてなに入社しました

株式会社はてなに入社しました 🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸 株式会社はてなに入社しました - hitode909の日記

「失敗から学ぶRDBの正しい歩き方」を読んだ

失敗から学ぶRDBの正しい歩き方 (Software Design plus)作者: 曽根壮大出版社/メーカー: 技術評論社発売日: 2019/03/06メディア: 単行本(ソフトカバー)この商品を含むブログを見る 仕事でちょくちょく MySQL でインデックス貼ったり、クエリ見直していたの…

started_at ってカラム

問題 最近、あるテーブルに started_at って名前のカラムをつけてしまったんだけど、あまりよくないっぽい。(あまり深く考えずに、created_at とか同様に過去分詞_atでいいだろと思って命名した。) 解説 start や end は自動詞にも他動詞にもなれるんだけ…

Google Pixel 3 を買った

Google Pixel 3 iPhone と Android端末を交互に買うという自分ルールで、Google Pixel 3 を(安くなってることもあって)購入した。 まだ、夜景は撮っていない。 Android 久しぶりだけど、なんとなくヨサソウ 👍

useContext と useReducer 使って、 Redux っぽいものをやる

他の React Hooks の機能も試したくて この前作った、カレンダーで Redux っぽいことをやってみた やったことは、 1つだったコンポーネントをのように、分けた useState を消して、useContext と useReducer を使って、state のやりとりをする 感想 combineR…

「わかりやすい」文章を書く全技術100 を読んだ

「わかりやすい」文章を書く全技術100作者: 大久保進出版社/メーカー: クールメディア出版発売日: 2016/04/09メディア: Kindle版この商品を含むブログ (3件) を見る 文章を書くのが苦手なので、なんとなく買って読んでた。 「文を短くする」というのは、わか…

またカレンダーつくった

React Hooks 系を試す のにちょうどよい TypeScript 化したい が、うまくできない >< TypeScript 化 · Issue #1 · 7kaji/calendar · GitHub あわせて読みたい whitech0c0late.hatenablog.com

NO HARD WORK! 無駄ゼロで結果を出すぼくらの働き方 を読んだ

NO HARD WORK!: 無駄ゼロで結果を出すぼくらの働き方作者: ジェイソンフリード,デイヴィッドハイネマイヤーハンソン,Jason Fried,David Heinemeier Hansson,久保美代子出版社/メーカー: 早川書房発売日: 2019/01/22メディア: 単行本(ソフトカバー)この商品…

数年ぶりに歯医者へ行った

数年ぶりに歯医者にいったら、いろいろと問題あったりで 銀歯をセラミックや金に替えたりでめちゃくちゃお金が飛んでいる(進行形) あ〜○○のスニーカー買えたなぁとか iPad 買えたなァ〜などと毎秒悲しんでいる。 こうやって毎年、年齢増加にともない身体の…

財布なくした

心のショックが大きすぎて、つらい。 財布なくしておわた— 7kaji (@7kajii) 2018年12月18日 ↑このころは、きっとすぐ見つかると思っていた カード類全部止めたed— 7kaji (@7kajii) 2018年12月19日 ふぅ。 財布なくして戻ってこなかったのは、10年ぶりくらい…

Puppeteer っての触ってる

Puppeteer https://github.com/GoogleChrome/puppeteer Google の Chrome DevTools Teams が開発しているブラウザの自動化ライブラリ。 パペティアって読むっぽい。日本語では「人形遣い」という意味。 Node.js で動く。 ブラウザの操作の自動化、画面操作や…

「search/サーチ」 を観た 

きになるき映画『search/サーチ』予告(10月26日公開) https://t.co/nLPnf6ebcN @YouTubeさんから— 7kaji (@7kajii) 2018年8月17日 数ヶ月前から気になっていた、「search/サーチ」を観た。 HPには、サスペンス・スリラーって書いてあったけど、インターネ…

「低み」を読んだ

ライムスター宇多丸も唸った人生を変える最強の「自己低発」 低み作者: TBSラジオ「ライムスター宇多丸のウィークエンド・シャッフル」&「アフター6ジャンクション」出版社/メーカー: イースト・プレス発売日: 2018/09/16メディア: 単行本(ソフトカバー)こ…

いろいろ、カレンダーUIをつくってた

最近、カレンダーを作ってみる機会が多かったのでまとめる (見た目だけ) javascript と CSS でカレンダー (React + styled-components + CSS Grid) terrierscript さんの例に、祝日を足しました 元のソースは、こちら CSS Grid の存在をはじめて知る LINE Bo…

javascript のヒアドキュメント

で、余計なインデントとか改行を防ぎたい Ruby だと 2.5.1 (main)> text = <<~TEXT 2.5.1 (main)> hoge 2.5.1 (main)> fuga 2.5.1 (main)> piyo 2.5.1 (main)> TEXT => "hoge\nfuga\npiyo\n" とやると、よい JavaScript だと const text = ` hoge fuga piyo …

NETFLIXの最強人事戦略 を読んだ

NETFLIXの最強人事戦略 自由と責任の文化を築く作者: パティ・マッコード,櫻井祐子出版社/メーカー: 光文社発売日: 2018/08/17メディア: 単行本(ソフトカバー)この商品を含むブログ (2件) を見る Kindle でハイライトしながら読んだのだけれど、 ハイライ…

カメトメ🎥を観た

kametome.net 完全なるカタルシス映画 何も聞かずに、いちどみるべし 👀

Go で RESTful API

使ったフレームワーク gorp gin whitech0c0late.hatenablog.com RESTful API 理想のサンプルがあったので、これ動かしてみる JSON で返す 1テーブルの CRUD gist.github.com Struct とマッピングして、JSON 返したりしてる 生クエリ書いててわかりやすい Str…

Go の フレームワークとか

Go

一覧 GitHub - mingrammer/go-web-framework-stars: Web frameworks for Go, most starred on Github ヨサソウなので、つかってみる ルーティング gin Web フレームワークとして、イチバンメジャーで使われてるっっぽい JSON レスポンス返したり、params 受…

Go で MySQL につなぐ

MySQL せっかくなので 8系つかってみる $ docker pull mysql:8.0.12 $ docker run -v /tmp/:/etc/mysql/conf.d --name mysql8 -e MYSQL_ROOT_PASSWORD=wa9wa9 -d -p 13306:3306 --rm mysql:8.0.12 $ docker ps CONTAINER ID IMAGE COMMAND CREATED STATUS PO…

Go の Interface

ダックタイピング Go言語にはインタフェースがある。 明示的に実装しなくてもインタフェースが定義するメソッドをすべて実装していれば、そのインタフェースを実装していることになる(ダックタイピング)。 Go言語における埋め込みによるインタフェースの部…

Go の Map

Go

Map 型の同じ Hash のみたいなやつ package main import "fmt" func main() { colors := map[string]string{ "red": "#ff0000", "green": "#4bf745", "white": "#ffffff", } colors["yellow"] = "pugera" delete(colors, "yellow") printMap(colors) } func …

Go の Struct

Go

Go の 構造体(Struct) と ポインタをみてみる (ポインタは、学生時代にC言語で挫折した記憶ある) ポインタは、こういう感じ 例) package main import "fmt" func main() { name := "Bill" fmt.Println(*&name) // "Bill" } - * オペレータは、ポインタの指…

Go でテストかく

トランプの枚数、ちゃんと生成されているかのテスト package main import "testing" func TestNewDeck(t *testing.T) { d := newDeck() if len(d) != 52 { t.Errorf("Expected deck lengh of 52, but got %v", len(d)) } } 実行これだけ $ go test タイムア…

Go を触ってみてる

なんとなく気になったのでやってみてる できたもの トランプのデッキ作って、シャッフルして、結果をファイルに保存するやつ github.com Go をはじめて触った 慣れている Ruby 版もかいた (OO とのアプローチの違い学ぶ) まだ慣れないけど、ちょっとずつや…

セブンの惣菜パンこれうまい

サラダチキンロール(シーザーソース) 276円(税込298円) サラダチキンロール(シーザーソース) - セブン-イレブン~近くて便利~ さいきん、よく食べてる🍞 カロリーも一般的な菓子パンより低いし、ヨサソウ

線路