タグ「SPA」 - はてブログ

タグ SPA

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 126件)

次の25件 »

SPAの歴史とRemix SPAモードという到達点 / the SPA's chronicle reaches to remix

2024/01/29 210 users Remix 到達点歴史

Niigata 5分 Tech #4と、モニクル社の社内LT大会で喋ったやつです https://niigata-5min-tech.connpass.com/event/307076/ 続きを読む

業務システム SPA のフロントエンド技術選定（2023年版） - KAKEHASHI Tech Blog

2023/12/13 150 users フロントエンド技術選定業務システム 2023年版

本エントリはカケハシ Part 2 Advent Calendar 2023の13日目の記事です。（Part 1もおもしろい記事がいっぱいあるので、ぜひご覧ください。）はじめにこんにちは。カケハシでソフトウェアエンジニアをしている平松です。今年、新規プロダクト立ち上げの機会があり、その際に行ったフロントエンドの技術選定について... 続きを読む

静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能

2023/09/11 250 users 静的サイトジェネレータアニメーション画面遷移 astro

静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 3.0」が正式にリリースされました。 Astro 3.0 is out now! 30% faster and more powerful than ever.... 続きを読む

useEffectをやめて、Suspenseを使おう

2023/05/05 132 users Suspense useEffect SWR React 開発

Reactコンポーネントの開発時、データフェッチは欠かせません。 SPAで開発を行う時、あなたも含めてuseEffect()を使ったことがあるはずです。あなたがSWRやReact Queryの代わりにuseEffect()を使う理由は、いくつかあるのでしょう。そんな方のために、Reactが提供する<Suspense>を使ってデータフェッチを行う方法を紹... 続きを読む

Web フロントエンドの実装において本来の機能を損なってはいけない

2022/12/25 211 users 実装フロントエンド本来 web 機能

2022.12.24 昨今の Web フロントエンドの開発においては、React や Vue.js などを利用した SPA を採用することが多くなりました。従来の MPA と比較して、リンククリック時やフォーム送信時にページリロードを挟まないので、高速な画面遷移を実現できるため、快適な操作を実現できます。一方、データの取得・ルーティン... 続きを読む

MPA化するSPAとSPA化するMPA

2022/09/21 160 users MPA SPA化

2022/9/21 Techfeed カンファレンスで発表した MPA化するSPAとSPA化するMPA の話です。続きを読む

ゆめみのフロントエンドコーディング試験の題材で React の勉強をしました - Mitsuyuki.Shiiba

2022/06/11 235 users Mitsuyuki.Shiiba React ツイッター

ちょっと前にツイッターで見かけた、ゆめみのフロントエンドコーディング試験フロントエンドコーディング試験「RESAS API を使用して、都道府県別の総人口推移グラフを表示するSPAを作る」っていうお題 React の勉強をするのにちょうどいい題材だなぁって思ったのでやってみた。課題を公開してるってことは「やってみ... 続きを読む

Navigation API による「JS での画面遷移」と SPA の改善 | blog.jxck.io

2022/04/21 226 users jxck.io 画面遷移ミッシングピース改善 MPA

Intro 従来の History API を改善する Navigation API の仕様策定と実装が進んでいる。これは、 History API の使いにくかった部分を補うだけではなく、「JS で画面遷移をする」という現状のミッシングピースに取り組み、 SPA が抱える多くの問題だけでなく、 MPA すら改善する可能性のある API だ。この API の目的と... 続きを読む

なぜ僕が「SPAはコストが高い」と考えているのか

2022/03/30 464 users よねフロントエンドエンジニア彼ら発言コスト

どうもみなさんこんばんはちょっと前に「個人開発者やスタートアップの初期からSPAで開発するのはコスト高いっすよね」みたいな事を書いたらフロントエンドエンジニアの皆様からバチバチに叩かれた僕です彼らには彼らの考えがあるのでそれはどうでもいいのですが、どういう理由があってその発言をしたのか～と言う部分... 続きを読む

SPA認証トークンはlocalStorageでもCookieでもない、Auth0方式はいいねというお話 - @mizumotokのブログ

2022/03/28 476 users localStorage auth イイネ cookie 論争

SPA認証トークンをどこに保存するかは論争が絶えません。localStorageやCookieがよく使われますが、Auth0は違う方法を採用しています。この記事では、Auth0のトークン管理の方式を理解でき、トークン管理上のセキュリティへの理解を深めることができます。 SPAの認証トークンをどこに保存するかブラウザでトークンを保... 続きを読む

UIが嘘をつく？ UXデザインにおける「楽観的な更新」とSPAでの作り方

2022/01/23 164 users Twitter Facebook UXデザインイイネ直後

こんにちは、株式会社カミナシでデザインエンジニアをしているショウです。突然ですが、UI/UX デザインにおいて、「楽観的な更新」という言葉を聞いたことがありますか？あまり聞いたことがなくても、実は日常にたくさん存在しています。例えば、 twitter や facebook のいいねボタン。いいねをタップした直後に色がつ... 続きを読む

Next.jsを使う必要がない小規模なSPAの最小構成を考えてみた

2021/11/26 134 users プレゼンス React開発 Next.js 最小構成技術選定

はじめに React開発におけるNext.jsのプレゼンスが日に日に増している今日この頃ですが、Next.jsを使う必要がない小規模なSPAを作る場合の型が欲しくなり、色々調べて技術選定をした上で実際に作ってみるところまでやったので、その技術選定理由とセットアップ手順を共有したいと思います。フロントエンドの移り変わり... 続きを読む

SPAセキュリティ入門 by 徳丸浩 | トーク | PHP Conference Japan 2021 #phpcon #phpcon2021 #php - fortee.jp

2021/09/08 264 users localStorage phpcon 徳丸トークン PHP

シングルページアプリケーション(SPA)において、セッションIDやトークンの格納場所はCookieあるいはlocalStorageのいずれが良いのかなど、セキュリティ上の課題がネット上で議論されていますが、残念ながら間違った前提に基づくものが多いようです。このトークでは、SPAのセキュリティを構成する基礎技術を説明した後、... 続きを読む

なんでもSPAにするんじゃねぇ！という主張のその先 - console.lealog();

2021/08/12 399 users console.lealog その先主張界隈 HTML

Your shopping website is not an SPA. I repeat: your shopping website is not an SPA. Stop trying to sculpt David with a JS chainsaw and get yourself an HTML/CSS chisel.— Alex Russell (@slightlylate) 2021年8月10日この主張、界隈（少なくとも自分の観測範囲）では割とよく見かけるし、なんか定期的に話題... 続きを読む

React で作る中規模 SPA のレイヤードアーキテクチャ - GiXo Ltd.

2021/06/05 101 users React Author Posted TypeScript

「ハーバー・ビジネス・オンライン」が配信停止　上西教授「残念」 | 毎日新聞

2021/05/07 228 users 上西教授毎日新聞 ESSE ウェブメディア配信停止

「忖度（そんたく）しない」を掲げるウェブメディア「ハーバー・ビジネス・オンライン」が5月7日、全ての記事の配信を停止する。ハーバー・ビジネス・オンラインの編集部が7日、公式サイトで発表した。一部連載は別の3媒体で継続する。ハーバー・ビジネス・オンラインは2014年に開設し、ESSEやSPA！などの雑誌を出版す... 続きを読む

Hotwireとは何なのか？

2021/01/24 135 users JSON Basecamp Hotwire APIサーバ名前

はじめに HotwireはBasecampが発表した、モダンなWebアプリケーションを作るための新しいアプローチです。名前もHTML OVER THE WIREから来ているように、HotwireではHTMLをサーバーから送ります。「それ普通のWebアプリケーションでは？」と思う方もいるかもしれませんが、SPA + APIサーバでJSONが使われるのに対し、SPA... 続きを読む

宅八郎は何をした人物なのか

2020/12/04 298 users 宅八郎人物マジックハンド中期前期

宅八郎が亡くなったというニュースが流れて、彼に関するツイートが増えているがどれも彼の全体を捉えていないように思う。宅の活動はざっくりと前期、中期、後期と分けられるだろう。前期：おたく評論家期宅八郎のデビューは90年に出たSPA！のおたく特集。ここで宅は長髪眼鏡、よれよれのシャツ、マジックハンドという... 続きを読む

WASMとRustはVue.js/React.jsを打倒するのか？ - JSへの侵略の歴史

2020/11/02 318 users rust TypeScript wasm React.js

はじめに「Typescriptの次はRustかもしれない」という記事がバズってるのを見かけました。なかなか面白くて、PAとしてのWASMとRustを比較している記事です。ちょうど最近「レガシーおじさん、SPAを始めてみた。そして限界を知る」でも書いた通り最近SPAに手を出してみたのですが、いろいろやろうとするとSSRのためのBa... 続きを読む

React / Redux を実務で使うということは

2020/10/23 169 users redux React 実務フロントエンドノウハウ

こんにちは、すずです Reactを使い始めて2年半経ち、その間に3つのサービス(SPA)を立ち上げてきましたその経験から、 React や Redux を実務でしっかり使ってく上でのノウハウを紹介していきます（この記事ではある程度ReactやReduxの記事・ドキュメントを読んだ初学者を対象としています）序フロントエンド、モノを... 続きを読む

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

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

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

Netlifyが日本からだと遅い - id:anatooのブログ

2020/08/03 404 users anatoo Netlify CDN 結論顧客

仕事で Netlify にデプロイしたSPAの読み込みが遅いので原因を調査してほしい、という依頼を受けてウェブパフォーマンス調査を行った。顧客から許可をもらって、この記事ではNetlifyに対してどういう調査をしたのかを書く。結論だけをまず書くと、NetlifyのCDNのファイル配信パフォーマンスは日本国内からだと非常に悪... 続きを読む

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

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

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

「AVモザイク除去」できるAIに業界が震撼、人気AV女優も被害に… | 日刊SPA!

2020/02/11 475 users 震撼蔓延アダルトコンテンツ日刊SPA フェイクポルノ

かつて実話誌の広告にあった「モザイク除去機」が現代に甦った！ AIの技術の進化によりモザイクの除去が可能となったが、業界は深刻な被害に頭を痛めていた昨年12月にSPA！は、AI（人工知能）で有名芸能人の顔にすげ替えた「フェイクポルノ」の蔓延についてお伝えしたが、現在、AIを悪用したアダルトコンテンツにはもう... 続きを読む

SPA + SSR + PWA の作り方とセキュリティについて - 技術探し

2019/11/22 101 users Pwa SSR セキュリティ技術作り方

一年前に以下の記事を書いて、その後放置していたら多くのライブラリのメジャーリリースで完全に動かなくなってしまったのでリニューアルしました。 blog.hiroppy.me 以下のセクションで説明していきますが、コードを読んだほうが早いです。リポジトリ技術スタック Server Side Rendering loadable-components データ... 続きを読む