かとのぼのマイコード・マイライフ

エンジニア兼ウェブサービス開発者のプログラミングと雑記ブログ

交互浴は水風呂と外気浴、果たしてどっちが楽しみなのか?

今回は交互浴で、水風呂と外気浴のちょっとマイナーな話です。 交互浴って?という場合はこちらの記事を読んでみてください。 www.katonobo.com 人はなぜ交互浴をするのか? 水風呂派?外気浴派? 屋外で外気浴できる都内の銭湯とスーパー銭湯をまとめていま…

Vue.jsでページを移動した時に画面をトップに戻しておきたい場合

Vue routerを使ってトップにスクロールさせる方法 Vue.jsはSPA(シングルページアプリケーション)なので、もしページの下までスクロールした後にルーターを使って、別のページに遷移しても自動ではトップに戻ってくれません。一般的なサイトではトップになる…

JavaScriptで今日の0時を取得し、FireStoreのTimestampでその時間以降のデータを取得する

FirestoreのTimestamp JavaScriptのnew Date()を操作する Vue.jsとFirebaseとJavaScriptで実装 FirestoreのTimestamp FirebaseのFirestoreには、データ型にtimestampがあります。このタイムスタンプを使えば時間を並び順にしたり、特定の時間以降、以前のデ…

プログラミング初心者が挫折せず独学できるようになるカリキュラムを書いた

この記事では、独学でプログラミングを身につけるために必要な学習ステップをカリキュラム形式にまとめました。この順番通りに学べば、プログラミング初心者が一番大変な「わからないことがわからない」という絶望的な段階から抜け出せるはずです。 このカリ…

Vue.jsでCloud Firestoreのリアルタイムアップデートはコンポーネントのどこに設定するか?

以前、Cloud Firestoreを使ってリアルタイムアップデートを実装するのに参考になるサイトを紹介した記事を書きました。 www.katonobo.com 多くのサンプルではmain.jsに記述する方法が紹介されていますが、Vue.jsなら同じコンポーネントに書いておきたいとこ…

Cloud Firestoreのデータ追加で、データがない場合は新規に作成、ある場合は更新させる方法

Cloud Firestoreのデータの追加と変更 データがすでにあるかわからない場合は? set()メソッドにオプション「merge: true」を利用する Cloud Firestoreのデータの追加と変更 Cloud Firestoreで、データを作成、追加するときは「set()メソッド」を使います。 …

屋外で外気浴ができる東京の銭湯

東京で、屋外で外気浴ができる銭湯をリストアップしています。「屋外の外気浴」の情報がないため、今の所自分が行ったことがある場所だけです。 清水湯【武蔵小山】 ひだまりの泉 萩の湯【台東区 鶯谷駅】 久松湯【練馬区】 美しの湯【高井戸】 HOTランド…

Cloud Firestoreでリアルタイムアップデートを使う時に参考になる記事とサイト【Firebase】

FirebaseとVue.jsのチャットアプリのサンプルは多くありますが、結構採用しているデータベースがリアルタイムデータベース(Realtime Database)のことが多いです。これはFirestoreが少し前までベータ版だったからでしょうか。 QiitaではFirestoreのリアルタイ…

やる気が出ない原因は自分のせいじゃない場合が多いって話

やらなきゃいけないことがあるのに、やる気出ないことってありますよね。やる気がなぜか出ない時は、何か外部に原因があることが多いよって話です。 人間は外部の環境にかなり影響を受ける生き物 私のやる気の出ないパターン 自分のやる気の出ないパターンを…

HUAWEIの日本語入力が遅い時はGoogle日本語入力にするとサクサク動く

私はスマホ端末にHUAWEI(ファーウェイ)を使っているんですが、最近フリック入力をすると日本語変換の反応が遅くてうまく文字入力ができなくなりました。その時の対処のメモです。 最初の設定の日本語入力システムが遅いらしい 検索すると多くの人が同じよ…