タグ SPA
人気順 5 users 10 users 50 users 100 users 1000 usersレガシーおじさん、SPAを始めてみた。そして限界を知る
はじめに 最近、Webの記事を見てるとReactだVue.jsばかりが上がっていてJSPやERBの話をしてる人は誰もいません。jQueryの記事ももちろん見ない。 つまり、Webだけ見る限りではほとんどの人がSPAを使ってるように見えます。 私はWeb界隈には居るもののどちらかというとバックエンド寄り、もっというとそもそもWebとか関係... 続きを読む
SPAのログイン認証のベストプラクティスがわからなかったのでわりと網羅的に研究してみた〜JWT or Session どっち?〜 - Qiita
SPAのログイン周りについて、「これがベストプラクティスだ!」という情報があまり見当たらないので、様々な可能性を模索してみました。 いろいろな状況が想定され、今回記載する内容に考慮の漏れや不備などがありましたら是非コメントでご指摘いただきたいです!特に「おすすめ度:○」と記載しているものに対しての批判... 続きを読む
中川政七商店が「楽天撤退」1年でEC売上を急回復できた理由 | BUSINESS INSIDER JAPAN
楽天市場での販売を止めて1年と経たずに、自社ECサイトで売り上げをすぐに取り戻せそう——。そんなSPA(製造小売り)を勇気づけるツイートが、2カ月前に話題になった。 つぶやいたのは、1716年創業の老舗企業「中川政七商店」(奈良県奈良市)で、取締役兼コミュニケーション本部本部長を務める緒方恵氏。同社は日本の伝統... 続きを読む
新しいフレームワークを学ぶならTodoMVCではなくRealWorldを参考にしよう - Runner in the High
よく新しいフレームワークを学ぶにはTodoアプリを作ってみるのがよい、と言われる。実際、Todoアプリを様々なフレームワークで作ってみたサンプルをまとめたサイトもあったりする。 ところが、実際に業務で作るようなアプリケーションはTodoアプリの範疇を超えている。とくにSPAにもなると、画面遷移やWebAPI連携、大規... 続きを読む
SPAにおける状態管理: 関数型のアプローチも取り入れるフロントエンド系アーキテクチャの変遷 - エンジニアHub|若手Webエンジニアのキャリアを考える!
こんにちは、小林(@koba04)です。 本記事では、シングルページアプリケーション(以下、SPA)における状態管理について解説します。 GmailやTwitterは、SPAとして構築されている代表的なWebアプリケーションであり、スムーズなページ遷移をSPAによって実現しています。またElectronやPWA(Progressive Web Apps)の登... 続きを読む
SPA が、ウェブ開発のベストプラクティスになる時代 - mizchi's blog
最近のフロントエンドに関するお気持ち。正直まとまってはない。 最近、こんな感じのツイートや記事が増えた。 web 技術をキャリアの中心にしない シングルページアプリケーション (以下SPA) の台頭により、私の観測範囲ではモダンな Web サイトは SPA で作られるようになった。サーバーサイドは JSON を返す API サーバ... 続きを読む
Vue + Vue Router + Vuex + Laravel チュートリアル(全16回)を書きました。 - Qiita
学べること Vue.js と Laravel を組み合わせる ルーティングライブラリ Vue Router を取り入れる 状態管理ライブラリ Vuex を取り入れる タブやローディングを作る Vue.js + Laravel の構成でクッキー認証と CSRF 対策を行う SPA でエラー処理を行う こんな人に読んでほしい Vue や Laravel について、 入門書を読んだあ... 続きを読む
レガシーシステムの大規模リプレイスで分かった「Vue.jsでSPAならNuxt.jsが有力」 #エンジニアHub - エンジニアHub|若手Webエンジニアのキャリアを考える!
JavaScript(JS)のフレームワークは、何を使うのがベストなのでしょうか。ここ3年ほどで数々のJSフレームワークが誕生していますが、React、Angularという二大巨塔を超えるものはなかなか現れていません。 そんな状況の中、GitHubではReactを上回るスター数を誇っている*1のが、2014年のリリース後、着実に進化を重ね、... 続きを読む
静的サイトを公開するならどこがいいの? #技術書典 - フロントエンドの地獄
SPAなどの静的サイト(PHPやRubyなどのサーバープログラムを走らせない環境でのWebサイト)のを公開するにあたって、運用・配信(ホスティング)するならどこがいいかと聞かれたのですが、そのときの回答を技術書典の宣伝も兼ねてブログにしたためます。 今回は次の4つで比較しています。 GitHub Pages Firebase Hostin... 続きを読む
React製のSPAのパフォーマンスチューニング実例
こんにちは.エンジニアリングマネージャーの五味です. 今回から 11 月末まで,18入社新人のうち9名によるブログリレーを開催します. 配属前研修 ) を終えた彼らは、それぞれのスペシャリティが最も活かせるであろうグループに配属されました. 当社の若手エンジニアがどのような仕事に取り組み,何を感じ,何をしているのか.... 続きを読む
初めてのシングルページアプリケーション Vue.js と Firebase で作るミニ Web サービス - - BOOTH
初めてのシングルページアプリケーション Vue.js と Firebase で作るミニ Web サービス 紹介文本書は以下のような方をターゲットとして執筆しています。主に簡単なWebサイトを作った事があるWebフロントエンド初心者の方が、本書を通じてSPAの基本を掴み、簡単なWebサービスが作れるようになることを目的と... 続きを読む
なぜプロダクトに Vue.js を採用したのか? 運用してみてどうっだった? という話 | Nagisaのすゝめ
余り知られていませんが Nagisa ではアプリだけでなく Web のプロダクトやサービスもあります。 マンガZERO や UPTOON! や 月刊コミックジヘン 辺りがそうです。 何れも Vue.js で作られている SPA で、社内・外両方から “なんで Vue.js なの?” とかよく聞かれます。そこで、今回はどうして Vue.js を選択したのか、Vue.js の何がいいのか、Vue.js... 続きを読む
なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか
最初にいっておく。これは負け惜しみだ。 SPAとPWAの現状 自分は日本でReactの勝手エヴァンジェリストみたいなことをやっていて、SPAの重めのコンテンツをよく作ってるからか、「お前らフロントエンドを物事をややこしくして、重いページを量産してウェブを劣化させてるじゃないか!」みたいな批判を、名指しでよく受ける。なんで僕にいうかわからないけど、React = SPA みたいなイメージでスケープゴ... 続きを読む
ヘッドレスブラウザ(Chrome)を使ってSPAをスクレイピングする - Qiita
一般的なスクレイピング手法とその問題点 スクレイピングというと、HTTPクライアントライブラリを用いてHTML取得し、HTML/XMLパーサーで解析するというのが一般的だと思います。 この手法の場合、以下の場合にうまく処理できない場合があります。 ターゲットのページがJavaScriptにより動的にDOMを操作する場合 HTML/XMLパーサーが取得したHTMLを正しく解釈できない場合(正しくない... 続きを読む
岡崎体育「感情のピクセル」に怒っている人は、何がそんなにカチンときたのか - 兵庫慎司のブログ
2017 - 05 - 17 岡崎体育「感情のピクセル」に怒っている人は、何がそんなにカチンときたのか ご存知だろうが、 岡崎体育 の新曲、というか新曲「感情の ピクセル 」とそのMVが炎上している。 5月11日に Youtube の公式チャンネルにアップされ、5月17日17時の時点で再生回数は1,884,000回を超えている。僕はファースト・アルバムのリリース・タイミングで、週刊 SPA! で彼... 続きを読む
Qiita の Increments を退職します - mizchi's blog
2017 - 03 - 01 Qiita の Increments を退職します 4月から フリーランス 。直近半年の仕事は埋まってるけど、パイプ作っときたいとかあれば mizchi2w@ gmail .com までメールください。 なんでやめるの? 要約: 自分のスキルの、 ベンチャー企業 の社員としてスキルミスマッチ フロントエンドの、とくにSPAで高速で堅牢なアプリを作る、という自分のスキル... 続きを読む
フロントエンドへの複雑化について、一つの視点 - mizchi's blog
2016 - 04 - 11 フロントエンドへの複雑化について、一つの視点 前提 去年は勝手Reactエヴェンジェリスト(自称)として、日本に複雑化するフロントエンド技術の海外の動静を紹介をし続けていた。 僕としても、フロントエンドは複雑化してると思ってるし、それは「目的の複雑化に対して必要なもの」だったと思っている。ここでいう目的とはSPAの構築であって、普通のウェブサイトは含んでいなかったが、... 続きを読む
今はもう食べられない職業、iモードサイト退会遷移複雑化プランナー : 市況かぶ全力2階建
今週のSPA!は「5年後に食えない職業」。「5年前に食えてた職業」が面白い。AVパッケージカリスマデザイナー、写真フィルムスキャン技術者…切ないですね。このコーナー、私もimodeサイト退会遷移複雑化プランナーとして出られます。 pic.twitter.com/qLVZIL6d5G— どエンド君 (@mikumo_hk) 2015, 10月 27 「退会しますか?」 「本当に退会しますか?」 「退... 続きを読む
CSS - そろそろ真面目に、HTMLで帳票を描く話をしようか - Qiita
帳票といえばPDFとして生成するのが一般的でしょうか? でも、2015年の今、あえてHTMLで描くのがホットです(個人的に)。ミリ単位で設定された高度な帳票も、CSSを駆使して簡単に作ることができます。業務システムでもモダンブラウザを選択することが増え、@pageなども積極的に使えるようになったこと、SPA(Single Page Application)の台頭、いろいろと条件が揃ってきました。 ... 続きを読む
インターネットで手に入れられても良さそうなのに手に入らない情報まとめ - IT戦記
以下の質問の反応をまとめてみます。役に立ちそうな情報で、インターネットで手に入れられても良さそうなのに、手に入らない情報ってどんなものがありますか?.. - 人力検索はてな質問の回答、はてブ、トラックバック、ダイアリーのほうについたはてブ、コメント、などを集計しています。 まとめ ニュースのその後 (id:jane) 雑誌の記事検索 (id:natumi0128) 「SPA!」「読売ウイークリー」... 続きを読む