【コラム】型落ち技術者が再生するのに勉強しないとならないだろうもの

研究
この記事は約4分で読めます。

MyOctocat、たまに作るとアイテム増えてて。めちゃくちゃ可愛いです。なんでプログラマ界隈ってキャラもの大好きなんでしょう。
それはともかく技術者としては周回遅れな自分。今更な記事な気がしますが、「Single Page Application」でググって読み漁っています。

SPA(Single Page Application)ってなに?

Webサイトの動作が向上したり、高度なWeb表現ができたり、最近何かと注目されているSPA。 ブラウザによるページ遷移を行うことなく、単一のWebページでコンテンツの切り替えを行うことで、UXが向上すると言われていますが、いったいどのようなものなのでしょうか? 皆さんは、SPAをご存知でしょうか? WebマーケティングにおけるSPAとは、Single Page …

ゼロから学ぶ! Single Page Applicationの特徴と主なフレームワーク5選 (1/2)

本連載「 モダンなフロントエンド開発者になるためのSPA超入門 」では、フロントエンド開発のアーキテクチャである「SPA(Single Page Application)」について、開発に必要となる各種フレームワークの特徴や、サンプルアプリ開発を通じたSPA開発の流れ、フレームワークによる作り方の違いなどを紹介します。 …

SPA(Single Page Application)の基本 – Qiita

More than 1 year has passed since last update. 単一ページで構成されるWebアプリケーション JavaScriptでDOMを操作しページを切り替える AjaxやWebSocketを使用する 2010年にスティーブ・ジョブズがThoughts on Flashを発表。 それがきっかけとなりFlashなどのProprietary Software(ソフトウェアの配布者が独占的に提供しているソフトウェア)が衰退 2014年にHTML5正式勧告がされたこともあり、Flashなどに代わる技術としてHTML5が推進されてきた。 そのHTML5でFlashと同等のUI/UXを実装するためSPAが開発された。 JavaScriptフレームワーク、ライブラリ(Angular、Vue.js、Reactなど) CSS Preprocessor(sass、stylusなど) 通信技術(Ajax,WebSocketなど) バックエンド技術(Ruby on Railsなど) HTML5/CSS3 豊かな表現力 クロスブラウザ 応答がはやい 開発のスピードがはやい プッシュ通知などもAPIとして提供されている Why not register and get more from Qiita?

SPAのメリット
・豊かな表現力
・クロスブラウザ
・応答がはやい
・開発のスピードがはやい

https://qiita.com/takanorip/items/82f0c70ebc81e9246c7a

そうそう、それがやりたいの。
ずっとレスポンスが遅いと苛まれてきてたのが、技術なんか新陳代謝激しいのに手持ちの型落ちの技術でやれと言われてて。酷いよなぁそりゃ白髪増えるよwって話だった。

さてSPAの登場人物といえば

SPAで使われている技術
・JavaScriptフレームワーク、ライブラリ(Angular、Vue.js、Reactなど)
・CSS Preprocessor(sass、stylusなど)
・通信技術(Ajax,WebSocketなど)
・バックエンド技術(Ruby on Railsなど)
・HTML5/CSS3

https://qiita.com/takanorip/items/82f0c70ebc81e9246c7a

(うぉ、sassなんて出てきた。忘れてた。汗)
バックエンドの技術が必要。
専らRuby on RailsかLaravelあたりの2択になりつつあるけれど、
それCodeIgniterじゃダメですか?
と問いたいのです。
日本じゃ人気無いかも知れないけど。長年使ってて慣れてるし。Laravelよりインストール時間短いし(←ここ重要)

そう疑問に思うまでもなく先駆者がいらっしゃいました。

ui-routerとcodeigniterを組み合わせてSPAをつくるときのメモ – よっこらせとプログラム

できるまで色々と試行錯誤して大変だったからメモする。 環境 angular.version.full “1.3.15” codeigniter define(‘CI_VERSION’, ‘2.0.3’); やりたいこと SPAというものを試してみたかったので、お手軽にcodeIgniterとangularで作ってみよう 調べてみて angularにはデフォルトにng-routeというものがデフォルトであったが、 angular-ui-routerの方ができることの幅が広く、評判もよかったのでそっちを使うことにした やり方 controller、viewに下記のようにテンプレートを作成する controllers/ang. php views/ang/index.html views/ang/template1. php views/ang/template2. php js/ang/app.js わかったこと codeigniter側では、きちんとコントローラーとviewをセットしてあげないとだめ。 angular側でうまくやるのかと勘違いしていたが、結局URLを参照するから セットしないと何も起きなくなる。 app.jsにstateを記述する。 その際例でいうと、contacts_stateがstate名になり、 index.htmlのように template1を読み込む のようにすると、クリックするとURLが#/contactsにかわり template1を読み込む にang/template1が挿入される app.jsのcontroller.

行けるんじゃないですか。人気無いけど(←ここ悔しいw)
あとはWebSocketとかsassとか習得すれば、ある程度のことはできるんじゃ無いかと思います。

Ruby on Rails?習得してないとまずいですか?(汗
レスポンスがいいにはいいんでしょうが。

コメント

タイトルとURLをコピーしました