Twitterみていたら@_monoさんのすてきなツイートを見つけたので、さっそく試してみたときの備忘録 年のところを押すと年選択できるの分かりにくいので、僕は初期表示を年選択モードにしてる( ´･‿･｀)(選択済みの場合は日付選択モードを初期表示) https://t.c…
前回の記事と同様に以下の記事の内容を整理した。 Advanced Data Modeling With Firestore by Example | AngularFirebase 出てくる例ごとにER図を書いてみると、なんとなくNoSQLわかってきたかも。 基本的な考え方 複製 複数のDocumentを作成しないよう、あ…
オリジナルの記事は、こちら。 Advanced Data Modeling With Firestore by Example | AngularFirebase NoSQLのデータ構造や設計について、いろんな事例が書いてあってすてきだったので、 Google翻訳で翻訳した(´ω｀) 翻訳精度すごい。。 内容の整理は別途や…
以前RealTimeDatabaseで簡単なアプリを作ったことがあるけど、 Firestoreにそろそろ入門せねばと、公式ドキュメントの内容を整理してみた。 とりあえず、チートシート的に使うために、公式ドキュメントのまとめだけ。 概要 まずは、公式の「Cloud Firestore…
書籍検索をするとISBN13だけのものもあり、 ASINと同じISBN10を計算したいなと、 いろいろ調べたので、その時の備忘録。 はじめてみたけど、チェックディジットの簡単に計算できるのはびっくり！ ISBN13 → ISBN10 左3桁と右1桁目を取る 「モジュラス11 ウェ…
書籍検索APIを探してたときに見つけた、楽天ブックAPIを試してみた！ 使った感のまとめ アカウント登録が必要。でも、使い方は簡単 タイトル、出版社, 著者、発行日、概要、サムネイル、価格などほぼ取得できる ページ数は取得できないっぽい タイトル・著者…
書籍検索APIを探してたときに見つけた、国立国会図書館APIを試してみた！ 使った感のまとめ 認証なしで利用可能。検索も柔軟。 読み方がわかればシンプルだが、ドキュメントがわかりにくいかも。。 タイトル、概要、出版社, 著者、出版社、発行日、価格、ペ…
書籍検索APIを探してたときに見つけたOpenDBを試してみた！ 使った感のまとめ 認証なしで利用可能。使い方も簡単 タイトル、出版社, 著者、発行日(精度低)が取得できる 概要、サムネイル、高精度の発行日、価格、ページ数は取得できないものもある ISBN指定…
Nuxt/Vue関連はドキュメントが充実しているのでよく見るけど、 毎回ググっているのがめんどくさくなってきたので、まとめてみた。 Nuxtのガイド/APIリファレンス ルーティング - Nuxt.js ビュー - Nuxt.js 非同期なデータ - Nuxt.js Vuex ストア - Nuxt.js A…
書籍検索APIを探してたときに、Google Book APIを試してみた！ 使った感のまとめ 認証なしで利用可能。使い方も簡単 タイトル、概要、サムネイル、著者、ページ数、発行日(精度低)が取得できる 出版社、高精度の発行日、価格は取得できない 応答率はいいが網…
前回の記事でJavaScriptでNowを利用できるようになったので、 TypeScript化できるようにしてみる。 それぞれ、GitHubで公開。 変更前(JS): zeit-now-minimum-example | GitHub 変更後(TS): zeit-now-minimum-example-ts | GitHub TypeScript化するためにやっ…
FirebaseのHostingとCloud Functionでいろいろしようかなと思ってたところ、 nowのほうがいいなと思ったので、その時の備忘録 nowにしようと思った理由 Firebase上でNuxtアプリを動かしているが、以下の2点が気になる。。 外部APIを利用する場合、APIKeyなど…
Webサービスの画面にアニメーションをつけたいなと思ったときに、いろいろ調べたときの備忘録。 いろいろあって悩ましい。。 アニメーションライブラリ AOS - Animate on scroll library スクロールアニメーションのライブラリ。簡単に導入できる Delighters…
デザインツールはなにがいいだろうと思い、 気になっていたFigmaとGoogle Gallaryを調べてみたときのメモ。 Whimsicalも気になっているので、今度調べてみる。 Figma: デザインツール UIデザインを作成するツール。四角とか丸とかを組み合わせて作るっぽい。…
タイトルですべてを言っている感。。 Nuxt.js+nuxt-i18nでpageから、ルーティングを自動生成していると、 最終的にどんな設定になっているかわからない時がある。 今、どんなルートがあるかを確認したかったので、調べてみたときの備忘録。 自動生成したルー…
GitHubのプライベートリポジトリが無料になったらしいので、移行を考えてみる。 GitHubとBitBucketの違い 個人的に思う違いは以下の感じ。 ほかにもいろいろあるけど、気にしているところは以下のとおり。 GitHub プライベートリポジトリ無制限 共同編集は最…
需要があるらしいので、フリーランスになるためにやっていたことをまとめてみた。 前提や環境も違うので、そのままは使えないかもしれないけど、ご参考程度に。 ざっくりまとめ フリーランスになる前にやったこと 個人開発/Paizaでスキルチェック/クラウドソ…
最近Bulmaがいい感じ。Awesome5をBulma/Nuxt.jsで利用するときの備忘録 インストール $ npm install --save nuxt-buefy @fortawesome/fontawesome-free-webfonts nuxt.config.jsの設定 { // CSSにFont Awesomeを追加 css: [ '@fortawesome/fontawesome-free-…
Androidアプリの広告表示にアドフリくんを使っているけど、Android9.0にしたらクラッシュした。。 Android9.0でいろいろ変わったらしいので、そのときの備忘録。 変更点は以下でアナウンスされている。 動作の変更点: API レベル 28+ をターゲットとするアプ…
drawableにある画像を、URIでImageViewに渡したいなと思ったときの備忘録。 Stack Overflowにあったので、引用。 URIは、"android.resource://<パッケージID>drawable/<drawableのID>"らしい Uri uri = Uri.parse("android.resource://your.package.here/drawable/image_na</drawableのid>…
Nuxt.jsの2.5からTypeScriptサポートが強化された！！ でもプラグインを使う場合は、型定義が足りない場合がある。。 足りない型定義を追加したときの備忘録。 拡張するのは、以下の3つ nuxt-i18n @nuxtjs/axios @nuxtjs/google-analytics 基本的には、 tsco…
Androidからサーバに画像を保存する際に、Android側で縮小したいなと思った時の備忘録。 特にハマったのはローテート情報... 縮小するだけだとEXIFがないので、ImageViewで表示すると回転しない。。 流れとしては、以下の感じ 元画像のローテーション情報(EX…
以前作ったやつのDBSP版。 wannabe-jellyfish.hatenablog.com IPAのデータベーススペシャリスト試験を受ける予定なので、過去問を一括ダウンロードスクリプトをDBSP版に。 アプリケーションエンジニア試験時代(平成16年～平成20年)は、午前がまとまっている…
CircleCIでSPAなNuxt.jsをFirebaseへ自動デプロイしようとしたときに、はまったのでその備忘録。。 npm run buildしても、distディレクトリが。。 作られてない。。 npm run buildの中身は、rm -rf public && nuxt build && cp -R dist public CircleCIのロ…
Nuxt.jsでプロジェクトをはじめるときにいつもやることが整理してみた。 モジュールが多いので、いろいろ設定が必要だけど、ヌケモレあったりするので。。 Nuxt.jsのバージョンは、2.5.1です。 いつもやることの概要 作成したいプロジェクトは以下な感じ Typ…
Nuxt.jsでアプリを作っているときに、リストのドラッグ&ドロップしたいなと思ったときの備忘録。 Vue.Draggableでさくっとできた。 基本的な使い方 1. インストール $ npm i -S vuedraggable 2. .vueファイルにdraggableコンポーネントを追加 import draggab…
VuetifyでDrag&Dropしたい場合は、直でsortable.jsを使わないといけないらしい。。 $ npm i -S sortablejs import Sortable from "sortablejs"; export default { mounted() { this.$nextTick(function() { let table = document.querySelector(".v-datatabl…
Nuxt2.5でTypeScriptサポートが強化されました！！ でも、Nuxtクラスが少し変わったので、SSR時にCloud Funtctionsも少し変更が必要に。。その時の備忘録 [IMPORTANT] Migration Guide Programmatic API / Middleware If not already done, please explicitl…
Nuxt.jsでアプリをSSRなアプリを作っているけど、 Gitでmasterにpushしたら、CircleCIで自動でデプロイしてほしいので、いろいろ調べたときの備忘録 Hostingだけの設定はあるけど、HostingとCloud Functionsを同時にする記事がなかったので、結構ハマった。…
ツイッターみたいに、上方向の自動読み込みを実装したいなと思い、 ListViewの先頭に追加しても、スムーズにスクロールできる方法を、いろいろ調べたときの備忘録。 ほぼこの記事のまま、すごい。。 以下は、コメントとかを追加したくらい // 要素を一番上に…
