MobileHackerz再起動日記: 60%キーボード百花繚乱！メカニカル×コンパクト×ワイヤレスの愉悦
2019/04/22 ■ 60%キーボード百花繚乱！メカニカル×コンパクト×ワイヤレスの愉悦 みなさんどんなキーボードを使っていますか？ キーボードは人間とPCを繋ぐとてもとても重要なデバイス。文章なりプログラムコードなり、「自分が頭に考えたことをコンピュータにインプットする」というその特性上、ここのストレスを低減することは作業効率に直結します。 脳裏の物事をコンピュータにインプットする、その時点でのフリクション（摩擦）は思考の流れを直撃で阻害してしまいます。つまり思考の流れを止めないためにも、キーボードにこだわりを持つというのはとても重要なのです。よいキーボード、手に馴染んだキーボードは、その点入力に意識を持って行かれることがない。本当に馴染みハマると、思考の流れがそのままコンピュータにだだ漏れていく感覚が得られる。これは本当に気持ちが良い！ そんなわけでこの快感を求めて一部界隈では「自
Re: AMP stories が発表されたので早速簡単なストーリーを作ってみた件 （v1.0 対応版）
2018年に書いた 「AMP stories が発表されたので早速簡単なストーリーを作ってみた件」 という記事について、その後、AMP stories のバージョンアップ （v0.1 → v1.0） に伴い記述が古くなってしまっている点を補足する記事を書きました。 1年少し前になりますが、Accelerated Mobile Pages （AMP） に 「AMP stories」 と呼ばれる、タップ操作によって、まるでカードをめくるように閲覧可能なコンテンツを実装するための拡張コンポーネントが追加されたのをうけて、早速作ってみたよという記事を書きました。 参考 AMP stories が発表されたので早速簡単なストーリーを作ってみた件 Yoshiki Kato（加藤善規）のポートフォリオ - AMP stories 先日から AMP Conf 2019 が東京で開催されていることもあってか
Nuxt.jsでnoteの記事ページを置き換えました｜こんぴゅ
noteの記事ページがリニューアルしてパワーアップしました。記事の読み込み、描画が格段に高速化されています。 noteのフロントエンドはAngular.jsの1系で運用されてきましたが、実行効率が悪く表示速度が遅いという問題がありました（特に古いスマホで顕著）。問題を根本解決するためにNuxt.jsへの移行を進めていました（詳しい経緯は以下の記事をごらんください）。 今年から、おすすめページ、マガジンページ、コンテスト一覧ページなど部分的にNuxt版に置き換えていきました。nodejsやNuxt.jsサーバーの運用が初めてだったので一気に置き換えるのではなく少しづつリリースして様子を見ながら進めました。 運用を2ヶ月ほどしてみて、インフラ面、実装面で問題なさそうなことが確認できたため、noteのトラフィックの多くを占める記事ページ（このページがまさにそうですね）のNuxt.js版リリースを
WebRTCやるのに最低限必要なJavaScriptのAPIについて - console.lealog();
JavaScriptでWebRTCやるための基礎知識 - console.lealog(); 春なので書きました。 言うなれば、これの2019年度版です。 はじめに 最低限のJavaScriptでWebRTCを扱うにあたり、どういうクラスがあって、どういうAPIを、どう使うのかについての記事です。 いわゆるフロントエンドのエンジニアがWebRTCを使ったサービスを作るなどの場合は、だいたい何かしらのSDKを使うと思います。 その場合はそのSDKのDocsを読めばそれで十分で、その先の仕組みを知る必要はないかなーと思います。 ただし、 SDKの中で何が行われてるか知っておきたい WebRTCのSDKを作る側である みたいな場合は、一読の価値ありかもです。 ようするに、弊社の新入社員のような人材のための記事です！ 基本的なWebRTCの仕組みみたいなパートはざっくり軽めにして、JavaScri
New React Redux coding style with hooks without selectors
React Redux binding with React Hooks and Proxy. Contribute to dai-shi/reactive-react-redux development by creating an… Coding style using this library is mentally different from the official react-redux. Thanks to Proxy, developers don’t need to care about optimization, but just focus on composition of logic. This library provides two basic hooks: useReduxState and useReduxDispatch. This article s
1px の変化も見逃さない！ビジュアルリグレッションテスト導入で快適フロントエンド開発 - dely Tech Blog
こんにちは！dely でフロントエンドの開発をしています @all__user です。 今回は kurashiru のフロントエンド開発に導入されたビジュアルリグレッションテストについてご紹介したいと思います。 【反応を多くいただいた点について記事の最後に追記しました】 目次 目次 ビジュアルリグレッションテストとは 導入の背景 フロントエンドのテスト？ SPA移行前後の比較 ツール reg-suit Loki Wraith BackstopJS テストのフロー GitHub + CodeBuild + BackstopJS ステージング環境 テストケースは Google スプレッドシートで管理 結果を S3 にアップロードして Slack に通知 まとめ 【追記】 運用が大変ではないか？ 1pxの違いにそこまで工数かける？ 広告が差し込まれたり変わっただけでテストが壊れるのでは？ ビジュ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gimli