vscode

Hugoを使っていると設定をtomlファイルに書くのですが、その時にきれいにしてくれる便利なvscodeプラグインです。 Better TOML インストールして有効かするのみ。 最近記事が手抜きなので、そろそろちゃんとキャッチアップとアウ[…]

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コマンドがあるそうです。 いまいち違いを書いてくれ[…]