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

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

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

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の練習

Javascriptでカレンダーを作ってみた。本当は、月初の週に前月をまたぐ場合は、小さい字で入れたかったんだけど、細かくclassを設定するのも嫌になり、該当月のみの表示としました。
今回、はまったのは、変数Bの宣言にすでに宣言されている変数Aを使うと、変数Bの値を入れ替えるたびに変数Aも変わってしまうことに気づかなかったことです。無限ループを作ってしまった。
あと、thimbleで日付を指定すると、GMTで設定して表示はJSTみたいな複雑なことが起こっていて、簡単にできるはずの月初の日付、月末の日付けを得るのがうまく確認できなくて、随分と冗長なコードになってしまいました。やはり、初めからVS Code+Chrome(FireFoxのdeveloper edition)でいいかもしれません。