文字列の連結
StringJoinerクラスを使用する
import java.util.StringJoiner; String s = new StringJoiner(",") .add("あいう") .add("えおか") .add("きくけ") .toString();
Collectors#joiningメソッドを使用する
import java.util.stream.Collectors; import java.util.stream.Stream; String[] array = {"あいう", "えおか", "きくけ"}; String s = Stream.of(array) .collect(Collectors.joining(","));
Ubuntu 16.04 LTSにChromeをインストールする
sudo apt install libappindicator1 sudo dpkg -i google-chrome-stable_current_amd64.deb
gogで買ったBloodRayneの画面アスペクト比を修正する
gog.comのセールでBloodRayneを買ったのですが、起動してみると画面アスペクト比がおかしい。。
ワイドスクリーンで適切な解像度が選択できませんでした。
調べてみると、定義ファイルを直接いじれば直せるようです。
C:\GOG Games\BloodRayne\system\rayne.iniを開き、gamePIXYとgamePIXXの値を自分の環境に合わせて修正しましょう。
JavaScriptをきちんと勉強しようと思ったのでメモ(随時更新)
なんとなく読み書きしてきたJavaScriptですが、最近はフロント側の仕事に携わることが多くなってきたので、きちんと勉強しておこうと思いました。勉強したことをメモっておきます。
勉強したこと
- varを使わずに宣言した変数はグローバル変数になる
- 変数宣言はとりあえずvarをつけておかないと危険
- 等価比較(==)と同値比較(===)。等価比較は型が一致しなくても、同じ値とみなせればOK。同値比較は型も一致しないとNG。
- return文が定義されていない関数はundefinedを返す。
- newで呼び出された関数は、returnの有無に関わらず、Objectのインスタンスを返す。
- オブジェクトは {key1:value1, key2:value2, method1:function() {〜}}のように生成できる。
- 関数呼び出し時に引数チェックは実施されない。
- for (var v in 配列、オブジェクト) {〜} とした場合、vには配列のインデックス番号やオブジェクトのキー名が入る。Javaの拡張for文とは異なるので注意。
- for (var v of 配列) {〜} とした場合、vには値が入る。(for-inとは異なり、オブジェクトは使用不可)
- オブジェクトはprototypeへの参照を持っている。よって、prototypeを使ってオブジェクトにメソッドを追加することができる。
- 関数内でのthisはglobalオブジェクトを参照する。メソッド内でのthisはメソッドが属するオブジェクトを参照する。コンストラクタ内でのthisは生成したインスタンスを参照する。
- call, applyメソッドは、引数で指定されたオブジェクトをthisとして関数を実行する。callとapplyの違いは引数の書き方のみ。(callは可変長引数、applyは配列)
- [...iterable(配列や文字列), ...iterable]で、iterableなオブジェクトを連結できる。
- (function(p1, p2) { 〜 })('foo', 'bar');のような書き方を即時関数という。
- コンストラクタの実体は関数。
- classブロックの中にconsructorという名前の関数を書くと、クラスのコンストラクタとなる。
参考文献
何となくJavaScriptを書いていた人が一歩先に進むための本
- 作者: 五十嵐肇,多良間斎
- 発売日: 2016/04/30
- メディア: Kindle版
- この商品を含むブログを見る
JavaScriptの理解を深めた人がさらにもう一歩先に進むための本
- 作者: 五十嵐肇,多良間斎
- 発売日: 2016/07/01
- メディア: Kindle版
- この商品を含むブログを見る
簡易HTTPサーバ
概要
ちょっとしたお試し用に使える簡易HTTPサーバがあります。
github.com
導入
$ sudo npm install -g http-server
UI Bootstrapで開閉パネルを実装する
index.html
<!doctype html> <html ng-app="myApp"> <head> <script src="angular.min.js"></script> <script src="ui-bootstrap-tpls-1.3.3.min.js"></script> <script src="scripts/collapse.js"></script> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div ng-controller="testctl"> <input type="button" value="開閉パネル" ng-click="isCollapsed = !isCollapsed"></input> <div uib-collapse="isCollapsed"> <p>こんにちは</p> </div> </div> </body> </html>
collapse.js
angular.module('myApp', ['ui.bootstrap']); angular.module('myApp').controller('testctl', function($scope) { $scope.isCollapsed = false; });