ジャンボモナカ

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

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

Vue.jsとVue Routerをwebpackにまとめる方法についてまとめました。 まず、Vue.jsとwebpackのインストールについては、前回の記事を参考にしました。 jumbomonaca.hatenablog.com 次にnpmコマンドでVue Routerをインストール。 npm install vue-router 完了…

Google Apps ScriptでGoogle Spread Sheetのセルを連結

Google Apps ScriptでGoogle Spread Sheetのセルを連結したい場合は、mergeメソッドを使えば実現できる。 let activeSpreadSheet = SpreadsheetApp.getActive(); let range = activeSpreadSheet.getRange(1,1,1,2).merge();

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

JavaでJSONのような変数にしたい場合はどうすればいいのだろうかと調べていたらHashMapで実現できることがわかった。 import java.util.HashMap; class Hoge{ public static void main(String[] args){ HashMap<String, String> foo = new HashMap<String, String>() { private static final </string,></string,>…

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

Google Apps ScriptでGoogle Spread Sheetのセルに値を設定するには、setValueメソッドを使えば実現できる。 let activeSpreadSheet = SpreadsheetApp.getActive(); activeSpreadSheet.getRange(1,1).setValue('hoge');

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

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

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

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

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

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

Vue.jsとwebpackとbabelを使う

フロントエンド界隈では、Vue.jsが大流行。 そこでVue.jsとクラスを使いたいのでbabelも採用し、それを最終的にwebpackを経由させてjsファイルを吐き出すということをやってみたい。 まずは、npmコマンドでVue.jsをインストール。 npm install vue 次に、web…

Javaのリスト

Javaには配列以外にもリストサポートしているようです。 import java.util.Arrays; import java.util.List; class Hoge{ public static void main(String[] args){ List<String> hoge = Arrays.asList("1","2","3"); hoge.forEach(item ->{ System.out.println(item)</string>…

macのローカルでJavaを実行する方法

簡単なJavaプログラムを作りデバッグしたい時があります。 デバッグするのにSpringBootプロジェクトを作るのは正直めんどくさい。 できれば、macのローカルで実行したい。 そんな時は、macのターミナルでjavaプログラムをコンパイルし、実行するのが便利です…

Spring Bootで複数のURLのパスを受け取る

前回、Spring BootでURLのパスを受け取る方法を書きました。 jumbomonaca.hatenablog.com その時は、一つのURLに対して、一つのメソッドを結びつける形でしたが、複数の異なるURLを一つのメソッドにマッピングしたい場合にどうすればいいのか調べました。 例…

Google Apps ScriptからGoogle Spreadsheetsにカスタムメニューを追加

Google SpreadsheetsからGoogle Apps Scriptを実行したい時に、毎回、スクリプトエディターから実行するのが、正直めんどくさい。 そこで、Google Spreadsheetsにメニューを追加して、そこからスクリプトエディターを開かずに実行したい。 幸い、Google Apps…

GAS実行時に起動時間の最大値を超えましたというエラー

処理の想いGoogle Apps Scriptを実行したら、 「起動時間の最大値を超えました」 というエラーが発生。 原因を調査してみると、どうやらG SuiteのBusinessまたは、Enterpriseは30分で、それ以外は6分なので、重たい処理は、運用方法を変更するか、仕様を変更…

Spring BootでURLを取得する

Spring BootでURLを取得するにはどうすればいいのだろうか? org.springframework.web.servlet.support.ServletUriComponentsBuilderを使って取得することができるみたいだ。 import org.springframework.boot.SpringApplication; import org.springframewor…

Spring Bootでtymeleafのテンプレート先を指定する

Spring Bootでtymeleafを指定したい場合は、return値でstring型の文字列を返すことによって指定することができる。 import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.…

Google Apps ScriptでsetTimeoutが使えない件

Google Apps ScriptでsetTimeoutを使ったら何故かエラーになってしまった。 setTimeout(()=>{ hoge(); }, 1000); 調べてみるとsetTimetoutの代わりに、Utilities.sleepメソッドを推奨しているようです。 Utilities.sleep(1000); hoge();

thymeleafで3項演算子

thymeleafは、3項演算子をサポートしているのだろうか? 調査したところ、サポートしているようで、他の言語と同じ書式で実現することができる。 <div class="${hoge == bar} ? 'hoge1' : 'hoge2'"></div>

thymeleafでscriptタグ内に変数を表示させたい時

前回、thymeleafでテキストを表示する方法について書きました。 同じように、scriptタグ内でも変数を表示させたいのだが、同じやり方が通用しない。 そこで、どうするかというと、scriptタグにth:inline="javascript"属性を追加すれば表示することができそう…

thymeleafでテンプレート内に他のテンプレートをインクルードさせたい

thymeleafを使ってテンプレート内に他のテンプレートをインクルードさせたい場合はどうすればいいのだろうか? 例えば、テンプレートのHTMLがある。 (仮に今回、hoge.htmlとする。) <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> </meta></meta></head></html>

thymeleafでテキストを表示

Spring Bootとthymeleafでサーバー側で設定した変数の値をHTML内にテキストとして表示させたい。 まず、Spring Boot側でModelを用意する。 import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootAp…

Reactのrenderで改行を反映させたい

renderメソッドで表示させる際に、htmlタグがエスケープされた状態で表示されてしまう。 class Hoge extends React.Component { constructor(props) { this.state = { hoge: '<div>ssssss</div>' } } render(){ <div>{this.state.hoge}</div> } } 通常であれば問題はないのだが改行…

Spring BootでURLのパスを受け取る

Spring BootでURLのパスを受け取りたい場合は、どうすればいいのだろうか? 例えば、/hoge/123、/hoge/456というURLのパスがあった場合、123と456を受け取りたい。 調査してみると、@PathVariableを使えば取得することができます。 import org.springframewo…

Spring Tools 4 for Eclipseで既存のmavenプロジェクトをインポートする方法

Spring Tools 4 for Eclipseで、一度、新規に作成したmavenプロジェクト(spring bootプロジェクト)を再度プロジェクトとして開きたい場合、どうすればいいのだろうか? File → Import → Maven → Existing Maven Projectsの順で選択してNextボタンをクリック…

The serializable class does not declare a static final serialVersionUID field of type long XXX.java XXXXという警告

HashMap型の変数宣言をしたところ警告が表示された。 HashMap<String, List<String>> foo = new HashMap<String, List<String>>() { { put("hoge", Arrays.asList("bar")); } }; The serializable class does not declare a static final serialVersionUID field of type long XXX.java XXXXという警告</string,></string,>…

Spring Tool Suite 4で突然エラーが発生

Spring Tool Suite 4でプログラムを組んでいたら突然、エラーが発生。 The project was not built since its build path is incomplete. Cannot find the class file for java.lang.Object. Fix the build path then try building this project XXX Unknown …

Spring Tool Suite 4でjarファイルを作成する

Google App EngineにJavaプログラムをdeployするには、jarファイルをアップロードする必要がある。 そこで、Spring Tool Suite 4でjarファイルを作成する方法について調べた。 結論からいうと、Run As → Maven Installで生成することができた。 jarファイル…

Failed to refresh live data from process

Spring Tool Suite 4からSpring Bootのアプリケーションを起動させて、chromeでデバッグしてた時に、エラーが発生。 Failed to refresh live data from process 11086というエラー。 検索してみると、解決方法は2つあることが判明 Preferences -> Language S…

Spring Tools 4 for Eclipseをインストール

Spring Bootの開発をはじめるにあたり、まず、IDEの選択。 IntelliJとEclipseの2択で迷い、Eclipseを採用。 Eclipse MarketPlaceでSpringのプラグインを検索したけど、最新版が見当たらない。 (ちなみに、Eclipseのバージョンは、確か、2020‑03だった気がす…

Spring Bootを始めました

spring.io Spring Bootを始めました。 Google App Engine Java standard環境が、Java 8からJava 11にバージョンアップしたことに伴い、Spring Bootが使えるようになったからです。 Javaはサーブレットしか使ったことがないので、楽しみです。

Reactでscrollアニメーションを実装する

jQueryでアニメーションをさせながスクロール処理を行う時がまぁ〜まぁ〜あります。 $('html, body').animate({ scrollTop:0, 500, 'swing', function(){ console.log("done") } }); で、Reactでスクロールをアニメーションさせたい場合、jQueryのanimateメ…