:-) 🏕

Written by Keisuke Kan who lives and works in Japan building useful things. You should follow him on Twitter

他業種からエンジニアを目指す

他業種からエンジニアを目指すには 目的を持ってコードを書く バグを生む・解決する 相談できる師匠に出会う 自身のエンジニア人生を振り返って 今となってはは当たり前のように扱っている下記のようまものからスタートしたわけではなかった Git(hub) Editor…

expect(null).toBeDefined() // pass

泣いた refs: https://github.com/facebook/jest/blob/v26.0.1/packages/expect/src/matchers.ts#L196-L212

Who am i

TL;DR https://gist.github.com/9renpoto/a7f7a2a4dead3bf5c95d8898a62e1cec 何ができるのか改めて考える 2020 年 https://gist.github.com/9renpoto/a7f7a2a4dead…

Happy Contributions 10,000

TL;DR 目標していた コミットを超えた 直近 1 年少しは極力コードをかける環境を維持できている気はする public…

nest-raven GraphQL support

TL;DR https://github.com/mentos1386/nest-raven/pull/31 は の wrapper で のエラーに対する対応が弱い を使いながら一部の API を REST を用いて表現することはある (ex. authorize…

Preact with storyshots

TL;DR を使って を都合よく動かせなかったのでテスト時には に依存する が webpack の設定次第で意図せぬ変換をされてエラーになるので exclude Preact only development with…

PAPER STRESS

年始は確定申告含め紙仕事に追われる 紙仕事が物理的に積み上がっていることは Issue が積み重なるよりも数倍のストレスが可視化される 具体的にこのストレスから脱することに対しても投資していきたい

2019年 仕事終わり

TL;DR findy-codeで 10 位だったそうです (昨年 25 位） スキルは変更を図っていますが、スキル値はまったく変動なし GraphQL…

My next stacks

TL;DR https://www.stackshare.io/9renpoto Rails => NestJS Swagger => GraphQL React => Preact https://github.com/9renpoto/frontend https…

Add domain

TL;DR Bought a domain I’ll do my best

GraphQL: type-graphql so cute 🤗

TL;DR type-graphql + typeorm で defition 管理は割とちょうど良さそう schema 管理と response interface 管理はいつも悩ましいがある程度統一的に宣言できる Entity と を併用してかける https…

GraphQL: Schema first or Code first 🤔

TL;DR GraphQL は万能ではない Code first をもう少し素振りする Graph QL GraphQL のサーバー実装ができないか NestJS を素振りしている Swagger 等で Definition…

Happy sunsama.com 🌤️

TL;DR https://sunsama.com/ github の時間管理の弱さを補うためになかなか良い使い心地 様々な連携と柔軟性 カレンダーとタスク管理というシンプルなアプローチの心地よさ Sunsama.com もともとsunrise…

Handling Environment Variables with NGINX

NGINX with docker 設定ファイルの中に一部環境変数を適応したい 環境変数を読み取るには などで拡張することが必要 Docker 上に変更のための構造をできるだけ入れたくなかった => を使って置換する Dockerfile…

defined? function

を回避するのに存在を確認すればいいと思ったけれど、その時は を別で使う必要がある いろいろな書き方があるのは難しい https://www.rubyguides.com/2018/10/defined-keyword/

Omit types

TL;DR TypeScript で　 がサポートされた UnionTypes から する難易度が高い formik-material-ui https://github.com/stackworx/formik-material-ui/pull/8…

Technical debt

TL;DR people / money / time is limited i do not know now about the person who will be adopted in the future i cannot do everything at the…

Thank you, waffle.io

A little while ago, the service I used all the time closed. waffle.io was an essential tool for my study. Currently, we are trying to…

Phoenix framework再入門

TL;DR dependabot が に対応したため追いかけたいライブラリへ依存したい 一強時代と読んで追いかける https://github.com/9renpoto/ex 前々から興味はあった 言語標準 formatter 最高 monorepo…

重い腰を上げてRailsを見る

TL;DR いろんな会社に話を聞きに行ったが、まだまだ世界は Rails そうだ Rails を学ぼう とりあえず数時間だけ作った、 getting started を進めていきたい https://github.com/9renpoto/rb Ruby…

2018年 仕事終わり

TL;DR findy-codeで 25 位だったそうです 偏差値は高くないです 芝生を温める ここ 2,3 年、勉強するために芝生を温めている事が多いです。 芝生が温まっている要因は、大きく 3 つです。 コードを書く仕事を行う。積極的にコード化する（private…

評価

TL;DR…

next.js で `process.env` 以下の環境変数を参照する

TL;DR をとりあえず使う を使う refs: https://github.com/zeit/next.js/issues/3605 なれてるし使いたい。わかる イマイチ推奨されてないようで、 複数のサンプルが紹介されている を使う refs: https…

SOTO ST260 ガスランタン

TL;DR ガスランタン には マントル という消耗品が必要 ノーブランドから存在するがサイズに非常に注意する ST260 CB 缶の使い方の 1 つとして雰囲気のあるガスランタンを買ってみようと思い立った 買った際に付属でマントルがついてきたので、…

nodefest 2018 参加メモ

memo https://nodefest.jp/2018/ Offline-First Collaborative Data Structures Collaborative P2P https://nodefest.jp/2018/schedule.html…

道志の森キャンプ場

doshi-no-mori

退職

TL;DR 退職いたしました 現在求人募集中です Self TypeScript / React ちょっとできる Perl / Python / Scala…

浩庵キャンプ場

koan

一流

class 人に言われるまでやらないのは三流 自分で課題を定義できない人は二流 自分にできない何かを持っている人は一流 (実行する|実行しない）だと実行するしかない。 実行しない人はそっとしておく。

近況のアウトプット

TL;DR 直近アウトプットの無さに危機感がすごい せめて考えていることを記録する癖をつけたい できない仕事は投げ捨てたい 集中と選択が求められる。現実を受け止める。やらないければならないことはやる。

仕事と余裕

最近慣れてない仕事をしていることもあり、毎日残念なコードを量産している。 現状の課題を打破しつつ、負債を小さくするためには正直あと…

滝沢牧場キャンプ場

TL;DR…

大洗キャンプ場

TL;DR 積載は大事 打ち合わせは大事 Keep 人脈を駆使してでもヘルプを求める 使い捨てをうまく駆使する 発泡スチロールクーラーボックス 200 円便利 Progrem…

issueとタスク

TODO ツールアンチパターン 着手する見込みのない妄想を issue にすると永遠に埋もれる 今は着手しないけど本当に必要なことは何年先でも覚えてる 3 か月以内にやらないことは可視化しない

手元のiPhoneご臨終感

モバイルゲームをしなくなり意味もなくダラダラ続けてきた iPhone6 が物理的に調子が悪い 新しい機種が出るのまで持たなそうなので考える

play入門

環境 https://github.com/9renpoto/scala とりあえず generate して何がでてくるか CI でテストを 1 つだけ動かす

退職

前職の会社から入社して、早 4 年年が経過しました。素晴らしく優秀なメンバーに囲まれた…

next.js がやっとTypeScriptを使えるように

TL;DR 感想 TypeScript を使うために一度手前で tsc したりしてましたが、何時のまにか念願のサポートが入った 実際 webpack のオプションが設定できるのだからできて当然だと思っていたが公式から来ると嬉しい Refs https://github.com…

エンジニアリングと仕事

自分にとってエンジニアリングは手段であって目的ではない 目的は金を稼ぐこと（様々な前提はあれど） いけてるプログラムを書いても、どれだけパフォーマンスが出ても、価値が無いものには意味はない。 ビジネスとしてのプログラムが書きたいし、プロダクトを作りたい。

ふもとっぱらキャンプ場

TL;DR 最高 マイナス…

環境変数なんとかしたい

TL;DR 結局うまく動いてない config を wrap するんじゃねえ頼む Refs babel 依存 https://github.com/zeit/next.js/tree/master/examples/with-universal-configuration…

アクションカムとバイクの組み合わせ妄想

TL;DR…

travis-ci jobs

TL;DR 時代は workflow なんですね Travis Stages https://docs.travis-ci.com/user/build-stages/ 多分 workflow を stage 単位に組めるんだと思っている matrix…

github projectsが少し良くなっていた

TL;DR 進化はしていってるありがたい 早い 今まで カンバンに手動ですべて追加し直す必要があった Card の存在価値とは 要望 org projects を公開プロジェクトとしても作りたい template をカスタムして保存したい デフォルトで Add…

2017年終わり

振り返り Keep 型 / Formatter / 関数最高 ⛺ Problem イノベーションが起こせていない 人間関係サボリ気味 簡易サービス運用できてない Try 外に出る 冒険する 怒られる

dependabotのすすめ

TL;DR goodbye greenkeeper welcome to dependabot JavaScript ライブラリを追いかける ライブラリ更新サービスは、ライブラリの更新を追いかけるのには必須のサービスだ 薄く依存させ CI…

travisで環境変数に気をつける

TL;DR travis で環境変数が引き継がれない 仕様だった https://docs.travis-ci.com/user/pull-requests/#Pull-Requests-and-Security-Restrictions…

Frontend JavaScript Anti-pattern

TL;DR 自分のエゴで書いてる手癖や無駄な努力をコードレビューするのは非生産的 積極的に linter を採用 test 1 ファイル、single 親を 1 つ できれば一旦闇を保留にできることが多い…

フルスタックと器用貧乏

エンジニアにとっての集中と選択 なんでも出来るようになったほうが良いのか 現在の自分の選択は 1 つのジャンルを勉強するだけで年中 Github…

product owner

個人的な意見 完成した後に後出しジャンケンで要件を伝えるのは悪 変更はすればいい。「出せない」を言うのは何時何時であれ遅いので、言いたいやつは目を凝らす そもそも、出せる・出せないを判断する人間はプロダクトから目を離すべきではない 決定を譲渡できないのであれば人の…

plug to dein.vim

TL;DR vimrc も toml で書く時代になったのか before vim-plug が流行っているらしいから使っていた vim bootstrap で作成したものを使っていたが、これがさっぱり動かない after とりあえず lightline, vim-guttier…

SPAとInitial State

TL;DR 誰か初期状態を持っているのかはっきりする 初期状態が定義されるタイミングを考慮する SPA の鬼門は 管理であるといって過言はない。 今回は初期状態について現在考えていることをメモする。 前提 URL は Rest とする ページ内から幾つかの API…

ComponentとContainers

TL;DR React の場合 見た目に必要なものは JSX だけで である必要はない はライフサイクルを持つ はデータとの関係性を持つ Functional Component React のドキュメントを読んでいるとを extends…

JavaScriptが苦手な方にという発表を社内でしました

TL;DR JavaScript が苦手な方にという発表を社内でしました slides slides events まとめ 中身の無い話をダラダラと長く話してしまった 反省している img

複数環境構築のためにLernaを使う、が

TL;DR 期待通りに動かない npm or yarn npmClient を指定できるようだが、yarn を指定すると永遠にインストールが終わらない問題に出くわす https://travis-ci.org/9renpoto/eslint-config/builds…

ツーリングに便利。インカムデビューをする

TL;DR インカムは良いものだ、世界が変わる タンデムなどにもおすすめできる BT-X…

フロントエンド勉強環境にlernaを使う

TL;DR lerna は大きすぎない package を複数管理するときに割りと便利 lerna で便利なものと、対応していないものがある flow-typed, etc Lerna babel 等で使われており存在は知っていたが、プラグイン等を管理するような package…

TypeScriptにもformatterを

TL;DR TypeScript も prettier 正式採用で快適フォーマット eslint も進んで来ており快適に Prettier すっかり気に入って使っているが、TypeScript…

avast network check

TL;DR に引っかかった ご認識の可能性は未報告 経緯 avast が警告を発しあるモジュールがダウンロードできない https://github.com/takuyaa/kuromoji.js/issues/19 virtualbox…

本日の酒

TL;DR 雄町はうまい。 sake 至福の一杯。

ドキュメントの価値

TL;DR 本当に必要なのはドキュメントなのか考えましょう Living Documentation 納得した資料（） リーダブルコード 過去ログ 自分の考え ドキュメントを書くつもりでテストを書く Doc Test 不要論 動かせるのでメンテナンスはされている（Good…

モチベーションを上げるためにカレンダーを書く

TL;DR 記事をかけていないことを可視化する https://github.com/9renpoto/entry/pull/22 やる気を出す contributions calendar github…

ブログをgatsbyjsで作り直す

TL;DR gatsbyjs でブログを立て直した goodbye hugo 経緯 Hugo を使っていたが に勉強要素がなかった SPA ベースのブログとして拡張可能なものを探した その他に検討したもの nextin next.js ベース css の扱いで苦戦 https…

fish shell 入門

TL;DR fishshell に移行した fisherman を導入したらほぼ独自に記述することがなくなった fishfile だけ管理していれば良さそう 補完的に速度が気持だけ遅くなった？ 設定が必要？ 作業内容 https://github.com/9renpoto…

Fixed: brew cask --language

TL;DR brew cask オプションが治りました firefix nightly がインストールできるようになりました 気持 めでたい。少し Firefox をデフォルトブラウザとして頑張る。 image Before https://9renpoto.dev/201…

TypeScript で coverage を計測する方法を変える

TL;DR nyc が公式でサポート 事前の tsc して remap-istanbul しなくても良くなりました（後述） Usage 公式ドキュメントをそのまま記述 https://github.com/9renpoto/ts/pull/93 メリット 前回：https…

brew caskにlanguageを指定するらしいけれど

TL;DR 動いてくれ頼む Log Refs https://rcmdnk.com/blog/2016/10/31/computer-mac-homebrew-firefox/ https://github.com/Homebrew/homebrew-cask/blob…

google optimize を読む

TL;DR google optimize で今適応されているテストは何か調べた テストの結果は first party cookie という名前で記録されている 規約は読んで自己責任で参照しましょう 軽く調べた結果 公開情報 という名前で記録されている cookie…

nuxt static site genetator

TL;DR SSR かと思ったら静的サイトも生成できる時代 良い素振り環境であれば進んで移行 gatsby https://www.staticgen.com/gatsby React…

i18n-webpack-plugin所感

i18n-webpack-plugin i18n-webpack-plugin TL;DR 必要最低限の機能・サイズになる 事前に i18n 後の JS として複数の output とするアプローチ できることはシンプル（現状） 懸念 テンプレートエンジンなどで locale…

storybook v3が待ち遠しい

TL;DR として v3.0.0-rc がリリースされました。 storybook の流れもあり開発が止まってた storybook…

variableの範囲でscssをカスタマイズするときの注意

TL;DR で定義されている variable は 前に定義する _variable.scss css…

アクティブでなさそうなSlackチャンネルをArchiveお願いする

slack-channel-active-reminder 書いたもの： https://github.com/9renpoto/slack-channel-active-reminder slack…

prettier < eslint

eslint-config-prettier は使わない styled with prettier https://github.com/prettier/eslint-config-prettier で直してくれそうな機能を にして干渉を回避する linter…

prettier 事始め

prettier https://github.com/prettier styled with prettier が最高だと思っていたがまた新たに formatter が出たので依存する。 eslint-config-prettier https://github.com…

PS4破損

TL;DR 修理は見送り 気が向いたらスリムを買い直す（4K テレビを買う予定がない） 言われてみれば PlayStation は初破損 購入したのは Bloodborne 発売次期だったはずなので 2015 年春頃 ちょうど 2 年目で破損 PS1 から PS…

sticker 選手権

お世話になった 手放すことになったので綺麗にする。 手動の限界。 薬品使ってなんとかここまで、お世話になりました。

2016 package.json

現在依存モジュール 最高 これがないと仕事ができない から へ引っ越し中 既存のコードにも強気で入れられる flowtype…

2016 and 2017

2015-2016 and 2017 Keep ライブラリーの依存を増やす（眺めるライブラリーを増やす） 見える場所にコードを書く Problem 知識がフロントエンドに偏りがち WIP 増加 Try Functional Programming 簡易サービス運用

neovim 導入

TL;DR neovim は早いように感じる lua 拡張は動かない様子 Install 公式の通りですんなり入りました。 Usage を見ていないようなので調整 基本的に設定は使い回せる neocomplete…

nodefest 2016 参加メモ

参加メモ Building Interactive npm Command Line Modules arguments parsing 200 種以上の package yargs 便利 Interactive なオプションを宣言的に記述できる https://lrlna…

第3回 Reactive System Meetup in 西新宿

参加メモ https://reactive-shinjuku.connpass.com/event/38411/ ハッシュタグ リアクティブ DDD について 株式会社 ChatWork 加藤潤一氏（@j5ik2o） リアクティブ DDD…

macOS キーチェインが動かなくなったので keychain を導入する

macOS update メモ ssh passphrase を常に問い合わされるようになった。 調査 keychain ssh-agent keychain 入れてみる https://github.com/9renpoto/dotfiles/pull/3…

Frontend Meetup 01 参加メモ

Frontend Meeup #1 https://connpass.com/event/38112/ React/Redux で快適フロントエンドライフ（仮） by @takayuki_shmz (株式会社 FiNC) https://tech.nikkeibp.co.jp…

storybook を TypeScript で動かす

React Storybook を試す TL;DR react-storybook は component の styleguide TypeScript のままでは動かせないので一度ビルドする（2016/09 現在） addon…

勉強を続けること

勉強する 勉強について考える。 TL;DR…

#html5j 参加メモ

html5j logo 基調講演 speaker: 中村修。 大規模分散オペレーティングシステム。 HDR Web は Web 以外に存在するデータ表現を全てできるべき 全て internet の上にある発想 Big Data AI IoT Distributed…

TypeScript のテスト環境を考える

上手く動かない https://travis-ci.org/9renpoto/ts/builds/156475663 アバウトな構成 ・ しても問題ないように見えるが、 を通した場合 など出てきて非常に厳しい。 https://github.com/9renpoto…

TypeScript で coverage を計測する

TypeScript で Coverage report を計測する TL;DR remap-istanbul を使う Usage Memo > という流れになったため JavaScript としてテストをする形になる espower-typescript…

TypeScript with power-assert

TypeScript で power-assert を使いたい TypeScript テストについて 少し調べました。 https://github.com/9renpoto/ts/pull/31 原因 TypeScript…

riot.js 勉強会 #1

Riot.js 勉強会 #1 https://riotjs-jp.connpass.com/event/35724/ 参加メモ 小さいライブラリーを維持するための努力は大変 セマンティックバージョニングは大事 悩み web component 時代の css , html…

typescript test

TypeScript の勉強を頑張ろう 9renpoto/javascript/pull/19 下記を満たす簡単なサンプルを書く。 複数 module mocha によるテスト power-assert によるテスト が通らないので中身を見て調べる。

Update Blog

TL;DR Hugo を利用して に公開 mozilla/oghlinerを利用してオフライン対応 Hugo を利用して gh-pages にデプロイ 公式ドキュメントで wercker-ci…

yapcasia

yapc asia memo yapcasia に参加したときのメモを残します。 Effective ES6 denger class constractor new ナシで呼ぶと Error IE11 ES6 は実装しない transpiler ES6 to ES…

create hugo theme

TL;DR ブログを から へ移行しました hugo theme 書きました theme を書くために cmd1 つでテンプレート作成。 Document がよくまとまっていますので参考に。 TODO 以外の使い方調べる rss 作成 bower install…

EscでIMEを抜ける

vim など使ってると Escape して IME が残ってるとイライライラ ESC で確実に IME をオフにするを参考に設定を反映してみるも直ってないご様子。 どうも GoogleIME には神設定があるらしい。 image-googe-input…

マルチカーソル

使い所がわからない image ハッシュの中だけを のような json フォーマットに直したいとき atom などでマルチカーソル操作をすると全部選択されてしまってツラまる。 良い方法が知りたい。

#hcj-2014

Hadoop Conference Japan 2014 に参加してきました 個人的な所感としては。 spark 楽しそう（だけどまだ触るには勇気が） Presto も熱そう MapR 書くよりも SQL 書く方がお手軽 以下はメモ書き。 keynote hadoop…

コメントを楽に入れる

comment image vim だと矩形選択で頑張れるから甘えてましたが atom など使っていると comment ショートカットが便利で 良く使います。 image2 vim でも使えるようにしました 便利。

括弧の入力には欠かせない

Surround image surround.vim 便利 sublime-text でも使えるようですが atom の公式パッケージにも早くほしい。

GitGutter便利すぎ

Gutter image github などで開発していると PR が便利で 良くコードを見るようになりました 意味のないコード差分などはできれば出したくない。 sublime, atom にもあって vim にはないのか と思ってたら検索して…

同じkeyのハッシュのを作る時の操作

v-line edit image 同じ変数名を利用してハッシュのようなものを作成するときに 情弱で、愚直な操作をしてしまっている。 もっと簡単に入力する方法を知りたい。 atom や sublime-text では、さらに愚直に入力しており良い方法がないか知りたい。

読書 Team Geek

…

読書 アジャイルサムライ

…

入門chef

chef memo 環境構築といえば、chef だという噂を随分と聞くようになってきましたが、 なんだかんだと使ってなかったのでメモ。 とはいえ、レシピは誰かが書いてるので、 今回は出来る限りレシピを使う方法で構築を目指す。 前準備 必要な gem をいつものように。 chef…

クラス図を簡単に - PlantUML

PlantUML これから設計をはじめます、という時に 今までは小さな機能では、スキーマの設計から始めてしまっていたのですが。 久々に「クラス図を書いてみよう」という話になり どう書こうとなったのでメモ。 CUI…

riak meetup tokyo 2 に参加してきました

riak meetup tokyo 2 memo RTB and FreakOut RTB 概略。 ディスプレー広告の新しい見せ方 1 回の広告表示ごとに買い付け オークション形式によりアラカルトメニュー 広告主のネット広告における ROI 最適を目指す。 RTB…

Go Conference 2013 spring参加してきました #gocon

Go Conference 参加メモ image Go 言語で作る Web アプリ @tenntenn HTTP サーバー簡単に書ける。 https://docs.google.com/presentation/d/1rrY2oibeUrqjF4ga5L…

pyfes 2013/3

TL;DR image 今回も楽しいお話がたくさん聞けました。 ありがとうございました。

riak meetup tokyoに参加してきました

Riak intro & RICON 報告 @kuenishi 分散システムの研究や開発は 5 年ぐらい 日本法人が 9 月に出来た。 Riak の紹介 Dynamo にインスパイアされた Consistent Hassing による水平分割する Vector Clocks…

リーダブルコード読みました

…

elixir install

Elixir はじめよう Elixir 楽しそうなので勉強はじめます まずは erlang の install から。 erlang も brew から入れられるなんて楽な世の中になったものです。 brew だけで install 終わり。 terminal で iex…

Python Developer Festa 参加してきました

Python Developer Festa 参加してきたので、そのメモ Cloudera Impala について @shiumachi さんより。 Impala とは Cloudera が開発した低レイテンシ・分析特化型のクエリ実行基盤 google Dremel…

python install

first Python Pycon に参加しようと思ったんですが、Python 素人のボクはまず環境構築から。 Python の version 管理 Python は pythonbrew+virtualenv…

octpress install and setup

octpress 試す Octpress の利用を始めたので、簡単にインストール方法と設定、使い方などをメモ。 github page の初期化 octpress のインストール 先ほど作成した username.github.com と同じ階層に octpress…

start blog

とりあえず Blogger 使っていたのですが いろいろと使いにくく感じていたのでこちらに移転。 適当に更新していきます。