約 2,903,423 件
https://w.atwiki.jp/ohden/pages/1080.html
VueCLI versions VueCLI → create-vueらしい。 いつからか知らんが、VueCLIはメンテナンスモードとなってるらしい。 create-vue $ npm init vue@latest Need to install the following packages create-vue@3.3.4 Ok to proceed? (y) Vue.js - The Progressive JavaScript Framework ? Project name … hello_vue_world ? Add TypeScript? … No / Yes ? Add JSX Support? … No / Yes ? Add Vue Router for Single Page [[Application]] development? … No / Yes ? Add Pinia for state management? … No / Yes ? Add Vitest for Unit Testing? … No / Yes ? Add Cypress for End-to-End testing? … No / Yes ? Add ESLint for code quality? … No / Yes ? Add Prettier for code formatting? … No / Yes Scaffolding project in /home/s1n/wk/tmp/hello_vue_world... Done. Now run cd hello_vue_world npm install npm run lint npm run dev npm notice npm notice New patch version of npm available! 8.19.1 - 8.19.2 npm notice Changelog https //github.com/npm/cli/releases/tag/v8.19.2 npm notice Run npm install -g npm@8.19.2 to update! npm notice vue create vue create hello_vue Vue CLI v5.0.8 ? Please pick a preset Manually select features ? Check the features needed for your project Babel, TS, PWA, Router, Vuex, CSS Pre-processors, Linter, Unit, E2E ? Choose a version of Vue.js that you want to start the project with 3.x ? Use class-style component syntax? Yes ? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? Yes ? Use history mode for router? (Requires proper server setup for index fallback in production) Yes ? Pick a [[CSS]] pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default) Sass/SCSS (with dart-sass) ? Pick a linter / formatter config Basic ? Pick additional lint features Lint on save ? Pick a unit testing solution Jest ? Pick an E2E testing solution Cypress ? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files ? Save this as a preset for future projects? Yes ? Save preset as hello_vue ? Preset hello_vue saved in /home/s1n/.vuerc 更新日: 2022年10月12日 (水) 11時11分48秒 名前 コメント すべてのコメントを見る
https://w.atwiki.jp/javascriptteam/pages/6.html
更新履歴 @wikiのwikiモードでは #recent(数字) と入力することで、wikiのページ更新履歴を表示することができます。 詳しくはこちらをご覧ください。 =>http //atwiki.jp/guide/17_117_ja.html たとえば、#recent(20)と入力すると以下のように表示されます。 取得中です。
https://w.atwiki.jp/suffix/pages/1006.html
firebugとconsoleを使って、エラーログを表示する方法がある。 使えそうなものをピックアップ。 console.log() logを出力する console.debug() console.log()とほぼ同等。行数を表示する console.error() console.log()とほぼ同等。 console.warn() console.log()とほぼ同等。 console.info() console.log()とほぼ同等。 console.dir() オブジェクトをわかりやすく表示 console.dirxml() html構造を表示 console.trace() 関数の呼び出しをtraceする console.time()/console.timeEnd() 処理時間をはかれる コンソール上でjqueryを使用する方法については、 http //takuya-1st.hatenablog.jp/entry/20110429/1304101781 が参考になる。
https://w.atwiki.jp/m_shige1979/pages/1251.html
until文 概要 until文 サンプル CoffeeScript # 変数 str = "" # 繰り返し i = 0 until i is 5 str += "test sample " + i + " br/ " i++ # セレクタでエレメントを取得 sample = document.querySelector("#sample") # パラメータ連結 sample.innerHTML = str javascript // Generated by CoffeeScript 1.3.3 var i, sample, str; str = ""; i = 0; while (i !== 5) { str += "test sample " + i + " br/ "; i++; } sample = document.querySelector("#sample"); sample.innerHTML = str;
https://w.atwiki.jp/javascriptteam/pages/10.html
関連ブログ @wikiのwikiモードでは #bf(興味のある単語) と入力することで、あるキーワードに関連するブログ一覧を表示することができます 詳しくはこちらをご覧ください。 =>http //atwiki.jp/guide/17_161_ja.html たとえば、#bf(ゲーム)と入力すると以下のように表示されます。 #bf
https://w.atwiki.jp/javascriptteam/pages/8.html
動画(youtube) @wikiのwikiモードでは #video(動画のURL) と入力することで、動画を貼り付けることが出来ます。 詳しくはこちらをご覧ください。 =>http //atwiki.jp/guide/17_209_ja.html また動画のURLはYoutubeのURLをご利用ください。 =>http //www.youtube.com/ たとえば、#video(http //youtube.com/watch?v=kTV1CcS53JQ)と入力すると以下のように表示されます。
https://w.atwiki.jp/m_shige1979/pages/1198.html
簡易1行記法 概要 条件に対し処理が1行しかない場合はif文と処理を1行にまとめる サンプル CoffeeScript # 変数 str = "" # 判定 if !a? then str = "変数未定義じゃね?" # セレクタでエレメントを取得 sample = document.querySelector("#sample") # パラメータ連結 sample.innerHTML = str javascript // Generated by CoffeeScript 1.3.3 var sample, str; str = ""; if (!(typeof a !== "undefined" a !== null)) { str = "変数未定義じゃね?"; } sample = document.querySelector("#sample"); sample.innerHTML = str;
https://w.atwiki.jp/tts-script/pages/66.html
https //steamcommunity.com/sharedfiles/filedetails/?id=1358630979 MP3プレイヤーMODを使う場合 特徴: ・2曲以上のリストを登録でき、順次自動再生できる ・リストはゲーム読み込み毎に登録しなおさないといけない? ・1曲だけなら、タブレットで直接再生した方が早い 1:タブレットを持ち、スピーカーに触れさせる(上に乗せる) ・成功するとスピーカーがONになり、タブレットが青色で強調表示される ・スピーカーの方の左側に、2つの入力欄がある ・カーソルがT文字アイコンになってからクリック、URLを貼りつけたり、タイトルを記入する ・表示される文字は小さく、灰色なので入力できてることに気づきづらいので注意 ・記入し終わったら、プレーヤーの右下の「confilm」を押すと下のタブレットにも追加される ・プレーヤーの再生/停止ボタンを押すと再生される ・タブレットに登録した曲の名前が表示されていない場合はトラックがずれているので 登録した名前が表示された状態で再生しないといけない ◇同期 ・ホストしか操作できない? ・クライアント(参加者)はホストと同じように聞こえる? ◇保存方法 ・プレーヤーにリストを入れた状態で保存しても、次回再生時に消える ・プレイリストをメモ帳などにかいておいて、その都度登録しなければいけない ■MODページ直訳 カスタムMP3プレーヤー このツールを使用すると、カスタムMP3を再生し、プレイリストを作成し、接続されたクライアントと同期して機能するオーディオコントロールを使用できます。 特徴 カスタムMP3やその他のHTML5対応フォーマットの再生 読み取り可能な名前の編集可能なプレイリスト チャットコマンド 接続されたクライアントと同期されたオーディオコントロール ユニティBluetoothスピーカー それの使い方 使用方法の説明にはイベントとチャットコマンドが用意されていますが、ここでは基本機能の概要を示します。 まず、タブレットをスピーカーにドロップします。タブレットに正常にリンクするとスピーカーがオンになり、タブレットは青色で強調表示されます。 2つの入力フィールドがあります.1つは音楽を指すURL用で、もう1つはプレイリストエントリに読み込み可能な名前を割り当てるフィールドです。各エントリはカンマで区切り、読みやすさに役立つ場合はブレークライン(enter)を追加できます。次に例を示します。 URL入力 - このフィールドはmp3への直接リンク用です http //chry.me/NCS_Infinity/01%20-%20Candyland.mp3、 http //chry.me/NCS_Infinity/02%20-%20Safari%20Fruits.mp3、 http //chry.me/NCS_Infinity/03%20-%20Hollah!.mp3 NAME INPUT - このフィールドはトラック表示用に読みやすい名前を追加するためのフィールドです Candyland、 サファリフルーツ、 ホラー! ゲームオブジェクト、ノートカード、ノートブック、または外部のテキストエディタを使用して、任意の方法でプレイリストを保存できます。あなたはいつでもエントリを追加して[CONFIRM PLAYLIST]ボタンを押して、新しく追加した曲でプレイヤーを更新することができます。再生はJavaScriptのイベントリスナーと連続しているので、再生が終了したら次のトラックに切り替える必要はありません。 あなたのMP3をアップロードしてオンラインでホストする必要があります。私はあなたのために何かをホストしません。 ソリューションのホスティングに関するコメントでお互いに助けてください。しかし、私は潜在的な著作権侵害(ergo NCS)について責任を負いません。 MP3のホスティングと使用はあなたの責任であり、あなた自身またはあなたのプロバイダの裁量で実行されます。 インライン(Webアプリケーション上)コントロールは使用できますが、入力を使用したクライアントにのみ適用されます。マルチプレイヤー再生の場合は、プレーヤー/スピーカーの入力のみを使用することを強くお勧めします。 LUAについて少し知っていれば、チャットコマンドを追加してプレイリストを読み込むこともできます。 !helpコマンドは、スクリプト内の定義済みの文字列から入力の値を設定することでこれを実証します。文字列は手動入力のように書式設定されますが、代わりにブレンドラインに\ nを使用します。それらを見つけるためにスクリプト内を突き進ませてください。 self.editInput({index = 0、value = ncs_infinity}) self.editInput({index = 1、value = ncs_infinity_names}) 使い方 スピーカー/プレーヤーは、私がこのプロジェクト専用に作ったシンプルなウェブアプリを中心に構築されています。入力した文字列をURLにエンコードしてタブレットに送信します。 PHPがURLを取得する $ url = $ _GET [ url ]; JavaScriptはそれをそれぞれのセグメントに分割します。 トラックURL - トラック名 - トラック番号 - 音量。 これの欠点は、すべての要求がページをリフレッシュし、ボリューム制御と新しいプレイリストエントリによって音楽を停止し、最初から再生を開始することです。私は現在、これを修正することはできません。これはローカルの再生(javascript)とミックスして一致させることと、接続されているすべてのクライアントのアップデートに固有の問題です。同様に、曲の読み込み時間の違いによって、音楽がローカルで再生されるため、連続再生で非同時性が発生する可能性があります。正面は、クライアントと入力を同期させるかなり機能的なカスタムMP3プレーヤーです。 LUA、JavaScript、HTML + CSSは公開されています。それを読んで、使用し、盗んでください。 (しかし、あなたがしている場合は、クレジット免責条項を残して自由に感じる) スピーカー小道具は自由に使用でき、提供された通りに配布することができます。 気軽に他のプロジェクトに使用し、クレジット免責条項を残しておきましょう。 公式の不和:https //discord.gg/d2w8jcp [PATREON] [www.patreon.com] 私のプロジェクトをサポートしてくれた私(現在および過去)のパトリオンの支持者に感謝します。 ジェレミーS カモノハシ コロジア アッシュブラック コナー
https://w.atwiki.jp/comcatet/pages/31.html
関数には prototype というプロパティが必ず存在する。ここにはオブジェクト(の参照値)がセットされている。このオブジェクトはその関数がコンストラクタとして使用された場合、生成されるオブジェクト(インスタンス)のプロトタイプオブジェクトとなる。 オブジェクトには __proto__ というプロパティが必ず存在する。ここにはそのオブジェクトのプロトタイプオブジェクト(の参照値)がセットされている。 new 演算子によってオブジェクト(インスタンス)が生成されると、インスタンスの __proto__ プロパティにコンストラクタ関数の prototype プロパティにセットされている参照値がコピーされる。 プロトタイプチェーン オブジェクトのプロパティにアクセスする際、そのオブジェクトに目的のプロパティが無かったら、__proto__ プロパティの参照先のオブジェクト(プロトタイプオブジェクト)に飛んでそちらを探す。それでも無かったら、さらにそのオブジェクトの __proto__ プロパティの参照先に飛ぶ。そうやって __proto__.__proto__._proto__ と、どんどん辿って探していく。このオブジェクトの連鎖の仕組みがプロトタイプチェーン。 クラスの作成 基本 // Constructor function MyClass() { // Private property var prop1 = priv_prop ; // Public property this.prop2 = public_prop_1 ; // Private method function method1(){ } // Privileged(特権) method this.method2 = function(){ }; } // Prototype MyClass.prototype = { // Public property (read only) prop3 public_prop_2 , // Public method method3 function(){ }, }; // Static MyClass.prop4 = static_prop ; MyClass.method4 = function(){ }; プライベートメンバはプライベートメソッドか特権メソッドからしかアクセス出来ない。つまりプロトタイプに定義されたパブリックメソッドからは無理ということ。 特権メソッドはプライベートメンバを扱えるが、インスタンス毎に作成されるのでメモリ効率が悪い。 プロトタイプに定義されたプロパティはインスタンスから見ると読み取り専用の初期値のような存在。インスタンスから変更しようとするとインスタンスに新たにプロパティが作られる事に注意。deleteしようとした時も同様。 スタティックメンバ(クラスプロパティ・クラスメソッド)はインスタンスとはまったく無関係。インスタンスからはアクセス出来ない。 ケアレスミスでグローバル汚染が起きるのを防ぐ コンストラクタ関数を呼び出す時、ケアレスミスで new 演算子を忘れると this = window(global) となり、グローバル汚染が起こる。これを防ぐ。 // Constructor function MyClass() { this.initInstance.apply(this, arguments); } // Prototype MyClass.prototype = { initInstance function() { // Private property var prop1 = priv_prop ; // Public property this.prop2 = public_prop_1 ; // Private method function method1(){ } // Privileged(特権) method this.method2 = function(){ }; }, // Public property (read only) prop3 public_prop_2 , // Public method method3 function(){ }, }; // Static MyClass.prop4 = static_prop ; MyClass.method4 = function(){ }; これなら new 演算子を忘れて呼ばれても、window.initInstance が存在しないかぎり例外エラーが発生するのですぐ分かる。 クラスの継承 基本 // 親クラス function ParentClass(arg) { this.p_prop = arg; } ParentClass.prototype = { p_method function() {}, }; // 子クラス function ChildClass(arg) { this.c_prop = arg; } ChildClass.prototype = new ParentClass(); ChildClass.prototype.c_method = function(){ }; 親クラスのメソッドがプロトタイプオブジェクトとして共有継承されるのは良いが、プロパティまで共有で継承されてしまい、純粋な継承とは言い難い。 プロパティの継承を工夫 // 子クラス function ChildClass(arg, ...args) { ParentClass.apply(this, args); // あるいは .call() を使ってもいい this.c_prop = arg; } これでプロパティの継承は出来たが、プロトタイプオブジェクトにも同様のプロパティが存在して2重になっている無駄がある。 プロトタイプオブジェクトの設定を工夫 var F = function(){}; F.prototype = ParentClass.prototype; ChildClass.prototype = new F(); これで2重なのが解消 constructor プロパティの不具合を修正 例えば、 function Const_A() { } function Const_B() { } Const_B.prototype = ( Obj_A = ) new Const_A(); // 理解しやすいように Obj_A と一拍置く var Obj_B = new Const_B(); この場合の Obj_B.constructor は本当なら Const_B を指して欲しいが、実際は Const_A を指してしまう。 なぜなら Obj_B.constructor ⇒ Obj_B.__proto__.constructor // 一度目のプロトタイプチェーン ⇒ Const_B.prototype.constructor ⇒ Obj_A.constructor ⇒ Obj_A.__proto__.constructor // 二度目のプロトタイプチェーン ⇒ Const_A.prototype.constructor ⇒ Const_A となるから。 なので、これを解決するためには、二度目のプロトタイプチェーンが発生しないように、 Const_B.prototype(Obj_A) に constructor プロパティを作成する。 Const_B.prototype.constructor = Const_B; 上の二つをまとめて読みやすく再利用しやすいようにする Function クラスに独自メソッド inherit を設定すると使いやすい Function.prototype.inherit = function(baseClass) { var F = function(){}; F.prototype = baseClass.prototype; this.prototype = new F(); this.prototype.constructor = this; } こう設定しとけば、クラス継承をする時 ChildClass.inherit(ParentClass); とするだけでプロトタイプオブジェクトの設定が出来るので楽。 ついでにクラス継承の情報をクラスプロパティとして保持しとくのも良いかも。 inherit メソッドの最後に this.baseClass = baseClass; みたいな感じで。 まとめ Function.prototype.inherit = function(baseClass) { var F = function(){}; F.prototype = baseClass.prototype; this.prototype = new F(); this.prototype.constructor = this; this.baseClass = baseClass; } // 親クラス function ParentClass(arg) { this.p_prop = arg; } ParentClass.prototype = { p_method function() {}, }; // 子クラス function ChildClass(arg, ...args) { ParentClass.apply(this, args); this.c_prop = arg; } ChildClass.inherit(ParentClass); ChildClass.prototype.c_method = function(){ };
https://w.atwiki.jp/api_programming/pages/101.html
ダイアログ 警告ダイアログ window.alert(strMsg); http //www.htmq.com/js/window_alert.shtml テキスト入力ダイアログ return_value = window.prompt("message","default value"); 入力ダイアログを表示する - TAG index