そーす

I'm a programmer in Fukuoka. Please contact me saubre.app[at]gmail.com or Twitter DM.

JavaScipt

UdemyでReactNativeの講座を公開しました

めっちゃ大変でした… カリキュラム作ったり動画撮影したり編集したりするのめちゃくちゃ大変で、 あとウチが動画撮影する環境に全く適していなくて(子供がいたり、上空を飛行機が飛んだり、夜は貨物が走ったり)、だいたい深夜・早朝しか作業できなくて全然…

オブジェクトの配列の重複削除

const merge = (newList, oldList, key) => Object.values([...oldList, ...newList].reduce((a, b) => { a[b[key]] = b; return a; }, {})); const l1 = [ { id: '1', value: 'l1v1' }, { id: '2', value: 'l1v2' }, { id: '3', value: 'l1v3' }, ]; const …

Next.jsに動的ルーティングを追加する「next-routes」

Nextjsにはデフォルトでルーティング機能があります。 [root_directory]/pages/のディレクトリ構成がそのままルーティングになります。 しかし、RESTfulなURIにする場合はサーバーの設定をカスタマイズして手動でしなければなりません。 そのような動的なル…

react-native-firebaseのiOSのワークアラウンド

react-nativeでFirebaseを簡単に使えるようになるreact-native-firebaseというライブラリがあります。 rnfirebase.io ですが、react-native v0.51.0ではiOSの設定がドキュメント通りでは動きません。 そのワークアラウンドについて書いておきます。 RNFireba…

KotlinJSを動かす

先日Kotlin1.2がリリースされました。 blog.jetbrains.com バックエンド、Webフロントエンド、Androidでコードの共通化ができるようになったとこのことです。 今回はその機能は触らないんですが、前にリリースされたKotlinJSとKotlinNativeには興味がありま…

Next.js+FirebaseHostingで構築するサーバレスWebアプリケーション

github.com Next.jsというReactアプリケーションをデフォルトでServerSideRenderingしてくれるライブラリがあります。 これをFirebaseHosting上にFirebaseFunctionsを使って構築することで、無料でサーバレスSPAを作る事ができます。 Next.jsをclone Next.js…

React NativeでマテリアルデザインのRippleエフェクトを実装する

Inputフォームに続き、マテリアルデザインのRippleエフェクトをReact NativeのJSのみで実装してみました。 コード transformの方で最初実装してたのですが、タブを連続でタップすると表示が上手く行かないことがあったのでこちらで実装しました。 iOS Android

React Nativeでマテリアルデザインのテキスト入力フォームを作った

gist.github.com AndroidとiOSでInputTextのスタイルを合わせるのが面倒だなと思ってました。 iOSもマテリアルデザインに寄せてしまうのは最近だとアリだと思っているのでちょっと試しに作りました。 ざっと30分くらいで作ったので本物の機能は足りてないで…