ブラウザバックしたときに状態を復元する（Vue3, Nuxt3 そして Next.js） - Qiita
ブラウザバックは Web アプリの鬼門 Vue に限らずですが、Web アプリにおいてブラウザでバックボタンやフォワードボタンの実行に対応するのはなかなかに難しい問題です。そのため、POST Back 型のフレームワークではブラウザバックの使用自体を禁止することも多かったと思います。 SPA全盛の今、この問題は解決されたのでしょうか。 いえ、状況はむしろ悪化しています。テンプレートエンジンを使った HTML 生成型の Web サイトであれば、ブラウザバックを行うことで、フォームの値とスクロール位置は復元されますが、JavaScript ベースで構築された画面ではフォームの値は保存されませんし、スクロール位置が復元できるかも条件次第です。 一般的な解決策 では、Twitter に代表されるSPAアプリではこの問題にどうやって対応しているのでしょうか。答えは「対応しない（あるいはスクロール位置
jQueryからTypeScript・Reactまで - Viteで始めるモダンで高速な開発環境構築 - ICS MEDIA
Vite（ヴィート＝フランス語で「速い」の意味）は2020年に発表された新しいフロントエンドのビルドツールです。 開発者がVue.jsの作者であるEvan You氏であるため、Vue.jsのツールであると誤解されることもありますが、プレーンなJavaScript（バニラJS）からVue.js・React・Svelteといった流行のフレームワークまで、さまざまな環境で利用できる汎用的なツールです。 位置付けとしてはwebpackのようなバンドラーと呼ばれるものに近い存在ですが、それだけではありません。この記事では、Viteを導入してプレーンなJavaScriptから、TypeScript+Vue.js・Reactといったフレームワークまで、快適な開発環境を手に入れる方法を紹介します。 この記事で紹介すること： Viteの特徴と基本の仕組み 基本の使い方 Vite + SCSS Vite +
エラーは出ないけど…何か変？？Vue.jsでやりがちな「サイレント・ミス」（ロジック編） - ICS MEDIA
Vue.jsは初学者にもとても手厚いサポートを提供してくれるフレームワークです。 たとえば、以下のコードで「リセット」ボタンを押すと「propsのcountは子コンポーネントから変更すべきではない」とわかりやすくエラーを表示してくれます。 <template> <div class="CountViewComponent"> カウント={{count}} <button @click="reset">リセット</button> </div> </template> <script> export default { props: { // 表示するカウント値 count: { type: Number, default: 3 } }, methods: { // カウントをリセットします reset() { this.count = 0 } } } </script> それでも時として、
vue-cli + firebase + functions + hostingでgoogle recaptcha v3を使う - Logicky Blog
recaptchaのような動作可能なURLが限定される場合、functionsのURLは変な長いやつになりますので、どうしたらいいのかというのと、動作確認方法はどうしたらいいのかなと思いました。 hostingを使っている前提であれば非常に簡単で、下記に書いていますが、hostingのパスにfunctionsを簡単に紐付けられるので、recaptha的には、hostingのurlを通しておけば、functionsも動作するようになります。 developers-jp.googleblog.com hostingとfunctionsのマッピング { "hosting": { "public": "public", "rewrites": [ { "source": "/checkRecaptcha", "function": "checkRecaptcha" } ] } } function
Excelシートを憎み、愛した男 - No Regrets in Bathing
Excelシートが憎い。 Excelシートでの書類作業の辛さは言わずもがな。 データベースもどき アプリもどき 帳票出力 Excelシート上でのコーディング エビデンス作成 UMLなど 以上のものについて、すべてExcelでの作成経験がある。あの世にもExcelシートを作らされる地獄がきっと存在するだろう。 Excelシートが憎い。Excelの万能性ゆえ、落とし込まなくていいものまで落とし込まれ、地獄を生み出す。みんなExcelなら慣れてるので、その他の選択肢は選ばれない。何度かMarkdownからExcelにコンバートするようなツールを書いたけれど、書式が変われば捨てざるを得ない。結局今もExcelを書き続けている。辛い。 でも待って欲しい。あれほど一括編集をエレガントにこなせるUIが他にあるだろうか（２大エディタに習熟した場合を除く）。図も書ける。式は素人でも使えるが、プログラミングの
HTML5 - テクニカルノート一覧
スクリプティング | CSS3 | Sass | jQuery | Angular v6 v5 | React | Vue.js Vue CLI Vuex | D3 | three.js | RxJS 6 v5.5 | TypeScript | トラブルシューティング | リファレンス | 数学 | スクリプティング FN1202002 <canvas>要素で定めた領域に図形を描く FN1202005 EaselJSで図形を描く FN1203001 EaselJSで描いた星形を回す FN1203005 EaselJSのマウスクリックとドラッグ&ドロップ FN1203006 JavaScriptでオブジェクトに設定した関数のスコープ FN1204005 EaselJSで外部ビットマップファイルを読込んで回す FN1205001 EaselJSでインスタンスをクリックした座標で回しながらドラッ
Vue.js Feed
How to Master Vue Router in Vue.js 3 with Composition API Discover how to effectively master Vue Router in Vue.js 3 using the powerful Composition API. Use Hygen to Bootstrap New Components in your Custom Vue UI Library Hygen is a code generation tool. It’s super useful for bootstrapping new components in a Vue.js Component Library.
Using Mixins in Vue.js | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. It’s a common situation: you have two components that are pretty similar, they share the same basic functionality, but there’s enough that’s different about each of them that you come to a crossroads: do I split this component into two different components? Or do I keep one
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VueToolbox