株式会社オンラインコンサルタントが運営する技術メモです
大した話じゃ全然ないんですが、いっつも忘れてしまって、コードの中を漁るはめになっているので、メモっておきます。
何のためにこのコメントがあるかというと、PHPでは、配列の中の変数の型を定義することができません。
なので、コメントに書いておくと親切、ということですね。
/* @var int[] */
public array $numbers;上記のコメントの意味は、$numbers という配列には、数字を入れることになっている、という意味です。
ただし、これはただのコメントなので、なんの強制力もありません。
上記の$numbers に Stringを入れてもエラーを吐いたりはしません…。
しかし、あるとないとで読んだプログラマーさんがわかりやすいので大違いだとは思います。
Maven。♪それは君が見た光~ 僕が見た希望~♪
3年ぶりぐらいに mvn とか使った私です。
ちょっととあるJavaで書かれたたオープンソースのプロジェクトのソースコードが読みたくて、ダウンロードしたけれども、IntelliJですぐデバッグできなかったのでメモです。
① Run → Edit Configurationsをクリック
②＋マークをクリックした後、Mavenを選択
③Runのところに、本来はテストコードを走らせるところに
mvn test
なので
test
だけ入力すればいいんですが、IntelliJでデバッグするために
-DforkCount=0
というオプションが必要です。
なので、IntelliJのRunの欄に下記のように入力します。
-DforkCount=0 test
どうも、Vueに時々取り組んでいる私です。
さて、Composition APIというものがありまして、Composition APIを説明してくれているサイトもいっぱいあります。公式サイト
ただ、私はまずは触ってみたいと思うタイプなので、サクッと試したいなと思って
「 Composition API サンプル」
と検索してみても、nodeモジュール入れましょうとか、TypeScriptで作りましたとか、そういうちょっと手間がかかるサンプルが多かったので、私のような人のために載せておきます。
というわけで、以下Vueとcomposition APIはCDNから読み込みでやる（URLで読み込むということです）めちゃくちゃ簡単なサンプルです。
Vueのバージョン：2.6.10
Composition API：1.7.1
<!DOCTYPE html>
<html lang=”ja”>
<head>
<meta charset="UTF-8">
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
</head>
<body >
<div id ="sample">
<div>性<input type="text" v-model="lastName"></div>
<div>名<input type="text" v-model="firstName"></div>
<div>フルネーム：{{fullName}}</div>
</div>
<script src ="https://cdn.jsdelivr.net/npm/@vue/composition-api@1.7.1"></script>
<script type="text/javascript">
const ref = VueCompositionAPI.ref
const computed = VueCompositionAPI.computed
new Vue({
el:'#sample',
setup(){
const lastName = ref('渋川')
const firstName = ref('剛毅')
const fullName = computed(() => lastName.value +' '+ firstName.value)
return {lastName, firstName, fullName}
}
})
</script>
</body>
上記をコピペしてsample.htmlという名前で保存して、ブラウザで開けばできます。
ここではComposition APIとはなんだとか、上記のコードの解説はしません。
私的にはこちらの記事がわかりやすかったです。
https://kobatech-blog.com/vue-composition-api/
Scalaをやるのは2年ぶりの私です。
で、このエラーが頻発して悩んでいます。(>_<)
大体は、下記が理由で起こります。
Scalaでは List とかもImmutableです。
val で宣言された変数はImmutableです。
ポエムみたいな投稿ではありますが、自分用のメモとしても書いておきます。
javascriptで〇秒おきに〇〇を行うなどをするにはsetInterval()という関数を使いますが、これを実行したときのエラー処理がちょっと難しいので書いておきます。
まずは普通のsetInterval()ですが、次のように普通にやってみます。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="robots" content="noindex, nofollow">
<meta name="googlebot" content="noindex, nofollow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://unpkg.com/vue@2.5.17"></script>
</head>
<body>
<div id="app">
</div>
<script>
function helloWorld() {
console.log("こんにちは、");
try {
setInterval(function(){
console.log("日本");
},1000);
}
catch (err) {
console.log("なんかしらのエラー処理");
}
console.log("世界");
}
helloWorld();
</script>
</body>
</html>
これを実行して、consoleを見ると、次のように出力されています。（画面には何も出力されませんのでご注意を）
私はFirefoxを使っているのでFirefoxの開発者コンソールの画面ですが、次のようになっています。
最初に「こんにちは」と「世界」が出力され、次に一秒ごとに「日本」が出力されています。最近の開発者コンソールは、同じ出力をまとめてくれるので、上記のスクショだと「日本」の文字の横に「131」という文字が青地に白で書いてありますが、これが連続して出力された回数です。
さて、これだとエラーが起こりえないので、わざとエラーを起こしてみます。
<!-- HTML 部分は省略 -->
function helloWorld() {
console.log("こんにちは、");
try {
setInterval(function () {
throw new Error("エラーを投げるよ");
console.log("日本");
}, 1000);
} catch (err) {
console.log("なんかしらのエラー処理");
}
console.log("世界");
}
helloWorld();
最初に実行したときは、「こんにちは」「世界」が出力され、そのあとのsetInterval() 内での処理はUncaught Errorが発生して、ストップしてしまいます。
1秒間隔での処理もストップしてしまいます。
catch 節に行かないのはどうしてでしょうか。
javascript がエラーをキャッチできるのは、最初に setInterval を起動したときだけです。
「ハ？setInterval は1秒ごとに実行されてるじゃんかよ~？！」
と思うと思います。私も最初はこの説明を聞いても
「な… 何を言っているのかわからねーと思うが…おれも何をされたのか…わからなかった…」
というポルナレフ状態でした。
まぁ、setInterval を起動するのが元のtry~catch節です。setIntervalの中身の実行が1秒ごとに行われるときには、元の try~catch節 の知りえない世界でやられているので 元の try~catch節 ではキャッチできないということですね。
たとえ話でいうと、私がペットの猿のウキ吉に
「これから出かけるので、5分ごとに玄関に誰か来ないか見張りに行ってね。」
と命令したとしましょう。これが最初の実行で、setIntervalの起動です。この時点ではエラーが起こっていないということです。
しかし、私はそのあと出かけてしまうので、ウキ吉がちゃんと5分ごとに見張りをしているかは私にはわかりません…。
ウキ吉の行動がsetInterval の中のコードということになります。
なので、setInterval() 内でのエラーをキャッチするためには、 setInterval() 内で エラー処理をする必要があります。
私はエラーがあった時の処理がわかりやすいほうがいいので、下記のようにPromiseを使う方法が好きです。
下記のサンプルでは、1秒ごとに2分の1の確率で、猿の留守番が失敗することになります。
しかし、猿の留守番は見張られているので、成功・失敗により処理がわかれます。ちゃんと留守番をしているとバナナがもらえて、留守番をしていないと叱られるということです。
<!-- HTML部分は省略 -->
function rusuban() {
console.log('ウキ吉の留守番開始')
setInterval(
function () {
console.log('時間が経過')
monkeyWatch()
.then(
function (msg) {
console.log(msg)
console.log('エライ！ご褒美のバナナだよ')
}
)
.catch(
function (err) {
console.log(err)
console.log('こらっ ダメでしょ！')
}
)
},
1000)
function monkeyWatch() {
return new Promise((resolve, reject) => {
if (Math.random() > 0.5) {
console.log('ちゃんと留守番している')
resolve('成功')
} else {
console.log('留守番していない！')
reject('失敗')
}
})
}
}
rusuban();
上記の実行結果は下記のようになります。
失敗しても、1秒後には次のターンが来ます。
ちょっとコードが長くなっちゃうのが欠点ではありますね💦
