Ⅰ. はじめに タイトルの通り「Vue.js + Onsen UI で ページを切り替える方法」です。 Ⅱ. やり方 1. App.vue を書き換える <v-ons-splitter-content> <component :is="$root.currentPage"></component> </v-ons-splitter-content> 2. main.js を書き換える import HomePage from './components/HomePage' const app = new Vue({ data () { return { currentPage:…

Ⅰ. はじめに Ⅱ. やり方 環境準備 1. vue-cliのインストール 2. cordovaのインストール 3. Vue.js +Onsen UI + webpack のテンプレートを使って初期化する 4. Cordova で 対象プラットフォームとして Android を追加する 実行 Cordova で Androidアプリとして…

Ⅰ. はじめに タイトルの通り「Vue.js で 子から親のdataにアクセスする」方法です。 この記事の方法でもアクセスできますが、推奨しません。他componentのデータやメソッド等にアクセスする必要を感じたときはStoreパターンやVuexを学んだ方が良いです。 ま…

Ⅰ. はじめに Ⅱ. やり方1（シンプルな実装） 1. 以下のHTMLをindex.htmlとして保存する 2. WEBブラウザでindex.htmlを開く 3. 開発者ツールを開く 4. 無限にブレークポイントで止まります。 Ⅲ. やり方2（devtools-detectを利用する方法） 1. 以下のHTMLをinde…

Ⅰ. はじめに Vue.js + webpack の基本的なインストール方法はこちらを参照して下さい。 http://kagasu.hatenablog.com/entry/2017/07/24/082405上記で作った環境にBootstrap v4をインストールする方法です。※2018/12/04追記 現在のbootstrap-vue最新版である…

Ⅰ. はじめに タイトルの通り「Vue.js + webpack で helloworld する」方法です。 Ⅱ. やり方 1. vue-cliのインストール $ npm install -g vue-cli 2. Vue.js + webpack のテンプレートを使って初期化する $ vue init webpack my-project $ cd my-project $ np…

Ⅰ. はじめに タイトルの通り「Vue.jsでaxiosを使ってJSONデータを利用（GET）する方法」です。以下のJSONから [ { "name" : "name001" }, { "name" : "name002" }, { "name" : "name003" } ] 以下のように出力するサンプルです。 name001 name002 name003 ※F…

Ⅰ. はじめに 一時的なメールアドレスを作成するサービスはいくつか存在します。 一時的なメールアドレスを作成する - 備忘録しかし、どのサービスもAPI経由でのアクセスが出来ないものばかりです。 送信されるリクエストを解析してサービスを利用する事も可…

Ⅰ. はじめに Google Chrome はデベロッパーツールや拡張機能でUserAgentを簡単に変更することが可能です。 しかし、簡単といってもクリック回数が1回で切り替わるわけではありません。1クリックのみでトグル式にUserAgentを変更するツールが存在していなかっ…

Ⅰ. はじめに ウィンドウを持たせずに、アイコンクリックで何かアクションを起こしたい場合に利用できます。 Ⅱ. サンプル manifest.json { "background": { "scripts" : [ "js/background.js" ] } } background.js chrome.browserAction.onClicked.addListene…

Ⅰ. はじめに Ⅱ. 比較（無料版） 1. JavaScript obfuscator 2. Javascript Obfuscator 3. jjencode 4. Closure Compiler 5. /packer/ 6. YUI Compressor 7. aaencode 8. emojify-webpack-plugin 9. JSFuck 複号ツール JavaScriptbeautifier JStillery REstri…

Highcharts.setOptions({ lang: { // 小数点の文字を指定 decimalPoint: '.', // 桁区切りの文字を指定 thousandsSep: ',' } }); var chart = new Highcharts.Chart({ tooltip: { // 桁区切り有効、少数点第1位まで pointFormat: "Value: {point.y:,.1f} mm"…

Qiitaに投稿しました。 qiita.com

http://codepen.io/kagasu/pen/qNJLXZ

http://jsfiddle.net/FabyD/ ↑ 百聞は一見にしかずinputのstyle属性とCSSの両方でdisplay: inline;する必要がある。情報元 http://stackoverflow.com/a/17041487

百聞は一見にしかず https://jsfiddle.net/86rgf7eu/ $(function() { $.tablesorter.addParser({ id: "fancyNumber", is: function(s) { return /^[0-9]?[0-9,\.]*$/.test(s); }, format: function(s) { return $.tablesorter.formatFloat(s.replace(/,/g, '…