Cloud Functions for Firebaseの公式サンプル集

Cloud Functions for Firebaseについて調べていたら、公式のGitHubに非常に多くのサンプルがありました。 github.com 中には45本ものサンプルスクリプトがあるので非常に勉強なりました。 2019/4/18に発表されたCloud Functions for Firebaseで定期実行でき…

Vue.jsでCSVを取り込んで表示する

今回はVue.jsでCSVファイルを取り込んで、そのまま画面に表示することをしたいと思います。 今回のソースは過去のツイート情報を表示することを想定しています。 全ツイート履歴をダウンロードする方法は公式を御覧ください。 help.twitter.com 全ツイート情…

RailsとVueの環境構築

これまでVue.jsでいくつかサイトを作ったりしてきました。Firebaseを組み合わせたりして手軽に実装でき、まだまだ改良すべき点はありますが非常にいい成功体験となりました。次に作るものはバックエンド含めて自分で実装してみたいと思い、今回はRailsを選ん…

NetlifyCMSをGridsomeに適用する方法

yoshitaku-jp.hatenablog.com 以前の記事でGridsomeを使う設定をおこないました。今回はCMSを導入し使う設定をおこないます。使うCMSはNetlifyCMSです。 すでに海外の方が使える設定を公開していて参考にさせてもらいました。 ディレクトリとファイルの作成 …

git rebase でマージコミットを表示する方法

Git

git rebase でマージコミットを表示する方法 git rebase -i -p HEAD~~~と-pオプションを付けることでマージコミットは表示できます。 なんで表示されないのかわからず、詰まってしまったのでメモを書いておきます 準備 masterブランチでコミットして、devブ…

Railsの中間テーブルを経由してデータ取得ができなかったエラー

tl;dr has_manyを使ってデータを取得したかった has_manyには記述する順番がある エラー内容 Cannot have a has_many :through association 'Hoge#fuga' which goes through 'Hoge#hoge_fuga' before the through association is defined. 発生の状況 ユーザ…

CircleCIのManual Approval機能を試した

CircleCIのManual Approval機能を触ってみました。 設定方法と注意点について記載しておきます。 公式サイトはこちら。 https://circleci.com/docs/2.0/workflows/#holding-a-workflow-for-a-manual-approval 設定ファイルの記述方法 大まかな枠組みを記述し…

Gridsomeでサイト作りを始めた

Vue.js製の静的サイトジェネレーターを見つけました。Gridsomeです。 最近よく聞くReact.js製のGatsbyと似たような構成のようです。 今回はサイトを作ってから、Netlifyにpushするまでを実施してみたいと思います。 環境構築 インストール まずはnpmでインス…

2019年2月を振り返る

Keep 登壇できた 月に1つLTするという年の目標を設けているので、その継続となります。 今月はLTではありませんでしたが、Laravel JP Conferenceにて、PHPテストワークショップを実施しました。 詳しくはこちら。 yoshitaku-jp.hatenablog.com イベントの主…

Google Apps Scriptを使う上での.clasp.jsonについて調べた

Google Apps Scriptを使用する上で設定しなければいけないのが.clasp.jsonです。自分は.clasp.jsonを正しく設定することを忘れてしまったためにミスをしてしまいました。そこで今回は.clasp.jsonの書き方をまとめておきたいと思います。 .clasp.jsonの設定方…

Carbonを使って、プレゼン資料のソースコードをきれいに見せよう

Carbonとは Carbonとはソースコードをきれいな画像として作成しシェアすることのできるサービスです。プレゼン資料でソースコードをきれいに見せたい時に使えます。今のところ同じようなサービスは見つけられておらず、他にソースコードをきれいに見せるテク…

Laravel JP ConferenceでPHPテストワークショップを開催しました!

Laravel JP Conferenceにスタッフとして参加してきました!そして、PHPテストワークショップに参加してくださった皆様ありがとうございました! conference2019.laravel.jp (たぶん)初めてのカンファレンスで、初スタッフとして参加でした。 記念に PHPテ…

Google Apps ScriptでBASIC認証をして、はてなブログの記事一覧を取得する

現在、自分自身のはてなブログの記事をランダムでつぶやくボットを作成したら面白そうだなと考えています。本当にランダムで自分の記事へアクセスして呟くだけだけでもいいのですが、同じ記事をつぶやくのを防いだり、PVが低い記事を優先してつぶやかせたり…

【解決】npm install -g @vue/cli で、Unexpected end of JSON input while parsing nearが発生した

tl;dr npm install -g @vue/cli でエラーが発生 npm cache clean --forceで解決した 再び、npm install -g @vue/cli で無事にインストールができた エラー内容 npm ERR! Unexpected end of JSON input while parsing near '...XAWVO\n+/4j+zc2nz6uaW' 発生の…

claspをインストールしてから「こんにちは 世界」するまで

Google Apps Scriptはブラウザからいじることが多いかと思いますが、claspを導入することでローカルでも開発することができます。 今回はインストールから「こんにちは 世界」するまでの手順をまとめておきます。 インストール ログイン プロジェクトの作成 …

よくつかいそうなPrettierのデフォルト設定をまとめた

2017年に登場したPrettierというコードフォーマッタがあります。自分はPrettierをmottoさんから教えていただいただきました。使ってみた感想ですが、デフォルト設定があるため非常に簡単に利用することができ、馴染みやすく大変重宝しています。今回はデフォ…

2019年1月を振り返る

yoshitaku-jp.hatenablog.com Keep 技術ネタで週1本ブログを書く 実施できています。 ブログの質にこだわる OGPを整えたりして、見てもらえる動線の確保ができるようになってきていてよかったです。 自分で手を動かし試行錯誤する ポートフォリオサイトを作…

Google Apps ScriptをWeb APIとして使う

Google Apps Scriptはすごく便利ですね。最近はなんでもかんでもコレを使って書いてしまっています。また一つ自分が知らなかった機能があったので、記事に書いてメモを残しておきます。 Google Apps ScriptをWebAPIとして使う 方法です。 準備 Google Apps S…

オタクが最新技術を追うライトニングトークイベント2回目 でLTをしてきた

2019年は技術内容でLTを月1でしていくぞ!という目標を立てまして、1月の下旬にはなってしまいましたが取り組んできたので報告です。LTさせていただいたのは、こちらの「オタクが最新技術を追うライトニングトークイベント2回目」です。 自分自身LTは3回目…

Firebase Meetup #9 Cloud Functions Day に参加してきた

Firebase Meetup #9 Cloud Functions Day に参加してきました!少し前にFirebaseのHostingやRealtimeDatabaseをたくさん触りましたが、残念ながら「Cloud Functions」だけは触る機会がありませんでした。なので、この「Firebase Meetup #9」に参加し知見を得…

遊んでCSS Flexboxを覚える / Flexbox Froggy をやってみた

tl;dr 内容 特徴 実際の画面 まとめ tl;dr Flexbox Froggy でFlexbox を楽しく学ぼう 内容 CSS触ってますか??CSSって思っているとおりに動かなくて難しくないでしょうか?自分は全く使いこなせません。そして、何から学んだらいいかわからず途方に暮れてい…

Google Apps Scriptsからはてなブックマーク数を取得しよう

tl;dr 内容 はてなブックマーク数を取得するスクリプト http://api.b.st-hatena.com/entry.total_count?url=あなたのブログのURLの返り値 個別の記事のはてなブックマーク数を取得する方法 まとめ tl;dr Google Apps Scriptsからはてなブックマーク数を取得…

#ゆうかねラジオ にゲスト出演したものが公開されました

以前、収録してきた記事を書きましたー。 yoshitaku-jp.hatenablog.com そして、先日公開していただいたので自分のブログでも宣伝させていただきます! anchor.fm ゆうさんTwitterで宣伝ありがとうございます! #ゆうかねラジオ第7回を公開しました!ゲスト…

Google Apps Scriptsからはてなブログの読者数を取得しよう

tl;dr 内容 はてなブログの読者数を取得するスクリプト https://blog.hatena.ne.jp/api/init?blog=あなたのはてなブログのURLの返り値 まとめ tl;dr Google Apps Scriptsからはてなブログの読者数を取得する 切りの良い年のはじめから指標となるものを取得し…

エンジニアの登壇を応援する忘年LT大会で挑戦してみたこと

「エンジニアの登壇を応援する忘年LT大会」でLTをしてきました。 公式レポートはこちらです techplay.jp 11月に初めてをLTをして、「こういうのは継続しないと!」と思って即応募してよかったです。おかげさまで2位の評価をいただくことができました。投票し…

Google Apps ScriptからFirebase Realtime Databaseに書き込んでみる

目次 tl;dr 環境の説明 内容 GASにライブラリを追加する マニフェストファイルをいじる 実際に書き込んでみる デモ まとめ tl;dr GoogleAppsScriptからRealtime Databaseに書き込んでみた 環境の説明 GoogleAppsScript Realtime Database を使います 内容 GA…

一人アドベントカレンダー のおわり

一人アドベントカレンダー完走しました! adventar.org 一年間通して継続することもですが、一月の間にこれだけ集中することも無かったと思います。 Firebaseを触るのが楽しくなり偏ってしまいましたが、これもまた面白いでしょう。振り返り記事をアドベント…

write-blog-every-week Advent Calendar 2018 のおわり

Advent Calendar 2018完走ありがとうございました! write-blog-every-week Advent Calendar 2018が終了しました!!! ご参加いただいた方、本当にありがとうございました!自分が酔った勢いで立てたアドベントカレンダーが完走できるなんて思ってもいませ…

GitHub Appsを作成できるフレームワークProbotを使ってみた

tl;dr GitHub Appsを作成できるフレームワークProbotを使ってみた Issueがオープンになったときにコメントを書き込むことができるチュートリアルがある 目次 tl;dr 環境の説明 内容 npm run devを実行し、http://localhost:3000にアクセスする GitHubにアプ…

【解決?】Probot appをGitHub Appに登録するときに出るAPI rate limit exceeded for xxx.xxx.xxx.xxx.エラー

tl;dr Probot appをGitHub Appに登録するときにエラーが出た ネットを検索しても同じ情報が出ないのでメモしておく 自分の検索の仕方が悪いかもしれないが エラー内容 HttpError: {"message":"API rate limit exceeded for xxx.xxx.xxx.xxx. (But here's the…