ジャンボモナカ

34歳のハゲデブがHTML5ハイブリッドアプリ開発プラットフォームmonacaを始めました。

Vue.jsとVue Routerをwebpackにまとめる

f:id:maipontan:20200525193407p:plain

Vue.jsとVue Routerをwebpackにまとめる方法についてまとめました。

まず、Vue.jsとwebpackのインストールについては、前回の記事を参考にしました。

jumbomonaca.hatenablog.com

次にnpmコマンドでVue Routerをインストール。

npm install vue-router

完了後、Vue Routerの参考ページをもとに以下のscriptを作成

// src/app.js
import Vue from "vue";
import VueRouter from 'vue-router';

import "core-js/stable";
import "regenerator-runtime/rumtime";

Vue.use(VueRouter);

const Foo = { template: '<div>foo</div>' };
const Bar = { template: '<div>bar</div>' };

const routes = [
  { path: '/foo', component: Foo },
  { path: '/bar', component: Bar }
];


const router = new VueRouter({
  routes // `routes: routes` の短縮表記
});

const app = new Vue({
  router
}).$mount('#app')

まず、ターミナルでjsのトランスフォームを行います。

regenerator src lib

最後に、webpackコマンドを叩けば完了です。

npx webpack --config webpack.config.js

//webpack.config.js
const path = require('path');

module.exports = {
  mode: 'production' ,
  entry: path.resolve(__dirname, 'lib/app.js'),
  output: {
    filename: 'app.min.js',
    path: path.resolve(__dirname, 'dist')
  },
  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.esm.js'
    }
  }
}

JavaのJSONのような値を実現してくれるHashMap

f:id:maipontan:20200505121424p:plain

JavaJSONのような変数にしたい場合はどうすればいいのだろうかと調べていたらHashMapで実現できることがわかった。

import java.util.HashMap;

class Hoge{
    public static void main(String[] args){
        HashMap<String, String> foo = new HashMap<String, String>() {
            private static final long serialVersionUID = 1L;
            {
                put("hoge","1");
                put("foo","2");
            }
        };

        for (String key : foo.keySet()) {
            System.out.println(key + " : " + foo.get(key));
        }
        //hoge : 1
        //foo : 2
    }
}

JavaScriptと違って初期化しずらいなぁ〜。

Google Apps ScriptでGoogle Spread Sheetのセルに値を設定する

f:id:maipontan:20200519130213p:plain

Google Apps ScriptでGoogle Spread Sheetのセルに値を設定するには、setValueメソッドを使えば実現できる。

let activeSpreadSheet = SpreadsheetApp.getActive();
activeSpreadSheet.getRange(1,1).setValue('hoge');

Google Apps ScriptでGoogle Spread Sheetのテキストの書式を折り返しにする

f:id:maipontan:20200519130213p:plain

Google Apps ScriptでGoogle Spread Sheetのテキストの書式を折り返しにしたい場合は、setWrapStrategyメソッドにSpreadsheetApp.WrapStrategy.WRAPを設定すれば実現することができる。

let activeSpreadSheet = SpreadsheetApp.getActive();
activeSpreadSheet.getRange(1,1).setWrapStrategy(SpreadsheetApp.WrapStrategy.WRAP);

Google Apps ScriptでGoogle Spread Sheetの書式をクリアー

f:id:maipontan:20200519130213p:plain

Google Apps ScriptでGoogle Spread Sheetの書式をクリアー(削除)したい場合は、clearFormatメソッドを使えば実現することができる。

let activeSpreadSheet = SpreadsheetApp.getActive();
activeSpreadSheet.getRange(1,1).clearFormat();

Google Apps ScriptでGoogle Spread Sheetのテキストコンテンツをクリアー

f:id:maipontan:20200519130213p:plain

Google Apps ScriptでGoogle Spread Sheetのテキストの内容をクリアー(削除)したい場合は、clearContentメソッドを使えば実現することができる。


let activeSpreadSheet = SpreadsheetApp.getActive();
activeSpreadSheet.getRange(1,1).clearContent();

ただし、注意点として、あくまで選択されたセルの値のみクリアー(削除)されるのであって、書式はそのまま保持されるので注意したい。