Fusic Tech Blog
Fusion of Society, IT and Culture
# javascript
React Native Gesture Handlerで画像のズームやドラッグができるビュワーを作る
はじめに React Nativeでピンチイン、ピンチアウトでズームできたり、ドラッグで移動できる画像表示ライブラリは色々ありますが、カスタマ...
Laravel + Vue.jsで開発した社内コミュニケーション円滑化システムの技術スタックを公開します
こんにちは！サラです。 新人研修で社内コミュニケーション円滑化システム「Doggy」を作ったので、社外発信したいと思います。 ...
Node.js16 で Sleep 機能がサポートされたらしい
はじめに こんにちは、最近は TypeScript を触ることが多くなってきた夛田です。 今回は、Node.js16 からサポートされた Sl...
next-localization で Pluralization を行う際は、辞書キーの配置に気をつけよう
...
Reactでテキストのオートリンクとemojiレンダリングを両立する方法
こんにちは。岡嵜です。 Reactを使っていて地味に悩んだ問題を先日無事解決できたので、Tipsとしてまとめます。 ...
vue-js-modalで簡単にmodalを実装する
はじめに フロントエンド開発をする際にmodalは非常に便利で、よく使うと思います。 vue.jsでは僕は2つの実装方法を見つけました。...
eslint-plugin-graphql でGraphQLクエリのバリデーションを行う
GraphQLのクライアントアプリを開発する際に、サーバー側へ投げているクエリが定義されているスキーマに対して正しいものなのかチェックする必要がでてきます。 そんな時にESLintのプラグインである ...
Alexaでポ○モン風ゲームをつくった話
この記事は Fusic その 2 Advent Calendar 2019 6 日目の記事です。 先日会社の開発合宿がありました。 今度、Al...
React Native + Expo + TypeScriptで作るモバイルアプリ (Part2 - React Navigation編)
前回 はNativeBaseを利用して見た目部分を作りました。 今回はその続きで...
React Native + Expo + TypeScriptで作るモバイルアプリ (Part1 - NativeBase編)
React Nativeの開発サポートツールであるExpoを使ってモバイルアプリを作っていこうと思います。 まずはExpo CLIを使ってプロジェクトを作成、見た目をいい感じにしてくれるNativeBase...
Apollo Serverを使ったGraphQLクエリのテスト
GraphQLは単一リクエストで複数リソースを取得できたり、APIに型付けされ、スキーマベースでサーバーとクライアント間の疎通がしやすくなるなどとても強力な技術です。 しかし開発時の課題の一つとして出てくるのが、「クライアント側から投げているクエリはサーバーで定義されているスキーマに対して正しいのか？」ということです。 クエリ作成時には正しかったもので...
Nuxt.js + GraphQL + Ruby on Railsで作るToDoアプリチュートリアル(後編)
Nuxt.jsとGrashQLとRuby on RailsでToDoアプリを作るためのチュートリアルです。 前編・後編を終えるとこのようなToDoアプリが完成する予定です。 本記事はチュートリアルの【後編】です。試してみたいという人は先に...
Nuxt.js + GraphQL + Ruby on Railsで作るToDoアプリチュートリアル(前編)
Nuxt.jsとGrashQLとRuby on RailsでToDoアプリを作るためのチュートリアルです。 前編・後編を終えるとこのようなToDoアプリが完成する予定です。 ソースコードは以下に公開しています。 ...