アメブロ2017: Isomorphic Web Appの進化編 | CyberAgent Developers Blog
こんにちは、フロントエンドを中心に開発しています、原 (@herablog)です。 昨年10月にアメブロ2016 ~ React/ReduxでつくるIsomorphic web app ~という記事で、アメブロのJavaベースアプリから、Node.js・Reactベースアプリへのリニューアルについてお伝えしました。今回は、より進化した2017年版のWebアプリケーション開発に向けて、その後おこなわれた改善についてお伝えします。 https化 2016年4月に、ameblo.jpのhttps化をおこないました。セキュリティ観点としては当然のこと、SEO効果やブラウザの新しい機能の利用など、https化はWebアプリケーションのクオリティアップには必須といってよいでしょう。 まず、サブドメイン化されたサブシステムのhttps化をおこない、その後アメブロ本体のドメインをhttps化しました。ht
Capability of React Fiber
Node学園 #26 https://nodejs.connpass.com/event/59324/
特徴で使い分けたいCSSレイアウト手法 - CSS Grid, Flexbox, floatの使い分け - ICS MEDIA
ウェブページのレイアウトを作る手段には、CSSのGrid Layoutグリッド・レイアウト、Flexboxフレックス・ボックス、floatフロートなどがあります。 CSSのGrid Layoutはウェブページのレイアウト構築に役立ちます。従来floatやFlexboxでつくっていたようなレイアウトは、Grid Layoutで置き換えられるでしょう。しかし、すべてをGrid Layoutで置き換えるのが良いとはいえません。 float、Flexbox、Grid Layoutには、それぞれ特徴があるためです。特徴を使い分けていくことで、保守性の高いコーディングができるでしょう。本記事では、float、Flexbox、Grid Layoutの特徴と使い分け方をサンプルを通して紹介します。 Grid Layoutの基本については前回の記事『CSS Grid Layout入門』を参照ください。 この
Experimenting with the background fetch API
The service worker API is expanding as more ways to use the background dwelling worker emerge. I've written before about push notifications and background sync and I recently explored the very new background fetch API. Here's what I found out about it. Downloads and uploads The background fetch API seeks to solve two problem: When a service worker is downloading large files to cache and the user n
Node.js FoundationとNode.jsについて - 技術探し
Node.js Foundation 相関図 委員会 TSC(Technical Steering Comittee) CTC(Core Technical Committee) Core Working Groups CommComm(Community Committee) Working Groups Teams 会議 カレンダー CoreのMTGノート 各MTGの動画リスト Summit Node LTS(Long Term Support) 担当リポジトリ Node.jsに具体的な機能追加がある場合 将来的な機能追加の提案 ヘルプ CI PR 貢献する 読むべきもの CoC(Code of Conduct) Contributing to Node Good First Contribution Documents サポート さいごに Node.js Foundation Nod
A Closer Look Into WebRTC
We recently announced WebRTC support in Safari 11 on High Sierra and iOS 11 in our last WebKit blog post. Today, we would like to dive into more details of our implementation, and provide some tips on bringing WebRTC support to your website. A website employing WebRTC and media capture can obtain and broadcast very personal information. Users must explicitly grant their trust to the website, and a
GitHub - google/ssl_logger: Decrypts and logs a process's SSL traffic.
geffner@ubuntu:~$ # Make a local pipe for input to our openssl client geffner@ubuntu:~$ mkfifo pipe geffner@ubuntu:~$ # Create our openssl client, which will receive input from our pipe geffner@ubuntu:~$ openssl s_client -ign_eof -connect example.org:443 > /dev/null 2> /dev/null < pipe & [1] 98954 geffner@ubuntu:~$ # Begin writing the request to our pipe geffner@ubuntu:~$ printf "GET / HTTP/1.0\nH
The WHATWG Blog — Progressing Streams
Please leave your sense of logic at the door, thanks! Progressing Streams July 5th, 2017 by Adam Rice in What's Next Back in 2014 we announced the Streams Standard. It's about time for an update on where we are and what's coming up. Streaming the response to fetch() via the response.body attribute was standardized last year and is now implemented in several major browsers. Recently streaming uploa
A cartoon intro to ArrayBuffers and SharedArrayBuffers – Mozilla Hacks - the Web developer blog
This is the 2nd article in a 3-part series: A crash course in memory management A cartoon intro to ArrayBuffers and SharedArrayBuffers Avoiding race conditions in SharedArrayBuffers with Atomics In the last article, I explained how memory-managed languages like JavaScript work with memory. I also explained how manual memory management works in languages like C. Why is this important when we’re tal
TeXの表記揺れをCIで自動チェックする - Qiita
TeXの表記揺れをCIで自動チェックする 背景 大学のプロジェクト学習という科目の講義で、プロジェクトの報告書を成果物として提出する必要があるため、TeXを用いて複数人で報告書を作成しています。 プロジェクト人数が30人を超え、報告書のページ数も100ページほどあるため、人力で表記揺れをチェックするのはすごく大変です。そのため、今回CIを用いて表記揺れチェックの作業を自動化してみました。 tl;dr 作ったもの: https://github.com/natmark/TeX-Textlint 環境 Mac OS X El Capitan 10.12.4 Node.js 6.9.1 npm 3.10.8 システム構成 GitHubでTeXファイルを管理し、編集分をPushしてプルリクエストを作成する流れにしました。 プルリクエスト作成時にTravis CIのチェックを入れるようにしています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - rhiokim/flybook: :airplane: FlyBook is a simple utility to generate static website such as gh-pages, manual of you projects
GitHub - siddharthkp/bundlesize: Keep your bundle size in check
GitHub - dmfay/massive-js: A data mapper for Node.js and PostgreSQL.
Tips for making accessibility a core design principle