ピカブイ ポケモン連れて歩けるんだけど それだけでもう夢がかなったーって感じなのに でかすぎるポケモンは乗れるのやばい。 そしてガルーラは肩に乗れて、ポケットにイーブイ 入れてくれてるのやばい https://t.co/Q6Xpy1yAOJ

概要 今までは純粋なStringで管理していたBlogの記事内容を、Wysiwyg編集できるようにするときにした作業の中身についてまとめました！ ↓ 技術背景 rails react-rails react-railsの導入方法については本題から逸れるため、この記事からは省きます。 上記技術背景のプロジェクトに置いて、下記技術を導入しました。 Draft.js ReactでWysiwygエディタを作るとしたら「これ」というもの。 Facebook製なため人気も高く、Ecosystemが整いつつあり、簡単に導入できかつ要件に合わせて機能追加が容易です。 react-draft-wysiwyg Draft.js製のStand Alone Editorは様々あり、Mediumのような形式からツールバーが上に出てる旧来の形式まで様々です。 https://github.com/nikgraf/aw

(治安の悪くない Emoji も作れます) 作ったもの ここで遊べます おもしろいところ GIF アニメのエンコードまですべて js で完結しているので、ありがちな「謎のサーバーに画像アップロードするといい感じに変換してくれる」的なサービスと違って、素性の知れたコードがクライアント側でサクサク動きます。 なにができるの？ 画像を 128px x 128px に変形 画像を、 Slack にアップロードできる（現状）最大サイズの 128px x 128px に変形します。 ローカルのファイルから選ぶか、画像の URL を入力できます。アップロードするわけではないので、デカい画像でもサクサクなのがお気に入りです。 変形は 正方形に引き伸ばし（アス比無視） 正方形いっぱいに拡大して、余ったところはトリミング（アス比維持） 正方形に収まるように縮める（アス比維持） から選べます。 テキストから画像