ImageMagickのリサイズまわりの挙動を調べてたら異常なアニメーションGIFが掲載されいているのを発見して，その瞬間に調べ物はどうでもよくなった． 領域が狭くなると，文字が帽子の上に周りこんでいる． http://www.imagemagick.org/Usage/resize/#liquid-rescale Seam carving(liquird rescale)は画像のなかで自然に切り取れるところを探してリサイズする技術．物がないところを探して切り詰めるので物だけが残る． Seam carving - Wikipedia ImageMagickをliblqrつきでインストールすると使えるようになる． brew install imagemagick --with-liblqrオライリーの書影とか見るからに縮めやすくてめちゃくちゃ楽しいのでは?と思ったので練習． Docker 作

技術書典04で購入したNuxt tech bookを読みました。読みながらやった素振りの結果 → c18t/hello-nuxt 総評 Vue.jsでフルスタックなウェブアプリケーション開発をしたいなと思っていたのでNuxtが気になっており購入。軽めのウェブアプリケーション開発で必要になりそうなトピックの選び方がいい感じで、公式以外の情報が少ない中、軽く読んでまとまった情報が手に入る良書でした。 TOC 01: イントロダクション 02: Nuxt.js概論 03: Nuxtによる基本的なWebアプリケーション開発 04: Nuxtの機能をフル活用する 05: 実践的なWebアプリケーション開発ノウハウ 06: Nuxtのエコシステム 07: Nuxtの情報収集・キャッチアップのススメ 08: あとがき 01: イントロダクション 今後、フロントエンドのフレームワークに求められるモノ 高い

1年くらい前に仕事でNuxt.jsをいじる機会があったんだけどそれ以来使ってなかった。 ただ、GW中にNuxt tech bookを読んだところ久々にいじりたくなってしまい。 そこでちょうどFirebase HostingとPWA化に関して調べてたとこだったので、Nuxt.jsのサイトをPWA化してFirebase Hostingで動かす手慣らしでもしておこうかと思いやってみた。 ただ、普通にやっても面白くないので一応Lighthouseのスコアを満点にすることを目指してみることにした。 コンテンツはNuxtのスターターキットの初期生成されるページ。このページを対象に行う。 以下、Firebase Hostingの設定・Nuxtのプロジェクト作成・PWA設定・Lighthouseのスコア上げの流れで説明してます。 一応ソースはこちらで。 nuxt-firebase-hosting-samp

Kaizen Platform で CTO をしている渡部です。 当社ではどんなことを考えながらエンジニアリングに向き合っているか、どういう仲間と一緒にチームを作りたいのか、というのを今日はお話しさせていただきます。 ちなみに今日は左の上の奥歯を抜いてきたのでとてもつらいです。慰めるためにはてブもらえると痛みも和らぎます。 エンジニアリングの進化の歴史を俯瞰してみる まず、認識しておきたい構造として、上図中央の「ミゾ」です。 開発者はビジネスのことなんてわからないからどうせ何を言っても無駄だ 開発がわかってないやつに開発のことをわかってもらうことなんて無理だ といった会話を聞いたことはないでしょうか? 実社会と開発の世界がある意味異なる言語で生活していて、同じ日本語なのにお互いの言葉が伝わらない、みたいなことが起きてしまいます。 これこそが「ミゾ」の正体です。開発の歴史はこの「ミゾ」を超え

フリーマーケットアプリのメルカリ（東京・港）が6月19日に東証マザーズ市場に上場する。今年、新規株式公開（IPO）が予想された注目企業の一つで、時価総額は2000億円を超えるとの見方が多い。低迷気味の新興市場の活性化につながるとの期待が高まりそうだ。東京証券取引所が早ければ14日にも上場を承認し発表する。2013年設立のメルカリはインターネットを通じて個人間の物品売買を仲介している。手軽さが受

昨年からどんどん勢いが伸び、今年注目のフロントエンドフレームワークである Nuxt ですが、 Nuxt v2 の発表から一ヶ月以上たち、そろそろ待てなくなってきているかたも多いのではないでしょうか？ この記事では、そんな Nuxt v2 を、先行リリースとして公開されている nuxt-edge を利用する形で、現在実際に Nuxt 1.x が動作している、私の個人開発サービスである「請求書クラウド SeQueue」のアップデートした流れをご紹介いたします。 Nuxt v2 の大きな変更である webpack 4 へのアップグレードは、開発効率の向上に大きく貢献することから、少しでもはやく Nuxt v2 を利用したい！というかたも多いでしょう。 そんなかたのお役に立てることができれば幸いです。 ちゃっちゃと結論だけみたい人は一番下の「まとめ」まで飛んでください。 プロジェクトの状況 今回ア