vscode

VS Live Shareというペアプロで便利なVS Codeのプラグインを最近よく使っています。 リモートで仕事していると、コードで詰まって詳しい人に教えてもらう時に、通話だけでなくエディタを共有してコードを書いてもらうことができます。 […]

どれぐらいすごいのか分からないですが、滅多になさそうなので記念投稿 この写真が選ばれました EDITORS’ CHOICEで選ばれた写真はこちらのページにアップされます。 Hand-picked by our editors ど[…]

css3

CSSのoverflowが思っていたoveflowとはちょっと違っていてハマりました。 overflowってx軸とy軸それぞれに指定できると思ったんですが、そうでもないんですね。 yはscrollでxはvisibuleにしたいけどできません[…]

7月に撮った写真まとめ。 ここの写真はほんの一部で500pxなどで公開してます。 500px 東京に行った時に新橋で撮った写真 これは大阪駅で。日が差してるのは直射じゃなくて、ガラスの反射から。 夏らしく花火 こちらはよく行く淀川で

vuejs

普段はReactでStorybook使ってて、便利なので手放せないなという感じです。特にコンポーネントベースのAtomicデザインで作るときは。 導入方法に何か違いがあったり、つまづくところあるかなと思いましたが、あまりありませんでした。 […]

webpack2

webpackを使って開発中に、ファイルを更新した時にビルドが成功すると通知を出すwebpackプラグインです。 webpack.config.jsに以下を書きます。 soundはデフォルトだと「フォン」という音がなります。うっとおしかった[…]

今さら感はありますが、Gridを試してみました。 まずは基本形 See the Pen grid layout basic by misumi (@mismith0227) on CodePen. grid-template-areasでエ[…]

React.js

HOCをつかっていたけど、childrenをFunctionとして渡すことで同じようなことができるらしい。 参考記事 Function as Child Components Reactのfunction as childとは何か Reac[…]

flexboxの子要素のさらに子を三点リーダーさせたい時にうまくいかなかったのでメモ 上のパターンは簡単ですが、下のパターンは少し曲者。 See the Pen flexbox-santen by misumi (@mismith0227)[…]

鶴橋のポトレ

6月ももう終わりそうなので写真まとめ。 ここの写真はほんの一部で500pxなどで公開してます。 500px まずはメインビジュアルの写真。鶴橋で撮りました。鶴橋の古びた商店街と服の色がいい感じでマッチしてる。 これは面白い影を利用した写真。[…]

vuejs

仕事ではひたすらReactなので、他の技術も触ってみようと思いVueをはじめてみました。 Vueはvue cliを使うと楽チンらしい。 vueのプロジェクトを始めるにはcreateとinitコマンドがあるそうです。 いまいち違いを書いてくれ[…]

hugo

Hugoではhugo serverでローカル環境が立ち上がりますが、開発中はGoogle アナリティクスの計測を除外したいという場合があると思います。 アナリティクスでも設定できそうですが、Hugoのタグでも除外することができます。 以下の[…]

5月に撮った写真を何枚か KYOTOGRAPHIEで撮った三三九の通路の写真。ここはKYOTOGRAPHIEの期間だけ解放されてた貴重な場所でした。 京都タワー。ちょっと違った感じの切り取りで 着物でぶらぶらした時のやつ ひさびさモノクロ

building

小ネタですがちょいちょいやるのでメモ 複数人でgitを使って、作業する時にまずコミット・プッシュして、PR作っておくという手順をする場合に使うやつです。 通常は何か変更を加えないとコミットできないですが、以下のコマンドを打つと何も変更してな[…]