タグ

ブックマーク / 1000ch.net (4)

  • gitbook で Markdown から PDF を生成する

    gitbook で Markdown から PDF を生成する 技術書典5 への参加を目指して、執筆環境をセットアップしたのでそのメモ。今回は GitBook を使って Markdown から PDF を生成する。選択肢としては更に高機能な Re:VIEW もあるが、筆が進みやすいようにとりあえず使い慣れている Markdown を選んだ。足りない機能があったり余力があれば、Re:VIEW のセットアップもしてみるつもり。 プロジェクトの作成 プロジェクトのフォルダに移動したあと、gitbook の npm モジュールをプロジェクトローカルにインストールする。インストールすると gitbook コマンドが使えるようになるので、プロジェクトを初期化する。 $ npm init $ npm install --save-dev gitbook-cli $ ./node_modules/.bin

    gitbook で Markdown から PDF を生成する
  • AbemaTVのランタイムパフォーマンスのAudit - 1000ch.net

    2016.05.17 AbemaTVのランタイムパフォーマンスのAudit 最近業務で、巷で話題のAbemaTVのパフォーマンス改善をしている。個別具体性が高いが調査改善の雰囲気を感じ取ってもらえればそれで良いかと思い、記事にした。 AbemaTVのフロントエンドの構成 話の前提となるAbemaTVのフロントエンドの構成は次の通りで、まさに流行りのといった感じ。 facebook/react facebook/immutable-js Reactive-Extensions/RxJS reactjs/react-router css-modules/css-modules ビルド周りはbabelとwebpack、あとはlintツールがちょこちょこ入ったりしている。この改善の話と関係してくるのは、ReactとImmutableJSとRxJSだけ。 番組再生画面のコメント開閉が重い 今回ケース

    AbemaTVのランタイムパフォーマンスのAudit - 1000ch.net
  • Webにおけるネットワーク通信

    2014.12.03 Webにおけるネットワーク通信 「ネットワークってなんだろう?」と考えたことはあるだろうか。前職でもプログラマとして働いていたものの、(恥ずかしながら)知識は皆無に近かったし、Webのフロントエンジニアとして舵を切った2年と5ヶ月前は、この手の話がフロントエンドに関わるとは思ってもいなかった。 HTTPだの、WebSocketだの、言葉は耳にするけど実態はよくわからない …という人も多いと思う。私自身も深く密着しているわけではないし、語るほど詳しいかと言われれば疑問符が残る。それでも、今までモヤモヤしていたところを少しでも晴らす手助けが出来ればと思い、今日はインターネットの世界で何が起こっているかについての記事を書きたい。 そもそもサーバーとは? サーバーって一体何だろうと思っている人も多いのではないだろうか?手元のパソコン、iPhoneAndroidといった クラ

    Webにおけるネットワーク通信
    oinume
    oinume 2016/02/19
    わかりやすい
  • 画像の最適化をCLIだけで行うgrunt-imageを作った | 1000ch.net

    GUI要らずを目指して Webにおける画像については以前記事にしましたが、 そのフローをより良くするべく最近gruntのモジュールを作ったのでその話を。 前置き 私は弊社サービスのパフォーマンス改善を業務としてしています。 何がボトルネックになっているかは各プロジェクトでまちまちですが、 共通しているのが 「とにかく画像が多い」 というところ。 どのサービスもペイロードサイズの80%程を画像が占めているんですね。 画像の最適化を忘れるだけで(例えば)100KBとか平気で増えるので、 これではCSSJavaScriptのファイルサイズを減らしても末転倒です。 (もちろんCSSJavaScriptも結合と圧縮は非常に重要です。) 各種最適化ツール GUIだと以下の3つが有名で優秀です。 ImageAlpha - フリーソフト。24bitのPNGの8bitコンバートを行う。256色~2色ま

    画像の最適化をCLIだけで行うgrunt-imageを作った | 1000ch.net
  • 1