CORS設定 オリジン間リソース共有 (CORS) - HTTP | MDN

色々やり方はあると思うが一つ聞いたのはこういうもの。 const root = new BehaviorSubject<"start"|"end">("start"); const subject = new Subject<string>(); const op = root.pipe(mergeMap((x) => { if (x == "end") { return throwError(new Error("end")); } r</string>…

例えば <v-row> <v-col v-for="(list, i) in mylists" :key="i" cols="6"> <hogecard v-bind="list" /> </v-col> </v-row>

const myMap = <const>{ A:{hoge:"a"}, B:{hoge:"b"} }; type keys = keyof typeof myMap;` keysはA|Bという型になる。 ちなみにmyMapはreadonly属性になってる。</const>

manifest.jsonが401で認証通らず読み込めないのはcrossOrigin="use-credentials"をつけないといけないからのようだ。 https://developer.mozilla.org/ja/docs/Web/HTML/Attributes/crossorigin

window.location.assign(***)だった‥。

このあたり touch-action: none; pointer-events: none;

型で条件付きで拡張すれば良い。 const MyEmpty = Symbol("MyEmpty"); type Empty<T> = { [P in keyof T]:P extends "hoge" ? T[P] | typeof MyEmpty : T[P] } type ExRoomInfo = Empty<RoomInfo></roominfo></t>

以下を参照した。 gitでクローンと同時にサブモジュールを初期化、アップデートする – IsaB cloneしてから git submodule update --init --recursive で良いようだ、 それかそもそも --recursive をつけてcloneしておく。

Visual Studio Codeはjsconfig.jsonのあるファイルをルートにしてくれる。 JSDoc形式で書かれた型情報を認識 jsonconfig.jsonの設定は以下を参照。 VS CodeでJavaScriptアプリを作成する上で知っていると便利（？）なこと (2/3)：Visual Studio CodeでWebア…

そもそもそのiPhoneの設定/safariでインスペクタがオンになっているかを確認 MacとiPhoneがケーブルでつながっているか確認 ケーブルをさしなおしてみる

nuxtでindex.vueをpageのフォルダやその入れ子のフォルダにおくとindex.htmlのようにフォルダ指定のデフォルトになる。

出し分けはinfo.plistでiphone/ipadそれぞれサポートを指定する。

manifestは読み込めるが、アイコンは無視されるのでメタタグで定義する必要がある(apple-touch-icon.pngというファイル名で根っこにおいておくとヘッダーに記述しなくて良いというのは本当だろうか。)。 htmlの根っこにおく。読み込まれないかは、safariのイ…

以下を参照した。 mae.chab.in インストール npm install --save-dev parcel-bundler 使い方 npx parcel index.html とするだけで依存関係をたどってdistディレクトリに吐き出される。 webサーバ(ポートは自動)が起動し、 Hot Module Replacementに対応して…

mkcertで作れる。 以下を参考にした。 www.hivelocity.co.jp live serverに設定するには www.ka-net.org brew install mkcert ローカル環境に認証局作成 mkcert -install SSL証明書を発行 mkcert sample.co.jp ワイルドカード指定で mkcert "*.co.jp" sample…

より明確にストアの書き方がわかったので書いておく。 キーを何か用意 const StoreSymbol = Symbol() 親のstoreをもっているものがprovideする。 // sotreを持っている側がprovideする。 export function provideStore(store) { provide(StoreSymbol, store)…

アラートを書いてみた。クロージャで結果を返すのはやめるべきなのかよくわからないがそこもリアクティブにすべきだろう。 gist.github.com

ここの説明がそもそもわかりやすかった。 vue-composition-api-rfc.netlify.app そこに書いてあるコードを借りてくると、こんな感じでuse関数(useは実際は何でも良い)を書いて、 function useCreateFolder (openFolder) { // originally data properties con…

以下を参考にした。 qiita.com まず、npmのユーザーを登録しておく。 npm | build amazing things で npm addUserでユーザを紐付けておく。 .npmignore を用意して、公開に不要なもの(tsファイルとか)を指定しておく。 package.jsonのバージョン(version)を…

type AlertCompletedBlock = (index: number) => void; interface Alert { display: number; completedBlock: AlertCompletedBlock | null; title: string; desc: string; buttonTitles: string[]; } const alertInit:Alert = { display:0, title:"", desc:"…

クラスで書けるので普通のクラスの書き方に慣れているひとはこちらのほうが断然わかりやすい。型の情報が明確。 以下に詳しい解説があった。 qiita.com

rodhos.hatenadiary.jp

これはcontents-typeの問題のようだ。サーバ側で修正がいる。 stackoverflow.com

bxSliderで色々不具合があったのでそれをなおした。結構微妙な修正が多く苦労した。 左右のコントロールを使うと止まる件 古いバージョンのbxSliderの不具合のためリンク先を更新(githubに書いてあるCDNで最新のものをもってくるようにした。) ランダムに動…

アプリケーションがマイクの使用を許可されていない場合がある。Google Meetを使用しようとして発生した。 macのmacのセキュリティとプライバシーでマイクの使用許可にchrome等のブラウザのチェックを入れていなかった。そのうえでアプリ(今の場合はブラウザ…

Vue.observableを使うらしい。 /* eslint-disable */ import Vue from 'vue' /// グローバル変数定義 const state = Vue.observable({ _hoge:"Hoge", get hoge(): string { return this._hoge; }, set hoge(value:string) { this._hoge = value; } }) declar…

よって、使ってほしい関数などを渡すことは可能だった。 validationに使う関数を渡すのに使ってみた。 指定しないときはnullを入れておくようにした。

例題を勉強したサイトを失念してしまった。思い出したらリンクを張りたい‥。 検索して見つかりました。この記事です。 qiita.com 以下はこの記事を自分で実装してみたメモです。 今、カウンター情報を各コンポーネントで共通化したいと考える。 次のようなク…

composition-api プラグインなのでVue.useを忘れずに。 defineComponentで作る。 setupしてreturnで参照したい変数(ref,reactiveで作る)、関数、computedな関数等を作って返却する。 例 /* eslint-disable */ export default defineComponent({ name: 'Login…