今さら感はありますが、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作っておくという手順をする場合に使うやつです。 通常は何か変更を加えないとコミットできないですが、以下のコマンドを打つと何も変更してな[…]

React.js

recomposeはreactのコンポーネントに状態を持たせたりいろいろできるみたいです。 第一引数がstate名、第二引数がfunction名、第三引数が初期値です。 これでいろいろと操作できます。 参考 https://qiita.co[…]

css3

cssのfilterにdrop-shadowがあるのは知ってたんですが、box-shadowと同じじゃんと思ってました。 が、実はかなり頭いい奴。以下のcodepenの通りです。 See the Pen shadow by misumi ([…]

銀座のリフレクション

4月の間関東にいたので、関東で撮ってきた写真です。 東京といえば東京駅。これはkitteという建物の屋上から撮りました。ど正面の次ぐらいによく見る構図ですが、せっかく東京にきたので撮りました。 銀座で見つけたおもしろいリフレクション The[…]

building

flow-typedを導入して外部ライブラリが引っかかる時にやるやつ。 まずはflow-typedコマンドを使えるようにしときます。 こんな感じでライブラリ検索します。 そしてflow-typedのバージョンと該当ライブラリのバージョンを指[…]

webpack2

webpack4がでましたね。webpack2触ってからはwebpackをほとんど触ってなかったです。 けっこう良さげな話を聞いたので軽く試してみました。webpack.config.jsがなくてもビルドまでできるみたいなので、最低限のコー[…]

React.js

react-autosuggestを使ってサジェスト機能を作る機会があったのでメモ react-autosuggest 大体はこちらの記事を参考にできました!ありがたい。 react-autosuggestでサジェスト(Autocomple[…]