IzumiSyのブックマーク - はてなブックマーク

katatema.js - ✘╹◡╹✘

次のようなコードを書いて、 import React from "react" export default () => <div>Hello!</div> 次のようなコマンドを叩くと、 katatema build 次のようなファイルが生成されるという、katatema というツールをつくった。 <!DOCTYPE html> <html> <head> </head> <body> <div>Hello!</div> </body> 最先端の消耗前にキーボードショートカットをカスタマイズするブラウザ拡張 - ✘╹◡╹✘ で、こういうことを書いた。 id:moznion へ、寒い日が続きますがお元気ですか。ともあれChrome拡張を1つこさえれば、大の大人が寄ってたかってモダンと言い合う類のものが一通り学べるだろうと思います。最近のJavaScriptの周辺環境は大変で、何をやるに

IzumiSy 2016/11/24

あとで読む

リンク

Ruby on Rails on React on SSR on SPA - ✘╹◡╹✘

amakan での設計を例に、RailsでSingle-Page Applicationをつくるときの自分のやり方をまとめてみます。 Gem 「JavaScriptで書かれたReactのコンポーネントからHTMLを生成する」というのをRubyでやるために、RubyのV8エンジン実装であるmini_racerというGemを使う。この処理を楽に実行するために、react_on_railsというGemも使う。 gem "mini_racer" gem "react_on_rails" View body要素内のHTMLは全てReactで生成するので、layout以外にviewのテンプレートは存在しない。 Controller 初回リクエストの場合はHTMLを返すページ遷移時に呼ばれるリクエストの場合はJSONを返す外部サイトからブラウザバックで戻ってきたときにJSONを見せないという要求に

IzumiSy 2016/10/13

あとで読む

リンク

掲示板のJavaScriptこういう風に最適化しました - ✘╹◡╹✘

最近Railsで掲示板つくってて、サボって後回しにしていたJavaScriptの最適化をやりました。掲示板の構成 Webpackを使っている Reactを使っている Server-Side Renderingをやっている Railsを使っている Sprocketsを使っていない作業内容 webpack-bundle-size-analyzerで容量の大きいpackageを調査 HTTPクライアントに利用していたjQueryを撤廃 HTTPクライアントにaxiosを採用 lodashを一部しか読み込まないように変更 moment.jsの不要なlocaleを読み込まないように設定変更結果これでminify後の容量が770KB→476KBに。gzip圧縮状態では202KB→125KB。 $(npm bin)/webpack --profile --json | webpack-bundl

IzumiSy 2016/10/04

あとで読む

リンク

急に高まって深夜にiOSアプリつくった - ✘╹◡╹✘

※当方iOSアプリ開発経験無し react-native、デモ見たときタップしたら画面上の数が増えるぐらいのアプリしかつくれなさそうという印象だったけど、いま丁度タップして読んだ数が増える程度のアプリつくりたいんで使いたい— 生産職 (@r7kamura) 2016年8月23日とち狂ってreact-nativeのチュートリアルに沿ってインストールはじめてしまった、死にたい— 生産職 (@r7kamura) 2016年8月23日殺してくれ殺してくれ— 生産職 (@r7kamura) 2016年8月23日アプリ完成した pic.twitter.com/bep81pzWAR— 生産職 (@r7kamura) 2016年8月23日とりあえずバナナでも表示してみるか— 生産職 (@r7kamura) 2016年8月23日なるほどなるほど pic.twitter.com/mgLilyL09

IzumiSy 2016/08/24

あとで読む

リンク

SoundCloudの曲を一緒に聴けるやつをつくってみた - ✘╹◡╹✘

https://syncbeats.herokuapp.com/ ※利用者も減ってきたということで、現在は公開を停止しています。 syncbeats というのを作ってみました。端的に言うとSoundCloudの曲をみんなで同時再生する君です。部屋をつくってSoundCloudのURLを適当に突っ込むと順番に再生してくれて、あとから部屋に入ってきた人も同じ位置から再生されるというやつ。試しに曲を入れてリロードしてみると、途中から再生されるのが分かる。曲が無くなると、新しい曲が追加されるのを待ち受ける状態になる。たまに壊れるんでリロードすると治る。SlackやTwitterで部屋のURLを共有して一緒に聴くみたいな使い方がいいんじゃないでしょうか。背景前にシェアハウスに居たときにたまにリビングで音楽掛けることがあったんだけど、SoundCloudだとその場限りのセットリストつくるのも難し

IzumiSy 2016/08/15

あとで読む

リンク

最強のTwitterクライアント戦争情報 - ✘╹◡╹✘

kkosuge 最強のTwitterクライアント作り始めた - 9mのブログ kkosuge/slack-like-twitter-client r7kamura 最強のTwitterクライアント戦争に参戦 - ✘╹◡╹✘ r7kamura/retro-twitter-client k0kubun ElectronでYoruFukurou風のTwitterクライアントを作った - k0kubun's blog k0kubun/Nocturn airtoxin 最高のツイッタークライアントを求めて airtoxin/twitter-client rhysd rhysd/Stream khrtz ツイッタークライアント「light」を作り始めた - インターネットの人になりたい khrtz/light-twitter-client bokuweb 最強のTwitterクライアント戦争にこっそり

IzumiSy 2015/08/25

Electronなど使ってTwitterクライアントを作ってるひとたちまとめ

リンク

UIコンポーネント集 Qiita:Coat - ✘╹◡╹✘

LTを聞いているという感覚でご覧ください。 Qiita:Coat Qiita用のUIコンポーネント集 GitHub用のUIコンポーネント集をForkしてつくりはじめたレポジトリ: https://github.com/increments/qiita-coat デモサイト: http://increments.github.io/qiita-coat/ 今週月曜からやってるこれはcommit数 Qiita:Coatが必要に感じた背景全ての開発者に共通する願い高速に開発したい秩序がほしい (a.k.a. 最低限度の品質の保証) 開発体制の情勢に起因する理由開発人数が徐々に増えつつある社員11人+アルバイト3人四半期に1人ぐらい増えてる 50人が51人になるとかならともかく、5人が6人とかになると大きく変わるその他の理由サポートサイトや採用サイトなどQiita風のデザインを

IzumiSy 2015/08/22

リンク

リモートワークの地味な知見 - ✘╹◡╹✘

華やかなところはまあググれば出てくるんで、地味なところに触れる。日報にまとめておくリモートワーク中は、毎朝10:10 - 10:20の間、Google+ ハングアウトのビデオ通話を利用して進捗・問題共有しているんだけど、慣れてないと共有過多で時間が長くなりがち。8人居て、1人5分とかになると重い。いま取り組んでいる実装の話とかを始めてしまったり、あと会議参加者に対して「これどうですかね？」と質問する内容が含まれていたりすると、特に時間が長くなりがち。この辺は、事前にQiita:Teamの日報に前日やったことや翌日やることをまとめておいて、詳しくは日報に書いたんで見てくれという風に改善されたりした。日報、リモートワークで特に役に立つ。では日報を書いておけばミーティングは不要になるのではないかという話になるかもしれないが、この先は君の目で確かめてくれ。情報の倍率を変えられるようにしておく