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

ウェブサービス開発とプログラミングと雑記ブログ

世間で検索されているIT用語をあなたは当てられますか?

先日、「Crieit」で書いた記事 IT強者の常識はIT弱者の非常識 - Crieit がとてもバズったので、大変気を良くしています。そのため今回も前回とおんなじような話で、先日ちょっと驚いたことについて書きたいと思います。それが、一般の人ってIT用語でどんな言…

面白い単位に換算できるツール系サイト「おもしろ単位換算メーカー」を作りました

また新しいアプリを作りました。 conversion.ameneko.com このアプリは、テレビでよく聞く、視聴者にわかりやすくするために使用される例え「東京ドーム何個分」とか「砂糖何個分」とかの単位に換算できるツール系サイトです。今はまだ「タピオカ」だけです…

レベルアップでグーグルアドセンスの関連コンテンツが解放された

私の朝の日課で、運営している各サイトのアナリティクスのデータや広告収入の数字を確認する時間があるんですが、グーグルアドセンスにこんなものが表示されていました。 「関連コンテンツ」という言葉。 グーグル先生はこういったサイトの「最適化」案を良…

やる気がでないと行動できないという壮大な勘違い

やる気→行動の思考 「やる気が出ないからやらなきゃいけない作業ができない」という主張は、正しい主張かはさておき、まぁ言っていることはわかります。 英語の勉強しないといけないけどやる気が出ない。だから、どうやってモチベーションを上げるかその工夫…

ネットジプシー化計画進行中

ネットジプシーを目指して ネットジプシーとは、プログラミングとインターネット環境を駆使して世界中を渡り歩く新世代の人間です。 もともとジプシーとは、国を持たずに世界を転々と移動する民族のことをさします。彼らは現在は多くが定住しています。 この…

全てのサウナーに伝えたい、サ道のドラマが始まると

サウナーのバイブル「サ道」 マンガ サ道~マンガで読むサウナ道~(1) (モーニング KC) そのサ道が実写化するぞ!! www.tv-tokyo.co.jp テレビ東京で7月19日、毎週金曜深夜 0:52~からスタート 今回、本作を映像化するにあたって目指したのは“サウナ好きによ…

これがドトール?とってもリッチな気分になれるドトール珈琲農園に行ってきた

学芸大学の駅前にある、ちょっぴり贅沢で席が広々なカフェ 私はよく学芸大学という街に行きます。目的は「千代の湯」という銭湯です。以前にレビューを書きました。 そして最近、銭湯後に最高のカフェを発見しました! それがドトール珈琲農園です。なんとド…

最近は身近な体験談もブログに書いている

体験談を書いたら評判良かった このブログは、基本はプログラミングと、自分が感じていること自分はこう思うということを雑記として書いていました。 けど、最近はそれに加えて、自分の体験したこと、つまり体験談を書くようになってきています。 この辺の記…

昔の芸能人の浮気って世間ではどんな扱いだったのか?昔の週刊誌を読んでみた結果

今回は、芸能人の浮気が発覚したときに、こんなに謝罪会見開いてたっけ?って話と、昔の芸能人の浮気に対する世間の感覚の話です。 最近浮気の謝罪会見しすぎな気がする 芸能人の浮気の謝罪会見、最近多いですよね。 それでふと、そういえば昔ってどうだった…

【Python】【全40冊】渋谷の有名書店の平積みから今売れ筋のPython本を調べてみた

プログラミング言語でも、Pythonって特に人気ですよね。 私もメインではないですが、自動売買ツールを作ったり、データ分析をする際に時々使っています。 その人気のせいか、現在、本当にたくさんPythonに関する本も出版されています。 そこでふと気になった…

その日僕は丸亀製麺でどこまでも強くなれる気がした【30分飲み放題1000円の衝撃】

丸亀製麺、30分1000円飲み放題の衝撃 平日の金曜、時間は18時すぎ。 その日僕は渋谷の丸亀製麺にいた。 丸亀製麺にはうどんを食べに来たのではない。 そう。 戦いに来たのだ 「丸亀製麺が、30分1000円で飲み放題をやっている。」 この話を聞いたときは耳を疑…

テルマー湯の株主に転生したら優待券で幸せになれた件

テルマー湯とは? テルマー湯とは、眠らない街新宿の奥深くにそびえるSPA施設です。不夜城(言い方古い)と呼ばれる新宿の街にふさわしく、24時間営業でやっています。 東京新宿天然温泉テルマー湯 豪華な内装と湯船のバリエーションが特徴で、銭湯好き、サ…

shallweの技術部分について

先日リリースしたshallweの技術的な説明です。 以前の記事はこちら www.katonobo.com 技術的構成 shallweはフロントエンドに「Vue.js」 Vue.js バックエンドに「Firebase」を使用しています。 Firebase 今回は「Buefy」も使いました。BuefyはVue.js用のUIフ…

shallweというアプリを作りました

shallweとは? shallweは、「今日この後」に特化したアプリです。 shallwe.today 誰でも、その日突然に時間ができて暇になったり、誰かと一緒にどこか遊びに行きたくなることってありますよね?だけど急すぎで誰も誘えない…。 shallweは、まさにこのニーズを…

映画「プロメア」が最高だったから皆観て

今上映されている映画「プロメア」を観てきました。 promare-movie.com すごい面白いアニメ映画で、テンション爆上げの映画だと聞いていたので、とても楽しみにしていました。 さて、 観た感想ですが いや、 もうね、 本当に下がりました…。 IQが!!!!! …

チャットアプリの会話のように、テキスト内にURLが貼られた場合にアンカーリンクをつける方法と手順メモ【Vue.js】

Vue.jsで初心者向けに出てくる定番のチャットアプリのように、テキスト内にURLのリンクを貼りたい時があります。 こんな感じでhttps://www.katonobo.com/ 途中でリンクを貼る感じですね 方法 この場合は、3つの処理を行う必要があります。 テキスト内からURL…

Vue.jsで、ツイッターのURLシェアを実装したら「Refused to execute inline script because it violates the following Content Security Policy directive」というエラーが出た。

Vue.jsで、ツイッターのURLシェアを実装したら「Refused to execute inline script because it violates the following Content Security Policy directive」というエラーが出た。 理由 このエラーは、多くはグーグルの「コンテンツ・セキュリティー・ポリシ…

健康がオシャレと富の象徴の時代

今は、若い子がインスタにスタバの甘いクリームが載ったジュースだったり、タピオカミルクティーの画像をあげていますが、これは将来ダサいって思われるだろうなと私は考えています。これからの世界は表面的な見た目より、その裏にある健康に関して世界共通…

Buefyのタブで画面を変えてもタブの位置を記録させておきたい時【Buefy】【Tabs】【Vuex】

Buefyを使えばv-modelとの組み合わせによって、簡単にタブが実装できます。 buefy.org タブを変更した時にアクティブな場所を表示させる機能の実装は面倒なので大変助かります。 ただ、この方法だとrouter-linkで画面を遷移されたりするとタブが最初に設定し…

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

今回は交互浴で、水風呂と外気浴のちょっとマイナーな話です。 交互浴って?という場合はこちらの記事を読んでみてください。 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(ファーウェイ)を使っているんですが、最近フリック入力をすると日本語変換の反応が遅くてうまく文字入力ができなくなりました。その時の対処のメモです。 最初の設定の日本語入力システムが遅いらしい 検索すると多くの人が同じよ…

BulmaでVue.jsのv-forを使って複数行に跨るカラムを配置したい場合【Vue.js】【Bulma】【Buefy】

この記事は、フロントエンドに「Vue.js」、CSSレイアウトに「Bulma」もしくは「Buefy」を使っていて、要素数がわからない項目で「v-for」を使ってカラムの複数行の折り返しを実現する方法について書いています。 Bulmaのグリッドシステム 複数行を折り返して…