State of SEO for SPA 2019 - Qiita
メタ この記事はNode学園2018にて話した内容を記事として編纂 +その後の変化を加筆修正したものです。 スライドはこちら。 https://speakerdeck.com/kazuyaseki/seo-for-spa-cfb3706f-ae1d-4c6f-a83f-96dc2452f32b 追記 2019/5/8 遂に Google bot が扱うレンダリングエンジンが Chrome 最新版(現時点では 74)相当となりました！ https://webmasters.googleblog.com/2019/05/the-new-evergreen-googlebot.html ただタイムアウトなどのリスクは依然存在するので、信頼性を求めるならやはり Dynamic Rendering や SSR が選択肢になるのかなと言う気はしますが、そこまで要求が強くない場合にはあまり頑張らなくてよ
JavascriptのSPA(Single Page Application)フレームワークの使いどころ（jQueryとの比較） - Qiita
JavascriptのSPA(Single Page Application)フレームワークの使いどころ（jQueryとの比較）JavaScriptjQuerySPA ※ 本投稿はフロントサイドの開発をJavascriptで行うことを前提に書いていますが、そもそも、フロントサイドでどこまでJavascriptにすべきかについて私的な見解を以下に書きました。(2017.5.10) ▶ Webシステムのフロントサイドとサーバサイドの比率（JavascriptのSPAを利用する理由） ■ どこで使うのか？jQueryだけで十分か？ SPAフレームワークの導入を検討する際に、「jQueryでも十分」といえるケースはよくあると思う。 そこで、jQueryとSPAフレームワークを比較して、本当にSPAフレームワークを使う場面はどういうところかを考えてみる。 ただ、結論を先に書けば、規模や新規に作るのか
Silex で SPA (Single Page Application) の開発 - Qiita
ホームページビルダーでつくられた小規模なサイトをリニューアルして SPA (Single Page Application) をつくる際に検討したことをまとめました。 対象読者 小規模のコンテンツ提供と更新、ユーザー管理機能をもつサイトを題材に Silex の機能をどのように使うのかを学ぶことを主軸とします。結果として SPA に特徴的な話しはあまりありません。 フレームワークの選択肢 Silex と同じマイクロフレームワークを比較検討したいのであれば、 「PHP、Node.js、Go のミドルウェアに関する調査」の記事 をご参照ください。速度を大幅に改善できるという点で、著者は Phalcon Micro に興味をもっています。 Web API に特化したプロジェクトであれば、BEAR.Sunday や API Platform を挙げます。BEAR.Sunday 開発者の koriym
jQuery だけで Single Page Application を作る方法 - Qiita
ぶっちゃけ誰も得しないけど、一度作った経験がある(ただしそれはJSONで動的データを読み込んだりはしないが)ので、一応できるんだぜということを示すために作った。 https://github.com/srd7/jquery-spa-sample 注意 with-webpack は、webpack を利用して jquery と自作コードをまとめあげている。ただしクライアントサイド的には依存ライブラリは jquery のみ。いやまぁ Jade を読み込んだりはしてますけども・・・。 なので「jQueryだけじゃねーじゃん」というツッコミを受けそうなのでonly-jqueryというのを作った。 ただしこれは with-webpack のコードをコピペして手動で一つのファイルにまとめあげた感じ。 その他の違いとして、with-webpack Jade -> HTML に変換した HTML を Ja
Socket.ioとBackbone.jsによるSingle Page Application 概要編 - Qiita
はじめに スマートフォン向けFX情報サイトsmartfx.minkabu.jpをSocket.ioとBackbone.jsを使って今話題のSinglePageApplication(SPA)で構築しました。 想像していたよりも簡単にできたので、共有してみます。 Socket.ioを使う理由 マーケット情報は共通の情報のため、Socket.ioのBroadcastができ、かつ更新時のみ送信できるという性質がサーバにもクライアントにもやさしいです。 Backbone.jsを使う理由 SPAというと最近ではAngular.jsばかりが目立ちますが、Backbone.jsを選んだのは下記理由です。 1.AngularJSの場合は圧縮され最小化された状態で約36K、Backboneは6.4Kなのでスマホの回線を考えると、Backbone.jsのほうが優位です。 2. 拡張性もBackbone.jsは
Socket.ioとBackbone.jsによるSingle Page Application 実装編 - Qiita
Socket.ioとBackbone.jsによるSingle Page Application概要編に続いて実装編としてDemoのソースを解説します。 Demoのソースはgithubで公開しています。 backbone_socket_io_reqev デモの構成 -- app.js |- public - index.html | |- backbone - spa.js | template - timer.jst.ejs | |- time.jst.ejs | |- app - router - sample_router.js.coffee |- models - timer.js.coffee |- views - timer_view.js.coffee |- time_view.js.coffee var express = require('express') var Tim
SPA Single Page Applicationを作る際のエトセトラ(入門的な取っ掛かり情報) - Qiita
SPA(Single Page Application)を実現する技術は、昔だとFlash, さらに昔であればJavaアプレットやActiveX?とかもありそうだけど、まぁー、今ならJavaScriptでゴリゴリという感じなのかな... HTML5とか、CSS3なんかもわかっていないといけなさそうな... ということで、このエントリーでは、最近のトレンドを追いつつ、技術要素の下調べをして、採用する技術の目星をつけたいと考えています。 関連する書籍も、最近の技術を踏まえたものが幾つか出版されている模様 シングルページWebアプリケーション ―Node.js、MongoDBを活用したJavaScript SPA AngularJSリファレンス 直接は関係ないけれど、CSS周りの最近の考え方は押さえておきたい... 7,8年前のウェブ標準が流行っていた時に、かなり深堀して理解に努めたけど、HTM
SPAがネイティブアプリをぶっ壊す：HTML5/Javascriptが変えるWebの未来 - Qiita
はじめに タイトルは半分釣りですが、半分本気で考えてもいます。 近い将来、Webアプリが今のネイティブアプリの市場を超えてくる、と仮説を立てています。 ぜひ、先人のみなさんのご意見やお考えを教えてください。 SPAについて SPAとはなにか（What） 歴史 佐川夫美雄さんのイベントレポートの一部が、非常にまとまっていてわかりやすい部分でしたので、まず引用させていただくこととします。 RIAはアプリケーション利用者に対し高い評価を得ましたが、2010年のAppleショックにより衰退の方向へ向かいます。具体的には2010年にSteve JobsがFlashを激しく批判したことに端を発します。プロプライエタリ(Proprietary Software)なFlashよりオープン性のあるHTML5を推進するようになりました。2011年にはMicrosoftがWeb開発者に対してSilverligh
nuwk!とvue.jsでらくらくデスクトップtodoアプリ - Qiita
javascriptでデスクトップアプリが作れるnode-webkitのビルドツールnuwk!と、超軽量MVVMフレームワークのvue.jsを使ってデモアプリを作ってみました airtoxin/MiniTodo 見た目… 準備 node.jsをインストールしてnpmが使えるようにする node-webkitとnuwk!をインストール vue.jsのmin.jsをダウンロード nuwk!を開いて新規プロジェクトを作成 ここまででnuwk!がHello Worldのテンプレートを作ってくれるので、満足するまでそれらをいじってからBuild projectすればBuildディレクトリにappとしてアプリケーションが作られます。 テンプレート部分 Appディレクトリ中のindex.htmlを編集します。 <link rel="stylesheet" type="text/css" href="./
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Railsを使ってSingle Page Applicationを作るときの問題と対応 - Qiita