タグ

JavaScriptとisomorphicに関するefclのブックマーク (10)

  • Isomorphic ES Modules - The blog of Ada Rose Cannon

    Isomorphic ES Modules Earlier I demonstrated how to build a Single Page App which shares templates with the Server Side Code. (See the video below.) We share the web app’s templates to enable the first page load to be pre-rendered on the server. This practice lets Web Apps start faster and be more resilient to network failure. In the live coding session we use the new EcmaScript (ES) Modules becau

    Isomorphic ES Modules - The blog of Ada Rose Cannon
    efcl
    efcl 2018/06/19
    ES module形式で配布されているHyperHTMLを使ってブラウザとNode.jsで同じライブラリをそのまま`import`してウェブアプリを作成する話。
  • GitHub - jaredpalmer/razzle: ✨ Create server-rendered universal JavaScript applications with no configuration

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - jaredpalmer/razzle: ✨ Create server-rendered universal JavaScript applications with no configuration
    efcl
    efcl 2017/11/19
    UniversalなJavaScriptアプリケーションを設定なしで書き始められる開発環境ツール。 `create-react-app`のようなツールだが、React以外でも利用できる。
  • Isomorphic Web Applications

    pro $24.99 per month access to all Manning books, MEAPs, liveVideos, liveProjects, and audiobooks! choose one free eBook per month to keep exclusive 50% discount on all purchases lite $19.99 per month access to all Manning books, including MEAPs! team 5, 10 or 20 seats+ for your team - learn more

    Isomorphic Web Applications
    efcl
    efcl 2017/01/26
    Isomorphic JavaScriptについての書籍。 ブラウザとNode.jsで共有しながら、ウェブアプリケーションを作る話。 React + Redux、Angular 2やEmberを題材にしている。
  • アメブロ2016 ~ Isomorphic JavaScriptの詳しい話 | CyberAgent Developers Blog

    問題点はIsomorphic実装難易度です。では、アメブロのIsomorphicの実装方法と実装する際にあった問題及びその解決策をお伝えします。 ちなみに、Michael Jackson氏はIsomorphic JavaScript ではなく、 Universal JavaScript と呼ぶべきだと主張しています。私たちはIsomorphic JavaScriptという名前で使うのに慣れたので、ここでは*Isomorphic JavaScriptと記述します。 AmebloのIsomorphic 技術選定 先に結論をあげます:React + Redux 技術選定の基準は下記となります。 安定さ。基的にプロダクト環境で使える正式版があること。 アクティブな開発。 よいコミュニティ。技術の周りに大きいコミュニティが育っていること。 実績がある。 まずView層のライブラリの選定です。このプ

    アメブロ2016 ~ Isomorphic JavaScriptの詳しい話 | CyberAgent Developers Blog
    efcl
    efcl 2017/01/21
    クライアントサイドとサーバサイドのどちらでも動くIsomorphicなJavaScriptを書くために気をつける点について。 Reactコンポーネント、Fetch、スタイルシート、環境変数、ルーティング、表示領域の扱い,パフォーマンス計測に
  • DDD x JavaScript = マルチプラットフォーム対応が捗る - Qiita

    CureApp では DDD と JavaScript を使って小さなチームで柔軟にマルチプラットフォーム対応を実現しています。ここではそのために実施している方法や必要となる知識を共有します。 ちなみに実際に対応しているプラットフォームは次になります。 Web desktop iOS Android DDD という考え方 DDD とは Domain Driven Design の略で、 Eric Evans がソフトウェア開発を実践する中で得た知識・方法論をまとめて提唱したものです。日語訳されたが出版されています。 以下これを DDD と呼びます。 ドメイン ひとことでいうと「解決したい問題」のことです。ある疾患を治療したいという問題や、もっと簡単に飲料缶を自動販売したいといった問題、つまり自動販売機をどう実現するかなどがあたります。 モデリング 「解決すべき問題から見た物事の捉え方

    DDD x JavaScript = マルチプラットフォーム対応が捗る - Qiita
    efcl
    efcl 2016/12/05
    DDDから見たJavaScript。 UniversalJSについて
  • Next.js - Vercel

    This blog post will go into the philosophy and design decisions of the project. To learn how to use Next.js instead, please refer to the README, where you can learn the entirety of the tool's capabilities in just a few minutes. First we'll dive into the background of the project and then describe 6 basic principles: Zero setup. Use the filesystem as an API Only JavaScript. Everything is a function

    Next.js - Vercel
    efcl
    efcl 2016/10/27
    Reactを使ったサーバサイドレンダリング向けのフレームワーク。 CSS in JS、Head、ルーティングや開発ツールがセットになっている。
  • 実践UniversalJS 繰り返し処理の分離 - Qiita

    ブラウザAPIに依存した複雑なJSの処理から、ロジックを抽出し分離する方法を、事例を通して紹介します。 今回の事例は、繰り返し処理を伴うロジックの分離にgeneratorが有効であった例になります。 はじめに少し Universal ≠ SSR について Universal JSの興味関心は、SSR(サーバーサイドレンダリング)に限りません。 より汎用なロジックの移植可能性がテーマです。例えば markdown文字列の構文解析 deep copy テスト http client ランダムに文字列を出力 と、プラットフォームに依存しないべきロジックすべてが守備範囲になります。 しかし、Universal JSへの関心が薄い層がライブラリを作ると、 たとえばmarkdown"ファイル"の構文解析ライブラリができあがります。「ファイル」は物質世界の登場人物で、この時点でNodeJSでしか利用でき

    実践UniversalJS 繰り返し処理の分離 - Qiita
    efcl
    efcl 2016/09/07
    Isomorphic/UniversalJSについて
  • Isomorphic Architecture を実装してるときの細かいアレコレ

    Isomorphic あらため Universal ? 一時期火がついていた Isomorphic について。各自がプロダクションの事例を作り上げる潜伏期に入ったのか、はたまた当に一過性で火が消えたのか、コモディティ化を遂げたのか分かりませんが、あまり耳にすることがなくなった印象です。 そんな中ですが先日、Universal JavaScript — Medium が公開され、なるほど Universal ってキモチになったので、タイトルに反して以下は Universal と呼称します。 今回の話題にするのは module レベルではなく Universal な JavaScript architecture のほうです。アーキテクチャのレベルで Universal なコードが役立つ代表的ケースは SPA (Single Page Application) と SSR (Server S

    Isomorphic Architecture を実装してるときの細かいアレコレ
    efcl
    efcl 2015/08/02
    シングルページアプリケーションとサーバサイドレンダリングを扱う際に起こる問題と解決策について。 設定の共有をするか、UAの評価、React Componentを`<head>`への適応方法、ライフサイクルの管理などについて
  • Universal JavaScript

    In the beginning, there was Netscape. And Netscape wanted to run Scheme in Netscape Navigator. So they hired Brendan Eich to work on it. But then they changed their minds and decided they wanted Java instead. And lo, JavaScript was born. And it was good (enough). Some years later, Ryan Dahl had this crazy idea to pair Google’s V8 JavaScript runtime with libev so developers would have a way to run

    Universal JavaScript
    efcl
    efcl 2015/06/20
    IsomorphicをUniversalと呼ぼう的な話
  • Redirecting…

    Redirecting… Click here if you are not redirected.

    Redirecting…
    efcl
    efcl 2015/06/15
    Isomorphicの利点
  • 1