くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

AndroidのDatePickerDialogで最初に年選択を表示する

Twitterみていたら@_monoさんのすてきなツイートを見つけたので、さっそく試してみたときの備忘録 年のところを押すと年選択できるの分かりにくいので、僕は初期表示を年選択モードにしてる( ´・‿・`)(選択済みの場合は日付選択モードを初期表示) https://t.c…

AngularFirebaseのNoSQL設計パターンをER図で書いてみた

前回の記事と同様に以下の記事の内容を整理した。 Advanced Data Modeling With Firestore by Example | AngularFirebase 出てくる例ごとにER図を書いてみると、なんとなくNoSQLわかってきたかも。 基本的な考え方 複製 複数のDocumentを作成しないよう、あ…

NoSQLのテクニックが書いてある「Advanced Data Modeling With Firestore by Example」を翻訳してみた

オリジナルの記事は、こちら。 Advanced Data Modeling With Firestore by Example | AngularFirebase NoSQLのデータ構造や設計について、いろんな事例が書いてあってすてきだったので、 Google翻訳で翻訳した(´ω`) 翻訳精度すごい。。 内容の整理は別途や…

いまさらFirebaseのCloud Firestoreに入門してみた

以前RealTimeDatabaseで簡単なアプリを作ったことがあるけど、 Firestoreにそろそろ入門せねばと、公式ドキュメントの内容を整理してみた。 とりあえず、チートシート的に使うために、公式ドキュメントのまとめだけ。 概要 まずは、公式の「Cloud Firestore…

ISBN13からISNB10/ASINを計算する (TypeScript ver.)

書籍検索をするとISBN13だけのものもあり、 ASINと同じISBN10を計算したいなと、 いろいろ調べたので、その時の備忘録。 はじめてみたけど、チェックディジットの簡単に計算できるのはびっくり! ISBN13 → ISBN10 左3桁と右1桁目を取る 「モジュラス11 ウェ…

楽天ブックAPIを使ってみた

API

書籍検索APIを探してたときに見つけた、楽天ブックAPIを試してみた! 使った感のまとめ アカウント登録が必要。でも、使い方は簡単 タイトル、出版社, 著者、発行日、概要、サムネイル、価格などほぼ取得できる ページ数は取得できないっぽい タイトル・著者…

国立国会図書館サーチで提供するAPIを使ってみた

書籍検索APIを探してたときに見つけた、国立国会図書館APIを試してみた! 使った感のまとめ 認証なしで利用可能。検索も柔軟。 読み方がわかればシンプルだが、ドキュメントがわかりにくいかも。。 タイトル、概要、出版社, 著者、出版社、発行日、価格、ペ…

OpenDBを使ってみた

API

書籍検索APIを探してたときに見つけたOpenDBを試してみた! 使った感のまとめ 認証なしで利用可能。使い方も簡単 タイトル、出版社, 著者、発行日(精度低)が取得できる 概要、サムネイル、高精度の発行日、価格、ページ数は取得できないものもある ISBN指定…

Nuxtで開発するときによくみるリンク集

Nuxt/Vue関連はドキュメントが充実しているのでよく見るけど、 毎回ググっているのがめんどくさくなってきたので、まとめてみた。 Nuxtのガイド/APIリファレンス ルーティング - Nuxt.js ビュー - Nuxt.js 非同期なデータ - Nuxt.js Vuex ストア - Nuxt.js A…

Google Book APIを使ってみた

書籍検索APIを探してたときに、Google Book APIを試してみた! 使った感のまとめ 認証なしで利用可能。使い方も簡単 タイトル、概要、サムネイル、著者、ページ数、発行日(精度低)が取得できる 出版社、高精度の発行日、価格は取得できない 応答率はいいが網…

ZEIT/NowでTypeScriptしてみる

前回の記事でJavaScriptでNowを利用できるようになったので、 TypeScript化できるようにしてみる。 それぞれ、GitHubで公開。 変更前(JS): zeit-now-minimum-example | GitHub 変更後(TS): zeit-now-minimum-example-ts | GitHub TypeScript化するためにやっ…

Webアプリやサービスを簡単にクラウド化できるZEIT/nowでWebAPIを作ってみた

FirebaseのHostingとCloud Functionでいろいろしようかなと思ってたところ、 nowのほうがいいなと思ったので、その時の備忘録 nowにしようと思った理由 Firebase上でNuxtアプリを動かしているが、以下の2点が気になる。。 外部APIを利用する場合、APIKeyなど…

調べたアニメーションライブラリのちょっとしたまとめ

Webサービスの画面にアニメーションをつけたいなと思ったときに、いろいろ調べたときの備忘録。 いろいろあって悩ましい。。 アニメーションライブラリ AOS - Animate on scroll library スクロールアニメーションのライブラリ。簡単に導入できる Delighters…

Figma / Google Gallary をほんのちょっとだけ調べたみた

デザインツールはなにがいいだろうと思い、 気になっていたFigmaとGoogle Gallaryを調べてみたときのメモ。 Whimsicalも気になっているので、今度調べてみる。 Figma: デザインツール UIデザインを作成するツール。四角とか丸とかを組み合わせて作るっぽい。…

Nuxt.jsで自動生成するvue-routerのファイルは、.nuxt/router.jsに配置される

タイトルですべてを言っている感。。 Nuxt.js+nuxt-i18nでpageから、ルーティングを自動生成していると、 最終的にどんな設定になっているかわからない時がある。 今、どんなルートがあるかを確認したかったので、調べてみたときの備忘録。 自動生成したルー…

BitBucketからGitHubへ移行するときにやったこと

GitHubのプライベートリポジトリが無料になったらしいので、移行を考えてみる。 GitHubとBitBucketの違い 個人的に思う違いは以下の感じ。 ほかにもいろいろあるけど、気にしているところは以下のとおり。 GitHub プライベートリポジトリ無制限 共同編集は最…

フリーランスになるためにやったこと・今も続けていること

需要があるらしいので、フリーランスになるためにやっていたことをまとめてみた。 前提や環境も違うので、そのままは使えないかもしれないけど、ご参考程度に。 ざっくりまとめ フリーランスになる前にやったこと 個人開発/Paizaでスキルチェック/クラウドソ…

Nuxt-BuefyでFont Awesome5を利用できるようにする

最近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を使うための追加設定

Androidアプリの広告表示にアドフリくんを使っているけど、Android9.0にしたらクラッシュした。。 Android9.0でいろいろ変わったらしいので、そのときの備忘録。 変更点は以下でアナウンスされている。 動作の変更点: API レベル 28+ をターゲットとするアプ…

【Android】drawable配下にあるURI

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.js2.5.xで追加している型定義

Nuxt.jsの2.5からTypeScriptサポートが強化された!! でもプラグインを使う場合は、型定義が足りない場合がある。。 足りない型定義を追加したときの備忘録。 拡張するのは、以下の3つ nuxt-i18n @nuxtjs/axios @nuxtjs/google-analytics 基本的には、 tsco…

Androidで回転情報(EXIF情報のTAG_ORIENTATION)を含めて画像を縮小する

Androidからサーバに画像を保存する際に、Android側で縮小したいなと思った時の備忘録。 特にハマったのはローテート情報... 縮小するだけだとEXIFがないので、ImageViewで表示すると回転しない。。 流れとしては、以下の感じ 元画像のローテーション情報(EX…

データベーススペシャリスト試験の過去問一括ダウンロードスクリプト

以前作ったやつのDBSP版。 wannabe-jellyfish.hatenablog.com IPAのデータベーススペシャリスト試験を受ける予定なので、過去問を一括ダウンロードスクリプトをDBSP版に。 アプリケーションエンジニア試験時代(平成16年~平成20年)は、午前がまとまっている…

Nuxt.jsをCircleCIでビルドしたけど、distが作成されないときにやったこと(build.quiet: falseを設定する)

CircleCIでSPAなNuxt.jsをFirebaseへ自動デプロイしようとしたときに、はまったのでその備忘録。。 npm run buildしても、distディレクトリが。。 作られてない。。 npm run buildの中身は、rm -rf public && nuxt build && cp -R dist public CircleCIのロ…

Nuxt.jsではじめるときのやることリスト(SSRも国際化も自動デプロイも)

Nuxt.jsでプロジェクトをはじめるときにいつもやることが整理してみた。 モジュールが多いので、いろいろ設定が必要だけど、ヌケモレあったりするので。。 Nuxt.jsのバージョンは、2.5.1です。 いつもやることの概要 作成したいプロジェクトは以下な感じ Typ…

Vue.DraggableでリストのDrag&Dropできるようにする

Nuxt.jsでアプリを作っているときに、リストのドラッグ&ドロップしたいなと思ったときの備忘録。 Vue.Draggableでさくっとできた。 基本的な使い方 1. インストール $ npm i -S vuedraggable 2. .vueファイルにdraggableコンポーネントを追加 import draggab…

VuetifyでDrag&Dropするときは、Sortable.jsをそのままつかう。。

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でFirebaseでSSRするCloud Functionsの書き方

Nuxt2.5でTypeScriptサポートが強化されました!! でも、Nuxtクラスが少し変わったので、SSR時にCloud Funtctionsも少し変更が必要に。。その時の備忘録 [IMPORTANT] Migration Guide Programmatic API / Middleware If not already done, please explicitl…

CircleCIでFirebaseへ自動デプロイ(Hosting+Funcsions)

Nuxt.jsでアプリをSSRなアプリを作っているけど、 Gitでmasterにpushしたら、CircleCIで自動でデプロイしてほしいので、いろいろ調べたときの備忘録 Hostingだけの設定はあるけど、HostingとCloud Functionsを同時にする記事がなかったので、結構ハマった。…

AndroidのListViewで先頭に要素を自然に追加する

ツイッターみたいに、上方向の自動読み込みを実装したいなと思い、 ListViewの先頭に追加しても、スムーズにスクロールできる方法を、いろいろ調べたときの備忘録。 ほぼこの記事のまま、すごい。。 以下は、コメントとかを追加したくらい // 要素を一番上に…