3月 2020 - inokawablog

Nuxtでfirebaseを使う【Cloud Firestore】【Firebase Authentication】

Nuxtとデータベースと認証にfirebase(Cloud FirestoreとFirebase Authentication)を使用する場合に実装方法を紹介します。 アプリケーションからの呼び出しを簡単にするために、pluginとしてFirebaseのラッパーを登録します。 AuthとDatabaseで別々のファイルを作成しても良いのですが、記述量がそんなにないので1つのfirebase.jsフ […]

Vue.jsを使う上で気をつけておきたいこと

vue.jsのスタイルガイドはとても充実しています。 vue.jsに慣れてきたら、一度は読んでおきたいところですが、とても長いですね。 今回はスタイルガイドを踏まえた上で注意しておきたいポイントをまとめておきます。 作成時と更新時に同じ処理をする場合 以下のように、作成時に何かしらのデータを取得して、更新時にも同じ処理を走らせる場合。例えば、検索フォームで最初は一覧を表示して、入力された文字列によ […]

PHPでスクレイピング!何を使えばいい?

PHPでスクレイピングを行う場合に、以下の選択肢があります。 状況やプロジェクトによりますが、seleniumかpantherを使うと思います。PHPでスクレイピングをするには他にもたくさん選択肢があるので、今回はそれぞれについて説明していきます。 phpQuery selenium Goutte PuPHPeteer panther Dusk(Laravel) phpQuery phpQuery […]

Go言語の環境構築!コードを書き始める前に必要なあれこれ

まずはGo言語でアプリを作り始める前に、Goを実行するための環境を整えましょう! Goをインストール まずはGoをインストールしなければ何も始まりません。 インストールにはgoenvを使用する場合と、普通にGoの公式サイトからでもGoをダウンロードする場合があります。 どこでもGoを使えるようにするためにgoenvで管理する方が良いと思いますが、今回は両方を紹介します。 bashを使用していますが […]

【サンプル付】Vue.jsでComponentを作成する! 正しくpropsを使おう!

vue.jsは自由度が高いので、型などを意識せずともそれなりのものを作ることができます。しかし、エラーや保守性を考えた場合、型定義や必須項目の設定をしておかないと後々面倒になるのでしっかりと理解しておきましょう! vue.jsでコンポーネントを作成する時に注意するポイントがあります。 型の安全性 必須項目の設定 デフォルトの設定 それぞれを見ていきます。 型の安全性 変数名によっては解釈の余地があ […]

最速でvue.jsアプリを作る!様々なUIフレームワークと比較して紹介!

vue.jsで手っ取り早くアプリを作りたいけど、フロントにそんな時間をかけないでそれなりのデザインを作りたい。 何かvue.jsで新しいアプリを作ったりするときは、バックエンド側に集中したりしたいので、このような悩みが出てきますよね。 もし今、UIフレームワークを使ってvue.jsのアプリを作るなら。。。 私はTailwindCSSかVuetifyを選びます 理由としては、以下のような理由で選択し […]

なぜ人はパチンコにハマるのか?パチンコとお金の話

地方に行けば、一番人が集まる施設はパチンコ店で、平日でも休日でも関係なく駐車場が満杯です。 なぜ多くの人がパチンコにハマり、そして抜け出せなくなるのか? 依存症ビジネス――「廃人」製造社会の真実 僕らはそれに抵抗できない 「依存症ビジネス」のつくられかた どちらの本も依存症についてだけでなく、それに伴った心理も詳細に書かれており、自分の普段の行動を見直してみようと思った。 なぜパチンコをせずにはい […]

通勤とお金の話。時間はお金で買おう!

あなたの通勤時間はどれくらいですか? ここでは通勤とお金と書きましたが、最終的には時間とお金の話をしましょう。 あなたの通勤時間にはどれだけの価値があるかしっていますか? ここで日本人の平均的な通勤時間を計算して、通勤時間の価値を計算してみましょう。 都内勤務 20~30 代賃貸一人暮らし会社員の「電車通勤実態」調査 上の調査によると平均通勤時間は47分となっています。 月に20日ほど働くとなると […]