PWAとは、「Progressive Web Apps」の略称で、モバイル向けWebサイトをGooglePlayストアなどで見かけるスマートフォン向けアプリのように使える仕組みらしいです。
詳しく知りたい方はこちらを読んでみて下さい。
初めになぜ導入したかと言うと、今後、Webアプリを作るに当たって必要になりそうな機能だからです。
Webアプリは、ブラウザからじゃないとアクセス出来ないため、どうしても手間に思えてしまいます。
ホーム画面にボタンを設置できるようになれば、利便性が向上するので、利用してもらいやすくなるのです。
その先駆けとして、のい太ろぐに導入してみました。
アイコン画像をサイズ別で用意まず初めに、ホーム画面に追加した際に表示されるアイコン画像を用意しました。
うちのサイトのアイコンは、こちらの無料サイトから使わせてもらっているので簡単に集めることが出来ました。
https://icooon-mono.com/
Hexo に PWA プラグイン を導入先人の方が作ってくれた PWA プラグイン を Hexo に導入しました。
大変ありがとうございます。
1npm ...
Cocos Creator で作ったゲームを GitHub のホスティングサービスで一般公開する方法です。
GitHub はバージョン管理システムですが、ホスティングサービスもやっています。
プライベートリポジトリだと、ホスティングサービスは使えないので、パブリックで一般公開することになるけど、お試しなら問題ないよね。
あと、ゲームといっても 「Hello, World!」だから許してね。
Web 用にビルドするプロジェクトを作成元が無いと始まらないので、まず初めに Cocos Creator でプロジェクトを作成します。
今回も、Dドライブの直下に作成です。本当は衛生的に良くないけど我慢です。
Web 用にビルド何も手を加えないで、Web 用にビルドします。
今回の目的はゲームの作成じゃなくて、GitHub Pages を使って一般公開だからね。
メニューから Project > Build の順で選択して、ビルド画面を表示する。
Platform を、Web Mobile に変更する。
んで、右下の Build ボタンを押すと、Web 用にビルドされたファイル群が...
今回は、Firebase Authentication のメール認証に挑戦です。
メール認証の他にも、Twitter 認証や、匿名認証も用意されています。
初めてだから失敗するかも。
認証コンポーネントを追加するプロジェクトに認証コンポーネントを追加します。
前回、Android Studio と Google アカウントを紐づけてあるので、接続は済んでいると思います。
まだの方は前回の記事を参考にして、接続してみて下さい。簡単だから説明なんて要らないけどね。
Add Firebase Authentication to your app を押します。
プロジェクトに追加されるコンポーネントが表示されます。
Accept Changes を押します。
レイアウトにテキストボックスとボタンを配置する次に、見た目を作っていきます。
とりあえず、こんな感じにザックリと作ってみました。
今回はIDも変えているので、ソースをコピペする場合は気をつけて下さい。
認証のログイン方法を設定するFirebase コンソールから認証に使用するログイン方法を設定します。
メールパスワードを有...
私がハマったエラーと解決方法をまとめていきます。
誰かの役に立てれば幸いです。
まあ、エラーにぶち当たった分だけ成長出来るから、エラーを起こさないでスムーズに行った人は脆いんですよ。
戯言でした。
ケース１
Missing google_app_id. Firebase Analytics disabled.
発生環境
Windows 10 Home 1903
Android Studio 3.4.2
dependencies: ‘com.google.gms:google-services:4.1.0’
原因google_app_id が設定されていないため。
解決方法strings.xml に、プロジェクトのアプリID を追加する。
問題点‘com.google.gms:google-services:4.1.0’ を 4.2.0 に上げると、追加したものがエラーとなる。
その場合は、追加したものを削除したら問題なく動作した。
よくわからん。
おとなしく、最新版を使いましょうってことかな。
あと、エミュレーターだと上手くいかないときがあるから、実機でテストした方がよさそ...
前回作った何もしないアプリに、ボタンを置いてクリックイベントの処理を実装していきます。
初めてなので失敗するかも。
ボタンを置いてクリックイベントの処理を実装するレイアウトファイルを開く左のプロジェクトツリーリストから、[content_main.xml]を開きます。
開き方は、左のプロジェクトツリーリストから、Android > app > res > layout > content_main.xml の順で選択していくと開けます。
実際のファイルは[D:\Ailtinav00\app\src\main\res\layout\content_main.xml]にあります。
レイアウトにボタンを追加するパレットの中から Button を見つけ出して、デザインに追加を押します。Button にフォーカスを合わせて Enterキーでもよさそうです。どちらでもお好みでどうぞ。
左上にボタンが追加されます。
メイン処理が書いてあるファイルを開くメイン処理が書いてあるファイル[MainActivity.java]を開きます。
開き方は、左のプロジェクトツリー...
前回、ボタンを設置してアラートダイアログを表示してみるまで実装しました。
その続きからやっていきます。
今回は、Firebase Analytics を使えるようにしたいと思います。
初めてだから失敗するかも。
Android Studio から Firebase を使えるようにするGoogle にログインするAndroid Studio の ツールから Firebase を選択する。
アシスタントの Firebase から アナリティクスを選択して、Log an Analytics event をクリックする。
Connect to Firebase をクリックする。
ブラウザーが開くので、Google にログインする。
Android Studio が Google へアクセス許可を求めてくるので、許可します。
アクセス許可が済んだら、もうブラウザーは要らないので閉じます。
Android Studio 側で、Firebase へ接続画面が表示されていると思います。
Create new Firebase project を選択して、Firebase へ接続ボタンを...
とりあえず、簡単なアプリを作ってみます。
初めてなので失敗するかも。
環境
Android Studio Version 3.3.2
プロジェクト作成新規 Android Studio プロジェクトの作成[新規 Android Studio プロジェクトの作成]を選択し、新規プロジェクトの作成をする。
プロジェクトの選択[基本アクティビティー]を選択して、[次へ]ボタンを押す。
プロジェクトの構成名前: “Ailtinav00”パッケージ名: “tokyo.noitalog.ailtinav00”保存ロケーション: “D:\Ailtinav00”言語: “Java”最小 API レベル: “API 16: Android 4.1 (Jelly Bean)”このプロジェクトは instant app をサポートする: “チェック無”Use AndroidX artifacts: “チェック有”適当に項目を埋めて、[完了]ボタンを押す。
プロジェクト作成完了Gradle 同期化が勝手に始まり、しばらくするとGradle ビルドが完了します。
デバッグパソコンとAndroid...
今日はトイレ事情をお話します。
特にこれと言ってないので、普段の掃除のやり方を説明します。
マルカンうさぎトイレでうさちゃんもニッコリマルカンのうさぎトイレamzn.toAmazon.co.jp: マルカン うさぎのトイレNEO アイボリー : ペット用品https://amzn.to/2VtxYk4
おしっこが多くても安心マルカンのうさぎ消臭シーツamzn.toAmazon | クリーンモフ 小動物用ケージ専用両面吸収シート 20シート (x 1) | クリーンモフ | 底砂・床材 通販https://amzn.to/44xy7nd
匂いがほとんど無くなるジェックスのヒノキア消臭砂amzn.toAmazon | ジェックス ラビレット ヒノキア消臭砂6.5L トイレに流せるヒノキのトイレ砂 消臭成分配合 | ジェックス | 底砂・床材 通販https://amzn.to/45wxVpK
お酢の力で匂いを断ち切るミニアニマンのトイレとケージのクリーナーamzn.toAmazon | GEX ジェックス うさピカ 毎日のお掃除用 300ml | GEX | デオドラント 通販...
うちの子が使っているケージの話です。
ゲージでは無いです。 ケージです。 ゲージって言うと怒られます。
小さいケージなのでネザー専用アイリスオーヤマ ラビットケージ
amzn.toAmazon | アイリスオーヤマ ラビットケージ パステルグリーン W612×D452×H425mm | アイリスオーヤマ(IRIS OHYAMA) | 飼育ケージ 通販https://amzn.to/2AhQg0m
うさぎ品種ネザーランドドワーフは世界で一番小さいうさぎですが、そんなネザーでもちょっと手狭かもしれないケージです。
うちのうさぎは1キロ程なのですが、ケージ内で真っ直ぐ伸びると、ちょっと窮屈な感じがします。
じゃあ、大きいケージにして上げなよって思うのですが、床のすのこがとてもよく、うさぎが滑らなかったり、掃除が楽だったりで、結構気に入っています。
うさぎには狭いケージで申し訳ない変わりに、部屋んぽを思う存分させています。
毎日、部屋の隅から隅々まで走り回って、息を切らせてゴロンなんてしているので、飼い主からみたら運動不足ではないと思っています。
すのこは別売りで売っているから何個か買...
Visual Studio 2015 で作成した ASP.NET を、Visual Studio 2017 で起動したらサーバー エラーが出たので、その対応方法を載せておきます。
この方法でエラーが消えることもあるし、消えないこともあるので気休め程度だと思ってください。
環境
Visual Studio 2017
.NET Framework 4.5.2
ケース１「Web.config」の「compiler」から「Microsoft.CodeDom.Providers.DotNetCompilerPlatform」を削除する。
サーバー エラーが無くなり起動するようになります。
ケース２プロジェクトが置いてある階層が深い。
デスクトップやフォルダの奥底に置いてあると、パスが長くなり過ぎてビルドできないことがあります。
Cドライブ直下に移動してビルドしてみると、案外うまくビルドできるかもしれません。