はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? VueConf USでのさまざまな発表 今年の3月に VueConf US が開催されました。最近になってビデオが公開されて初めて知ったこともあるので本記事ではその紹介をします。 いろいろ面白いトピックがあるのですが、特にVueコアチームのGuillaume Chauさんによるパフォーマンス改善テクニックはまじかーという感じだったのでここにまとめたいと思います。 "9 Performance Secrets Revealed with Guillaume Chau" プレゼン動画: http://www.youtube.com/watc

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 長々としたタイトル通りのブツを作りました。 その技術内容を紹介をします。 ブログサイト STUDIO Blog | Webデザインのための、クリエイティブメディア Studio Designのマーケティングブログです。 元々Mediumを使っていたところから新規に作ることになったのですが、「じゃあ当然headless CMSでCDNでPWAなサイトですよね！？」と自分なりのフロント技術観を振りかざしてしまいました。 パフォーマンス キャッシュなしのファーストページはまあまあ及第点でしょうか。 遷移時や再訪時だとキャッシュ優先でネットワー

GitHubのIssueをNuxtとNetlifyでブログ化するというのをやってみたので解説します。 デモサイト： https://gh-blog.netlify.com/ Issues： https://github.com/miyaoka/gh-blog/issues Headless CMS はじめにHeadless CMSについて解説しておきます。旧来のAPI無しのWordPressのような一体型CMSではなく、コンテンツ管理部分を切り離してAPIでやりとりできるようにするのがHeadlessなCMSです。これによりフロントの実装やデプロイが疎結合になり、好きにできるようになります。 例としてCMSにContentful、デプロイにNetlifyを使う構成だとこんな感じになります。 参考） 次世代Headless CMS「contentful」事始め - Qiita Nuxt.js

はじめに mizchiさんのCSS Grid Layout GeneratorをElmでクローンを作っている（記事）というのを見て、関数型すごいなあと思いつつ、中身のロジックは置いといて単に見た目同じようなものをVueで作るならどのくらいで出来るかなと興味が湧いたのでベンチマーク的に目コピを試してみました。 結果から言うとこんな感じになりました。 デモ： https://vue-grid-generator.netlify.com/ リポジトリ： https://github.com/miyaoka/grid-generator 今回記事にまとめるにあたり、特にゼロから立ち上がりの部分を見ていったらいろいろ手順とかつまづきどころとか作業見積もり感とか面白いんじゃないかなーと思うので、一個一個のコミットを拾って振り返ってみようと思います。 振り返り 1stコミット [11:34] コミット：

本記事は Vue.js #1 Advent Calendar 2017 の23日目の記事です。 TL;DR soussune（そうっすね）という技術系ポッドキャストのサイトをJekyllで構築してます よくVueの話をしてるのに肝心のサイトでは使ってない。のでVue使いたい Nuxt.jsにNuxtentモジュール入れて、nuxt generate で静的サイトを生成してデプロイしました ポッドキャストをやっている @trkw と @miyaoka の二人でこの一週間くらいスクラッチでサイトを作ってました。そこで実際にNuxt使ってみた話についていろいろ書いていこうと思います。 使用前・使用後 開発は8,9割程度終わった感じですが、現状まだ新サイトに移行してない状況です。 →移行しました。 旧サイト https://soussune-v1.netlify.com （開発リポジトリ） 新サイ

ErgoDoxを使うなら 既存のキー配列を根本から問い直しましょう。 そして、己のポリシーで新しい配列を生み出しましょう。 何故か ErgoDoxでは物理的に既存の配列はそのまま再現出来ない 直線的なほぼグリッド形状 そもそもキーボードってなんで斜めなの？ タイプライターだとアームの配置的にずらして並べないといけないけど、コンピューターならそんな必要無いはず 1860年代のタイプライターをいまだに引き摺ってる まっすぐにしようよ 6キーとか左手のほうが近いのに右手の扱いなのは変じゃない？ エルゴノミクス謳ってて左右セパレートなのに配置が斜めなやつはやる気が足りない ErgoDox 左右セパレート 直列配置 →すばらしい げぇっ、エルゴノミクス信者！ エルゴノミクスデザインとか理屈ばかりで実用的には大抵ロクなもんじゃないと思ってました でもまあ、いろいろと既存の概念を見つめ直す機会が生まれる

この投稿は ErgoDox Advent Calendar 2016 の 16日目の記事です。 しました ErgoDoxにモールスコード入力ボタンを実装しました pic.twitter.com/8nbV07FLi4 — みやおか (@miyaoka) 2016年12月27日 aからz、数字とスペースが出せます。 CapsLockかけとけば大文字に、日本語IMEオンにしておけばローマ字入力もできます。 できますと言っても実用性が無いことは分かりますよね。 なぜ ErgoDoxはファームウェアいじれるんだから、もうちょいファームウェア的なネタを書きたいなと思ったので どうだったか モールスコードの入力が難しくて何度も撮り直した…。もっとトンツートンツーかっこよくキメたい C言語よく分からなくてバッファーオーバーランした…。軽量言語ばっかり使っててごめんなさい… 実装 Merge branch

この投稿は ErgoDox Advent Calendar 2016 の 10日目の記事です。 IME設定の話 変わり種ErgoDox紹介の前に、昨日の@yutaszk さんの記事でIMEの話があったのでそちらのことを書いてみます。 ErgoDoxで言語入力を切り替えるには日本語の場合だとKC_LANG1/KC_LANG2がかな/英数になるのですが、そのへんは日本のコミッターのおかげのようでした。 →Can't use KC_LANG1 & KC_LANG2 key · Issue #312 · jackhumbert/qmk_firmware このやり取りを読むとどのOSでも使えるようになったとのことだったんですが、自分のWindowsではどうにもキーコードが出力されず、結局英字配列だとだめなのかなと思いました。 で、結局どうしたのかというと @yutaszk さんと同様に変換/無変換を

この投稿は ErgoDox Advent Calendar 2016 の 15日目の記事です。 前回のその1に続いて文字配列の話になります。 ErgoDoxはどうしてもキー設定する必要がある、というかむしろカスタマイズについて追求しがいがあるので、既存のキーボード概念にとらわれずに文字配列も考えていきたいという趣旨です。 Dvorakの先 == 21世紀のモダン配列 お題として「Dvorakのその先」と大層なこと言ってますが、昔はDvorak一択だったのが今では新しい配列がいろいろ登場しているということが言いたかったのでした。 どのくらいモダンなのかと言えば2006年以降の生まれです。 対してDvorakは1932年になります。1800年代のQWERTYが今なお現役で、対抗馬のDvorakも100年近く昔ということになります。それらに比べたら21世紀生まれの配列というのはめちゃくちゃモダン

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

この投稿は ErgoDox Advent Calendar 2016 の 8日目の記事です。 ErgoDoxキーボードについての概要や、周辺キーの話から、いよいよ文字配列をいじっていく話に入ります。 まず始めに断っておきたいのですが、文字配列についての話なので厳密にはErgoDoxに限りません。ですが実際に自分が文字配列までいじりたいと思ったのは、ErgoDoxのカスタマイズ性の高さや、格子配列だから考えやすかったことなどによるものです。周辺キーも含めて自分に合う配列を追求していった結果、いじらざるを得なかったのです。 またこれは、即座に実務的な効率を求めるというよりは、キーボードの効率、タイピングの良さとはなんぞやという興味で研究している話になります。これまでに数ヶ月費やしてきた 配列を変更する時間 試す時間 練習する時間 考え直してまた変更する時間 そして毎回初心者レベルにリセットされ

この投稿は ErgoDox Advent Calendar 2016 の 1日目の記事です。 Advent Calendar初日ということで導入的な話をします。 これからErgoDoxについて語っていくにあたり、使ったこと無い人向けにも一体どんなキーボードなのかというところから解説したいと思います。 キー配列の違い ErgoDoxはまず左右セパレート型というところが大きく目を引くキーボードですが、格子型配列という特徴もあります。 エルゴノミクスを謳っているキーボードではセパレートだったり格子配列だったりすることは多いのですが、だいたいどちらか一方ということが多いです。両方とも実現しているのがErgoDoxならではというところではないでしょうか。 普通の ErgoDox キーボードって要はどんな形？ 従来のキーボードはタイプライターの名残りで斜め配置になっていて逆台形型のレイアウトで分かりづ