react native 新しいおもちゃになるか?

MACでバックアップツールを作ろうと思って、swiftの本を買ったのですが、react nativeと言うJavaScriptを使って、iOSもandroidも簡単にアプリができると言う夢のようなツールがあると言うことで、ちょっと囓ってみました。
アプリをインストールしても、XDEはIDEと言う訳ではなく、そこではコードを書いたりできないみたい。コードはVS Codeでうまく行きそうな気もするが、本当にそうなのか・・よくわかりません。MACではXcodeのシミュレーターが使えます。実機と同じ動きをします(当然ですが)・・

“react native 新しいおもちゃになるか?” の続きを読む

Tinker BoardにTimeMachineサーバ導入(最後の最後で失敗)

MacBook Airを買ったので、使われていなかった1TBのUSB HDDをつないで、TimeMachineサーバにもなるようにやってみました。
USB-HDDをつないで、「sudo fdisk -l」で接続を確認します。

sudo fdisk -l
Device Boot Start End Sectors Size Id Type
/dev/sdb1 * 63 1953520064 1953520002 931.5G af HFS / HFS+

ということで、ちゃんと/dev/sdb1につながっていることが確認できたので、UUIDなどを「sudo blkid /dev/sdb1」で確認します。

sudo blkid /dev/sdb1
UUID="a7fb4295-f16e-38d4-bce5-60cbd55b7dfc" LABEL="TimeMachine" TYPE="hfsplus" PARTUUID="2ded4cd8-01"

“Tinker BoardにTimeMachineサーバ導入(最後の最後で失敗)” の続きを読む

JavaScriptでGoogle Calendarを取得

Raspberry PI Zero Wが残念な状況なので、天候情報ページに加えて、メールやスケジュールのダッシュボードを作ってみようかと思いました。ベースはJavaScriptで作ったカレンダーです。

GoogleのBrowser GuickStartをみながらGoogle Calendarから予定を取得する機能を再現してみました。
結果はこちらです。AuthorizeボタンをクリックするとGoogleの認証画面が出てきて、メールアドレスとパスワードを入れればOKです。
この情報をカレンダーに埋め込めばマイカレンダーはできそうだ。 “JavaScriptでGoogle Calendarを取得” の続きを読む

JavaScriptの練習:簡単なアニメ(ボールが動く)

業務系のアプリつくりが目的なんですが、やはりこういうのは避けて通れないみたいです。できたものはこちら
ボールがあっちこっちに動きます。canvasの端に来ると速度の符号を変えて完全弾性衝突のようになっているところが「ほーお」とうなづけるところでした。
アニメにするには、アニメのループ関数の中に「requestAnimationFrame(loop);」を入れて、loop()を一度、外から呼び出す必要があるようです。
あと、軌跡が残るのは、「ctx.fillStyle = ‘rgba(0, 0, 0, 0.25)’」で、0.25の半透明を指定しており、過去4回分が少しずつ色を薄めつつ残ることになります。うまくできています。

“JavaScriptの練習:簡単なアニメ(ボールが動く)” の続きを読む

JavaScriptの練習:JSON

JSONは、JavaScript Object Notationの略なんですね。。まさに、JavaScriptのための構造化表現ということです。その割には、手順が多いなぁ・・
糸を引くようなフォントに興味が湧き、再現してみました。こちらです。
JavaScriptはこんな感じです。

“JavaScriptの練習:JSON” の続きを読む

JavaScriptの練習:Photo Gallery

MDNに沿ったJavaSCriptの練習を継続してます。ようやく、JavaScriptの構成要素の最後まで到着しました。
成果物はこちらです
結論的には、thumb-barに画像を設定するまではできましたが、関数まで設定することはできませんでした。回答ではforの中に、function(e)が入っていますが、VS Codeでは、これはお勧めできないという警告が出てきます。でも、じゃぁ、どうすればいいのか対応までは教えてくれていないので、いくつか試してみましたが、いずれも動かず・・・・、結局、回答そのままにしています。
なお、electronによるアプリ化は簡単にできました。 “JavaScriptの練習:Photo Gallery” の続きを読む

JavaScriptの練習:カレンダーちょっと改良

カレンダーは月末日が表示されないというバグがあることに気づいたので、直すついでに、当初作ってみたかったようにやってみた。
成果物はこちら
最初は、thimbleで作業していたが、thimbleは「new Date(2018,1,31,0,0,0)」と日時を指定しても、現在の日時になってしまうことがわかった。Playcodeも同じみたいだった。日本標準時の扱いにくさもあって、ThimbleやPlaycodeに依存しない、VS Code+Chromeという標準的な開発環境に落ち着いたこともメモしておきます。
“JavaScriptの練習:カレンダーちょっと改良” の続きを読む

JavaScriptの練習:イベント

元ネタのMDNはこちら
成果物はこちら
ここでは、イベントについての説明です。イベントのキャッチ方法とか、どうやって関数を呼び出すかなどの説明です。
個人的には、<body>の中に、こうやってタイル状に<div>を配置できることを知った驚きのほうが大きかったです。

JavaScriptの練習(Loop)

MDNのサンプルがなんとなく気に入ってしまい、自分でも作ってみました
<canvas>の使い方を調べるのに時間がかかりましたが、なんとなく使い方もわかったし、自分で興味を持って取り組みことは大事ですね。色を変えたりして・・・。

本当は、ゆっくりバブルができるようにしたかったのですが、JavaScriptにはsleepやwaitがないとのこと。うまくできませんでしたが、失敗例を残しておきます。
index.html

script.js