レガシーおじさん、SPAを始めてみた。そして限界を知る

2020/10/19 744 users ERB 限界 JSP jQuery web界隈

はじめに 最近、Webの記事を見てるとReactだVue.jsばかりが上がっていてJSPやERBの話をしてる人は誰もいません。jQueryの記事ももちろん見ない。 つまり、Webだけ見る限りではほとんどの人がSPAを使ってるように見えます。 私はWeb界隈には居るもののどちらかというとバックエンド寄り、もっというとそもそもWebとか関係... 続きを読む

SPAのログイン認証のベストプラクティスがわからなかったのでわりと網羅的に研究してみた〜JWT or Session どっち？〜 - Qiita

2020/04/23 548 users Qiita ベストプラクティス 批判 考慮 ログイン周り

SPAのログイン周りについて、「これがベストプラクティスだ！」という情報があまり見当たらないので、様々な可能性を模索してみました。 いろいろな状況が想定され、今回記載する内容に考慮の漏れや不備などがありましたら是非コメントでご指摘いただきたいです！特に「おすすめ度：○」と記載しているものに対しての批判... 続きを読む

中川政七商店が｢楽天撤退｣1年でEC売上を急回復できた理由 | BUSINESS INSIDER JAPAN

2019/09/04 520 users EC売上 BUSINESS INSIDER JAPAN

楽天市場での販売を止めて1年と経たずに、自社ECサイトで売り上げをすぐに取り戻せそう——。そんなSPA（製造小売り）を勇気づけるツイートが、2カ月前に話題になった。 つぶやいたのは、1716年創業の老舗企業｢中川政七商店｣（奈良県奈良市）で、取締役兼コミュニケーション本部本部長を務める緒方恵氏。同社は日本の伝統... 続きを読む

新しいフレームワークを学ぶならTodoMVCではなくRealWorldを参考にしよう - Runner in the High

2019/06/09 739 users 範疇 フレームワーク ToDoアプリ TodoMVC 画面遷移

よく新しいフレームワークを学ぶにはTodoアプリを作ってみるのがよい、と言われる。実際、Todoアプリを様々なフレームワークで作ってみたサンプルをまとめたサイトもあったりする。 ところが、実際に業務で作るようなアプリケーションはTodoアプリの範疇を超えている。とくにSPAにもなると、画面遷移やWebAPI連携、大規... 続きを読む

SPAにおける状態管理: 関数型のアプローチも取り入れるフロントエンド系アーキテクチャの変遷 - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2019/05/23 528 users エンジニアHub 変遷 Electron アプローチ Pwa

こんにちは、小林（@koba04）です。 本記事では、シングルページアプリケーション（以下、SPA）における状態管理について解説します。 GmailやTwitterは、SPAとして構築されている代表的なWebアプリケーションであり、スムーズなページ遷移をSPAによって実現しています。またElectronやPWA（Progressive Web Apps）の登... 続きを読む

SPA が、ウェブ開発のベストプラクティスになる時代 - mizchi's blog

2019/03/05 985 users ベストプラクティス JSON サーバーサイド 台頭 API

最近のフロントエンドに関するお気持ち。正直まとまってはない。 最近、こんな感じのツイートや記事が増えた。 web 技術をキャリアの中心にしない シングルページアプリケーション (以下SPA) の台頭により、私の観測範囲ではモダンな Web サイトは SPA で作られるようになった。サーバーサイドは JSON を返す API サーバ... 続きを読む

Vue + Vue Router + Vuex + Laravel チュートリアル（全16回）を書きました。 - Qiita

2019/01/14 629 users Qiita CSRF Laravel Vuex Vue

学べること Vue.js と Laravel を組み合わせる ルーティングライブラリ Vue Router を取り入れる 状態管理ライブラリ Vuex を取り入れる タブやローディングを作る Vue.js + Laravel の構成でクッキー認証と CSRF 対策を行う SPA でエラー処理を行う こんな人に読んでほしい Vue や Laravel について、 入門書を読んだあ... 続きを読む

レガシーシステムの大規模リプレイスで分かった「Vue.jsでSPAならNuxt.jsが有力」 #エンジニアHub - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2018/09/25 600 users レガシーシステム エンジニアHub 大規模リプレイス

JavaScript（JS）のフレームワークは、何を使うのがベストなのでしょうか。ここ3年ほどで数々のJSフレームワークが誕生していますが、React、Angularという二大巨塔を超えるものはなかなか現れていません。 そんな状況の中、GitHubではReactを上回るスター数を誇っている*1のが、2014年のリリース後、着実に進化を重ね、... 続きを読む

静的サイトを公開するならどこがいいの？ #技術書典 - フロントエンドの地獄

2018/09/19 627 users フロントエンド 地獄 静的サイト 技術書典 サーバープログラム

SPAなどの静的サイト（PHPやRubyなどのサーバープログラムを走らせない環境でのWebサイト）のを公開するにあたって、運用・配信（ホスティング）するならどこがいいかと聞かれたのですが、そのときの回答を技術書典の宣伝も兼ねてブログにしたためます。 今回は次の４つで比較しています。 GitHub Pages Firebase Hostin... 続きを読む

React製のSPAのパフォーマンスチューニング実例

2018/09/19 669 users React製

こんにちは.エンジニアリングマネージャーの五味です. 今回から 11 月末まで,18入社新人のうち9名によるブログリレーを開催します. 配属前研修 ) を終えた彼らは、それぞれのスペシャリティが最も活かせるであろうグループに配属されました. 当社の若手エンジニアがどのような仕事に取り組み,何を感じ,何をしているのか.... 続きを読む

初めてのシングルページアプリケーション Vue.js と Firebase で作るミニ Web サービス - - BOOTH

2018/04/24 500 users Firebase Booth サービス 本書 Vue.js

初めてのシングルページアプリケーション Vue.js と Firebase で作るミニ Web サービス 紹介文本書は以下のような方をターゲットとして執筆しています。主に簡単なWebサイトを作った事があるWebフロントエンド初心者の方が、本書を通じてSPAの基本を掴み、簡単なWebサービスが作れるようになることを目的と... 続きを読む

なぜプロダクトに Vue.js を採用したのか? 運用してみてどうっだった? という話 | Nagisaのすゝめ

2018/02/06 518 users Nagisa Vue.js マンガZERO プロダクト web

余り知られていませんが Nagisa ではアプリだけでなく Web のプロダクトやサービスもあります。 マンガZERO や UPTOON! や 月刊コミックジヘン 辺りがそうです。 何れも Vue.js で作られている SPA で、社内・外両方から “なんで Vue.js なの?” とかよく聞かれます。そこで、今回はどうして Vue.js を選択したのか、Vue.js の何がいいのか、Vue.js... 続きを読む

なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか

2017/11/16 918 users dev.to エヴァンジェリスト Pwa React 自分

最初にいっておく。これは負け惜しみだ。 SPAとPWAの現状 自分は日本でReactの勝手エヴァンジェリストみたいなことをやっていて、SPAの重めのコンテンツをよく作ってるからか、「お前らフロントエンドを物事をややこしくして、重いページを量産してウェブを劣化させてるじゃないか！」みたいな批判を、名指しでよく受ける。なんで僕にいうかわからないけど、React = SPA みたいなイメージでスケープゴ... 続きを読む

ヘッドレスブラウザ(Chrome)を使ってSPAをスクレイピングする - Qiita

2017/07/03 536 users Qiita ヘッドレスブラウザ Chrome スク

一般的なスクレイピング手法とその問題点 スクレイピングというと、HTTPクライアントライブラリを用いてHTML取得し、HTML/XMLパーサーで解析するというのが一般的だと思います。 この手法の場合、以下の場合にうまく処理できない場合があります。 ターゲットのページがJavaScriptにより動的にDOMを操作する場合 HTML/XMLパーサーが取得したHTMLを正しく解釈できない場合(正しくない... 続きを読む

岡崎体育「感情のピクセル」に怒っている人は、何がそんなにカチンときたのか - 兵庫慎司のブログ

2017/05/17 970 users カチン YouTube ピクセル 岡崎体育 兵庫慎司

2017 - 05 - 17 岡崎体育「感情のピクセル」に怒っている人は、何がそんなにカチンときたのか ご存知だろうが、 岡崎体育 の新曲、というか新曲「感情の ピクセル 」とそのMVが炎上している。 5月11日に Youtube の公式チャンネルにアップされ、5月17日17時の時点で再生回数は1,884,000回を超えている。僕はファースト・アルバムのリリース・タイミングで、週刊 SPA! で彼... 続きを読む

Qiita の Increments を退職します - mizchi's blog

2017/03/01 545 users Qiita Increments 堅牢 要約 フリーランス

2017 - 03 - 01 Qiita の Increments を退職します 4月から フリーランス 。直近半年の仕事は埋まってるけど、パイプ作っときたいとかあれば mizchi2w@ gmail .com までメールください。 なんでやめるの？ 要約: 自分のスキルの、 ベンチャー企業 の社員としてスキルミスマッチ フロントエンドの、とくにSPAで高速で堅牢なアプリを作る、という自分のスキル... 続きを読む

フロントエンドへの複雑化について、一つの視点 - mizchi's blog

2016/04/11 638 users mizchi's blog フロントエンド 視点 複雑化 動静

2016 - 04 - 11 フロントエンドへの複雑化について、一つの視点 前提 去年は勝手Reactエヴェンジェリスト(自称)として、日本に複雑化するフロントエンド技術の海外の動静を紹介をし続けていた。 僕としても、フロントエンドは複雑化してると思ってるし、それは「目的の複雑化に対して必要なもの」だったと思っている。ここでいう目的とはSPAの構築であって、普通のウェブサイトは含んでいなかったが、... 続きを読む

今はもう食べられない職業、iモードサイト退会遷移複雑化プランナー : 市況かぶ全力２階建

2015/10/31 578 users 市況かぶ全力２階建 職業 mikumo_hk エンド君 5年後

今週のSPA!は「5年後に食えない職業」。「5年前に食えてた職業」が面白い。AVパッケージカリスマデザイナー、写真フィルムスキャン技術者…切ないですね。このコーナー、私もimodeサイト退会遷移複雑化プランナーとして出られます。 pic.twitter.com/qLVZIL6d5G— どエンド君 (@mikumo_hk) 2015, 10月 27 「退会しますか？」 「本当に退会しますか？」 「退... 続きを読む

CSS - そろそろ真面目に、HTMLで帳票を描く話をしようか - Qiita

2015/10/05 883 users page 台頭 Qiita モダンブラウザ PDF

帳票といえばPDFとして生成するのが一般的でしょうか? でも、2015年の今、あえてHTMLで描くのがホットです(個人的に)。ミリ単位で設定された高度な帳票も、CSSを駆使して簡単に作ることができます。業務システムでもモダンブラウザを選択することが増え、@pageなども積極的に使えるようになったこと、SPA(Single Page Application)の台頭、いろいろと条件が揃ってきました。 ... 続きを読む

インターネットで手に入れられても良さそうなのに手に入らない情報まとめ - IT戦記

2008/04/22 970 users IT戦記 インターネット jane 情報まとめ ダイアリー

以下の質問の反応をまとめてみます。役に立ちそうな情報で、インターネットで手に入れられても良さそうなのに、手に入らない情報ってどんなものがありますか？.. - 人力検索はてな質問の回答、はてブ、トラックバック、ダイアリーのほうについたはてブ、コメント、などを集計しています。 まとめ ニュースのその後 (id:jane) 雑誌の記事検索 (id:natumi0128) 「SPA!」「読売ウイークリー」... 続きを読む