はてなブックマーク

この記事は何か？ フロントエンドとバックエンドをGraphQL APIで連携する場合、スキーマファイル(schema.graphqls)をどうやって連携するか悩んでいました。 色々と試行錯誤して、ベストプラクティスとまでは言えないまでもベタープラクティスに近い解決策に至ったので共有してみます。 構成 バックエンドは Go, Gin, gplgen、 フロントエンドは TypeScript, React, Next.js のSPA構成でそれぞれ別リポジトリで管理しています。 やりたいこと バックエンドとフロントエンドでschema.graphqlsファイルから型を自動生成したい。 ※ schema.graphqlsファイルの管理はバックエンドが主導で行う前提です。 やりたくないこと graphqlsファイルの二重管理。バックエンドの差分を逐一フロントエンドでコピーして追従、というケースだけは

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

names = [user.get('name') for user in users if user.get('age') > 18] これを見ると、ムカつきを覚える人が対象です。 リスト内包表記の書き方を解説します。 いつ使う：既存の配列から新たな配列を作る まず、どんな実装をするときにリスト内包表記を使うか考えましょう。 ずばり、「既存の配列から新たな配列を作るとき」です。 リスト内包表記を使わないサンプルコードを見ていきましょう。 ユーザー情報のリストからユーザー名のみを抽出してユーザー名のリストを作成するコードです。 users = [{'name': 'masaki', 'age': 20}, {'name': 'hiroshi', 'age': 24}] names = [] # =====ここから===== for user in users: names.append(u

Zennとは プログラマーのための新しい情報共有コミュニティサービスです。 知見を記事にして公開したり、より深い知見は本として有料(無料)で公開することのできるサービスです。 情報を発信するプログラマーが対価を得られるようにというのが、このサービスを作られた方の想いなのだと思います。 サイト→ https://zenn.dev/ 公式Twitter→ https://twitter.com/zenn_dev Zennってどんな感じ？ ログインはGoogleアカウントのみ！ ログインについては、Googleアカウントでのログインのみのようです。(シンプルで良いね😊) 書ける記事は2種類！ Add Newをクリックすると、記事(Article)と本(Book)の2種類から書きたい方を選べます。 記事はマークダウンで書ける！ プログラマーには嬉しいマークダウンで記事が書けちゃいます。 プレビュ

【Unity】スワイプ、フリックで分岐するSafari風スクロール【C#】 はじめに スワイプした分スクロールできて、かつフリックすると速度をもってスクロールできる、iOS標準ブラウザのSafari風のUXのスクロール方法を実装したい！ ついでに２本指での拡大と縮小も実装しました。（なぜ？） 応用時はクランプなど用いてスクロール範囲を制御してください。 荒い実装ではありますが、そこそこ良い動きになったので備忘録かつ共有。 開発環境 OS: MacOS Mojave 開発環境: Unity 2018.2.14f1 personal 開発言語: C# ソースコードとその説明 using System.Collections; using System.Collections.Generic; using UnityEngine; public class SwipeManager : Mono

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

解説 H.264のライセンス Wikipedia H.264#ライセンス openh264とは？ Cisco has taken their H.264 implementation, and open sourced it under BSD license terms. Development and maintenance will be overseen by a board from industry and the open source community. Furthermore, we have provided a binary form suitable for inclusion in applications across a number of different operating systems, and make this binary module av

更新 2018/12/02 この記事を書いたあといろいろ試しましたが、Nuxtがオススメです。 超絶かんたんにセットアップできます。 Server side renderingが超絶簡単にできるので、SEOにも有利です。 概要 以下のライブラリを使って、フロントエンドUI開発環境を整えてみました。結論だけ知りたい方はサンプルアプリを見てください。この記事には、この構成にいたった経緯やハマりポイントを書きます。 fusebox webpackのようなもの。typescriptとの相性が良く、webpackより速い。 vue Javascriptフレームワーク Element vueのコンポーネント集 typescript サンプルアプリ: https://github.com/contribu/element-ui-sample 経緯やハマりポイント スピード重視でfuseboxを選んだ W