Vue.jsとVue Routerをwebpackにまとめる方法についてまとめました。 まず、Vue.jsとwebpackのインストールについては、前回の記事を参考にしました。 jumbomonaca.hatenablog.com 次にnpmコマンドでVue Routerをインストール。 npm install vue-router 完了…
Google Apps ScriptでGoogle Spread Sheetのセルを連結したい場合は、mergeメソッドを使えば実現できる。 let activeSpreadSheet = SpreadsheetApp.getActive(); let range = activeSpreadSheet.getRange(1,1,1,2).merge();
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のセルに値を設定するには、setValueメソッドを使えば実現できる。 let activeSpreadSheet = SpreadsheetApp.getActive(); activeSpreadSheet.getRange(1,1).setValue('hoge');
Google Apps ScriptでGoogle Spread Sheetのテキストの書式を折り返しにしたい場合は、setWrapStrategyメソッドにSpreadsheetApp.WrapStrategy.WRAPを設定すれば実現することができる。 let activeSpreadSheet = SpreadsheetApp.getActive(); activeSpreadSh…
Google Apps ScriptでGoogle Spread Sheetの書式をクリアー(削除)したい場合は、clearFormatメソッドを使えば実現することができる。 let activeSpreadSheet = SpreadsheetApp.getActive(); activeSpreadSheet.getRange(1,1).clearFormat();
Google Apps ScriptでGoogle Spread Sheetのテキストの内容をクリアー(削除)したい場合は、clearContentメソッドを使えば実現することができる。 let activeSpreadSheet = SpreadsheetApp.getActive(); activeSpreadSheet.getRange(1,1).clearContent(); た…
フロントエンド界隈では、Vue.jsが大流行。 そこでVue.jsとクラスを使いたいのでbabelも採用し、それを最終的にwebpackを経由させてjsファイルを吐き出すということをやってみたい。 まずは、npmコマンドでVue.jsをインストール。 npm install vue 次に、web…
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>…
簡単なJavaプログラムを作りデバッグしたい時があります。 デバッグするのにSpringBootプロジェクトを作るのは正直めんどくさい。 できれば、macのローカルで実行したい。 そんな時は、macのターミナルでjavaプログラムをコンパイルし、実行するのが便利です…
前回、Spring BootでURLのパスを受け取る方法を書きました。 jumbomonaca.hatenablog.com その時は、一つのURLに対して、一つのメソッドを結びつける形でしたが、複数の異なるURLを一つのメソッドにマッピングしたい場合にどうすればいいのか調べました。 例…
Google SpreadsheetsからGoogle Apps Scriptを実行したい時に、毎回、スクリプトエディターから実行するのが、正直めんどくさい。 そこで、Google Spreadsheetsにメニューを追加して、そこからスクリプトエディターを開かずに実行したい。 幸い、Google Apps…
処理の想いGoogle Apps Scriptを実行したら、 「起動時間の最大値を超えました」 というエラーが発生。 原因を調査してみると、どうやらG SuiteのBusinessまたは、Enterpriseは30分で、それ以外は6分なので、重たい処理は、運用方法を変更するか、仕様を変更…
Spring BootでURLを取得するにはどうすればいいのだろうか？ org.springframework.web.servlet.support.ServletUriComponentsBuilderを使って取得することができるみたいだ。 import org.springframework.boot.SpringApplication; import org.springframewor…
Spring Bootでtymeleafを指定したい場合は、return値でstring型の文字列を返すことによって指定することができる。 import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.…
Google Apps ScriptでsetTimeoutを使ったら何故かエラーになってしまった。 setTimeout(()=>{ hoge(); }, 1000); 調べてみるとsetTimetoutの代わりに、Utilities.sleepメソッドを推奨しているようです。 Utilities.sleep(1000); hoge();
thymeleafは、3項演算子をサポートしているのだろうか？ 調査したところ、サポートしているようで、他の言語と同じ書式で実現することができる。 <div class="${hoge == bar} ? 'hoge1' : 'hoge2'"></div>
前回、thymeleafでテキストを表示する方法について書きました。 同じように、scriptタグ内でも変数を表示させたいのだが、同じやり方が通用しない。 そこで、どうするかというと、scriptタグにth:inline="javascript"属性を追加すれば表示することができそう…
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>
Spring Bootとthymeleafでサーバー側で設定した変数の値をHTML内にテキストとして表示させたい。 まず、Spring Boot側でModelを用意する。 import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootAp…
renderメソッドで表示させる際に、htmlタグがエスケープされた状態で表示されてしまう。 class Hoge extends React.Component { constructor(props) { this.state = { hoge: '<div>ssssss</div>' } } render(){ <div>{this.state.hoge}</div> } } 通常であれば問題はないのだが改行…
Spring BootでURLのパスを受け取りたい場合は、どうすればいいのだろうか？ 例えば、/hoge/123、/hoge/456というURLのパスがあった場合、123と456を受け取りたい。 調査してみると、@PathVariableを使えば取得することができます。 import org.springframewo…
Spring Tools 4 for Eclipseで、一度、新規に作成したmavenプロジェクト(spring bootプロジェクト)を再度プロジェクトとして開きたい場合、どうすればいいのだろうか？ File → Import → Maven → Existing Maven Projectsの順で選択してNextボタンをクリック…
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でプログラムを組んでいたら突然、エラーが発生。 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 …
Google App EngineにJavaプログラムをdeployするには、jarファイルをアップロードする必要がある。 そこで、Spring Tool Suite 4でjarファイルを作成する方法について調べた。 結論からいうと、Run As → Maven Installで生成することができた。 jarファイル…
Spring Tool Suite 4からSpring Bootのアプリケーションを起動させて、chromeでデバッグしてた時に、エラーが発生。 Failed to refresh live data from process 11086というエラー。 検索してみると、解決方法は2つあることが判明 Preferences -> Language S…
Spring Bootの開発をはじめるにあたり、まず、IDEの選択。 IntelliJとEclipseの2択で迷い、Eclipseを採用。 Eclipse MarketPlaceでSpringのプラグインを検索したけど、最新版が見当たらない。 (ちなみに、Eclipseのバージョンは、確か、2020‑03だった気がす…
spring.io Spring Bootを始めました。 Google App Engine Java standard環境が、Java 8からJava 11にバージョンアップしたことに伴い、Spring Bootが使えるようになったからです。 Javaはサーブレットしか使ったことがないので、楽しみです。
jQueryでアニメーションをさせながスクロール処理を行う時がまぁ〜まぁ〜あります。 $('html, body').animate({ scrollTop:0, 500, 'swing', function(){ console.log("done") } }); で、Reactでスクロールをアニメーションさせたい場合、jQueryのanimateメ…
