タグ

SPAに関するbaby-babyのブックマーク (8)

  • やっぱりサーバーサイドレンダリングなんかしなくていいやという気持ち - console.lealog();

    個人の意見 aka ポエムです。 界隈的には今さら感がすごいけど。 そんな今さらポエった事情としては、 とある案件でSPAをReactで作りつつサーバーサイドレンダリング(以下SSR)をすることになるかも SPAじゃないページもまとめてReactでSSRすることになるかも ただ個人的にはSPA+SSR不要論者 サーバーサイドのテンプレートとしてのReactも冗長なだけやろ派 でも仕事なのでしゃーない(お客様がそう申されるなら・・ なのでやるからには再考察してみて、前向きにやれる要素を見つけたい! けどどんだけ考えてもやっぱり意義が見つけられなーい( ´Д`)=3 という感じで、SSR自体の是非はまあどうでもよくて、ただ個人的に「しなくていい」と思ってる気持ちをまとめたものです。 技術に是も非もないです。大事なのはどう使うかなのです。 ちなみにやってみた結果・・とかいう話ではなく、やってない

    やっぱりサーバーサイドレンダリングなんかしなくていいやという気持ち - console.lealog();
  • AWS をフル活用して「サーバレス」な SPA を実装できる「サーバーレスシングルページアプリケーション」を読んだ - kakakakakku blog

    6月末に O'Reilly から出版された「サーバーレスシングルページアプリケーション」を読んだ.ただ読むだけじゃ理解度が浅くなってしまうかもしれないなと感じて,今回は全ての実装を写経してみた.そのため少し時間はかかってしまったけど,フロントエンドには苦手意識があったし,今まで SPA の実装もしたことがなかったので,前半部分は特にワクワクしながら楽しめた.今回,監訳者の id:yoshidashingo にご献を頂き,当に感謝しかありません.ありがとうございます!と同時に,ガッツリ読もうと意気込んだタイミングで仕事に忙殺されてしまったりして,書評のタイミングが遅れてしまったのはすみません! サーバーレスシングルページアプリケーション ―S3、AWS LambdaAPI Gateway、DynamoDB、Cognitoで構築するスケーラブルなWebサービス 作者:Ben Rady発売

    AWS をフル活用して「サーバレス」な SPA を実装できる「サーバーレスシングルページアプリケーション」を読んだ - kakakakakku blog
  • React Native 一問一答 - Qiita

    1問1答 React NativeのTipsを、備忘録も兼ねて1問1答形式で記述したいと思います。 開発をする前に気になってたところ、疑問などをを1問1答形式でまとめてみました。 随時アップデート予定です(2016/12/23現在) 編集リクエスト、追加、修正大歓迎です。よろしければお願いします。 基 React Nativeとは何ですか? Facebook製のモバイルアプリ向けのフレームワークです。公式 HTMLベースのフレームワークと異なり、Reactで培った仮想DOMを元にネイティブコードを呼び出します。そのため挙動が軽快です。 実際は後ろでJavascriptのランタイムが動いていて、ネイティブコードを呼び出してくれています。 React Nativeのメリットは? たくさんあると思いますが、最大の特徴はFacebookが提言する"learn once, write anywhe

    React Native 一問一答 - Qiita
  • SPA + サーバーサイドレンダリング、そのダルさに関する私見

    いわゆる SPA + サーバーサイドレンダリングがダルい 唐突ですがおさらいです。 なぜサーバーサイドレンダリング(SSR)が嬉しいかと言えば 初期表示の Critical Rendering Path を短縮できる SEO における保守信仰にやさしい() 古いブラウザ・低性能マシンにやさしい yahoo/fluxible による SPA + Server Rendering の概観 ::ハブろぐ であり、特に SPA + SSR の文脈においては Universal Architecture による SPA + SSR は、技術的には過渡期の歪なキメラっぽさが拭いきれませんが、昨今の Web フロントエンドにしては珍しくビジネス的な説得力があります。 SSR なのでSNSや検索からの流入による初期表示が速い SPA なので回遊時のページ遷移も速い SSR なので古いブラウザでも CSS

    SPA + サーバーサイドレンダリング、そのダルさに関する私見
  • SPAを開発するエンジニアこそ知るべき、正しく評価されるためのSEO - Qiita

    SPAによるWebサイト開発とSEO 昨今はReactをはじめとするフロントエンドのライブラリやフレームワークの台頭により、比較的多彩な機能を持つWebアプリケーションだけでなく、メディアのようなWebサイトをSPA(Single Page Application)で構築する例も見られるようになってきました。こうしたWebサイトにおいて、SEOは重要な集客手段の1つです。 ところで、SEOに関わっている方や造詣の深い方はディレクターやマーケティング寄りの方が多いようです。そのせいかSPAでサイトを構築する場合のSEOに関する話題はあまり目にしません。またエンジニア界隈では技術寄りのトピックへの関心がメインで、SPAでのSEOといえば、SSR(Server-Side Rendering)の実現方法くらいしか話題にならないように感じています。 筆者はどちらかといえばサーバサイドの方が職ではあ

    SPAを開発するエンジニアこそ知るべき、正しく評価されるためのSEO - Qiita
  • ブログをシングルページアプリケーション(SPA)にするメリット・デメリット | 綺麗に死ぬITエンジニア

    2017年1月下旬頃から、当ブログをシングルページアプリケーション(SPA)としてリニューアル・公開開始しました。 公開してからある程度時間が経ち、SPAにした成果が見え始めてきているので、ここで一つ、実際のところSPAにしてどのように変化したかを振り返ってみます。 シングルページアプリケーション(SPA)とはSPA(Single-page application)は、単一ページアプリケーションとも呼ばれ、最初にページを読み込んで以降は画面遷移を全てAjax(非同期通信)で再現し、JavaScriptで従来のページ移動をエミュレートしているWebサイト・Webアプリケーションのことです。 通常のWebページでは、リンクをクリックして画面遷移をすると、ページを丸ごと読み直します。しかし、SPAでは画面遷移ごとにページを読み込み直すことをせず、Ajaxでデータをサーバーから取得し、ブラウザ上で

  • SPA(シングルページアプリケーション)とは?ウェブサイト高速化技術を知ろう | GMOクラウドアカデミー

    これまで、ウェブサイトのスピードアップ対策としてバックエンド(Solr)、キャッシュとご紹介してきました。このシリーズの締めくくりとなるのはフロントエンドのスピードアップです。もしかしたら、もっとも多くのユーザーに対して効果があるのは今回ご紹介する方法で、同時に国内ではもっとも利用例が少ないのもこの技術だと思います。実際に、国内のショッピングサイトで採用した結果、劇的にスピードアップした経験があります。 連載「売り上げ向上の即効薬『電光石火のウェブサイト』」のほかの記事はこちら 第1回:イントロダクション 第2回:Solrパワーの活用 第3回:Cacheを知ろう 第4回:この記事 第5回:Solrをインストールしてみよう Ⅰ.悩ましきフロントエンドテクノロジー ここ数年フロントエンドテクノロジーは目覚ましい進歩を遂げ、ウェブ開発の現場では多くのライブラリーから選択できるようになりました。そ

    SPA(シングルページアプリケーション)とは?ウェブサイト高速化技術を知ろう | GMOクラウドアカデミー
  • 株式会社オロ

    テクノロジー×クリエイティブ がもたらす新しい未来を 全ての企業へ oRoは“Technology × Creative”をスローガンに テクノロジー・オリエンテッド・カンパニーとして、 最先端の技術分野に挑戦し続け、 企業のトップマネジメントが抱える課題に対して、 企業価値を最大に高めるソリューションを提供します。 oRoは“Technology × Creative”をスローガンにテクノロジー・オリエンテッド・カンパニーとして、最先端の技術分野に挑戦し続け、企業のトップマネジメントが抱える課題に対して、企業価値を最大に高めるソリューションを提供します。

    株式会社オロ
  • 1