Don't wait for the backend to be ready, generate custom API responses with Mocky and start working on your application straightaway
![Mocky: The world's easiest & fastest tool to mock your APIs](https://cdn-ak-scissors.b.st-hatena.com/image/square/147a665e00bb1a7fdc12e22f90e6d1b97d740016/height=288;version=1;width=512/https%3A%2F%2Fdesigner.mocky.io%2Fassets%2Fmocky-social-twitter-final.png)
想定読者 FlutterでのAPIレスポンスのハンドリングにResult<T> を使いたい swiftの Union や kotlinの sealed classのようなものをFlutterで扱いたい はじめに 普段Androidを書いているときに retrofit から受け取ったAPIレスポンスを sealed class を利用し、以下のように変換しています。 sealed class Result<T> { data class Success<T>(val body: T?) : Result<T>() data class Failure<T>(val type ErrorType) : Result<T>() companion object { fun create<T>(retrofitResponse: retrofit2.Response<T>): Result<T>
想定読者 FlutterでのAPIレスポンスのハンドリングにResult<T> を使いたい swiftの Union や kotlinの sealed classのようなものをFlutterで扱いたい はじめに 普段Androidを書いているときに retrofit から受け取ったAPIレスポンスを sealed class を利用し、以下のように変換しています。 sealed class Response<T> { data class Success<T>(val body: T?) : Response<T>() data class Error<T>(val type ErrorType) : Response<T>() companion object { fun create<T>(retrofitResponse: retrofit2.Response<T>): Respon
A powerful HTTP networking package, supports Interceptors, Aborting and canceling a request, Custom adapters, Transformers, etc. More... dio # Language: English | 简体中文 A powerful HTTP networking package for Dart/Flutter, supports Global configuration, Interceptors, FormData, Request cancellation, File uploading/downloading, Timeout, Custom adapters, Transformers, etc. Don't forget to add #dio topi
初めに ほとんどのアプリがapi通信をすると思います。 なんか楽にクライアント生成できるのないかな〜と調べていたらretrofitというライブラリを見つけました。 今回はそれを導入してみようと思います。 retrofit retrofit導入YouTube サンプルアプリ まずはサンプルアプリの仕様をざっくり決めます。 Qiitaのapiを使用して最新記事を取得する 取得した記事を一覧で表示する 記事のタイトルをタップしたら記事詳細をwebviewで開く 今回はこんな感じの簡単なアプリにします! retforitの仕組み 導入する前にざっくりとどういう仕組みで動くのか理解します。 公式のReadmeやSampleを見ればなんとなくわかると思いますが、 abstractでapiのエンドポイントを定義。 この定義されたファイルを元にクライアントの実体を自動生成する仕組みです。 自動生成されるフ
このリストは何? MDN web docs を、あたかも書籍の目次かのごとく整理しなおしたものです。それぞれ MDN web docs の記事へリンクしています。 なぜこれが必要になったかというと、人材市場でフロントエンドエンジニアが少なすぎる現状をどうにかするべく教育体制を整えるところから考え始めたのですが、それならまずは日頃お世話になっている MDN web docs を教材として扱いたいなと思ったからです。慣れてきてもよく参照するし「アレどこだっけなぁ?」を軽減もしやすいかなって。 MDN web docs は内容そのものはかなり充実しているものの、リンクがあらゆる方向に張り巡らせられており ある一定の流れに沿って読む ということが少々難しい側面もあります。特に初学者にとっては、迷子になりやすいかもしれません。 ですので、初学者でも学習しやすいように MDN web docs 全体の
ReactやAngularと並び、ここのところ人気が高まっているVue.js。Axiosを組み合わせれば外部APIを使った Webアプリも手軽に開発できます。 JavaScriptのアプリケーションを作っていると、よくリモートソースからデータを取得したり、APIを使いたくなったりすると思います。最近、公開されているAPIを見ていたら、ソースからデータを取得して処理するのに良いものがたくさんあることに気付きました。 Vue.jsを使えば提供される機能を使ってアプリを構築し、数分のうちにコンテンツの配信を始められます。 ニューヨークタイムズのAPIからデータを取得して、その日のトップニュース記事を表示し、ユーザーが興味があるカテゴリのニュースを選びだせる簡単なニュースアプリの作り方を説明します。この記事の全コードはここにあります。 アプリの出来上がりは下の図のようになります。 この記事では、V
HTTPステータスコードを返すというのはとても単純なことです。ページがレンダリングできた?よし、それなら 200 を返しましょう。ページが存在しない?それなら 404 です。他のページにユーザをリダイレクトしたい? 302 、あるいは 301 かもしれません。 I like to imagine that HTTP status codes are like CB 10 codes. "Breaker breaker, this is White Chocolate Thunder. We've got a 200 OK here." — Aaron Patterson (@tenderlove) 2015, 10月 7 訳:HTTPのステータスコードのことは、市民ラジオの10コードみたいなものだと考えるのが好きです。「ブレーカー、ブレーカー、こちらホワイト・チョコレート・サンダー。200
Fiddler の勉強会に行って来ました。 Fiddler は HTTP の通信データを観たり、書き換えたりする事が出来るツールです。 イベントページ はじめての Fiddler reloaded | Peatix http://peatix.com/event/55312?utm_campaign=recommend&utm_medium=email&utm_source=55312&utm_content=7893 資料ページ はじめての Fiddler http://www.hebikuzure.com/fiddler/ Fiddler Scriptデモ http://www.slideshare.net/hagurese/fiddler-script-38509440 書籍 実践 Fiddler 作者: Eric Lawrence,日本マイクロソフト株式会社エバンジェリスト物江修,
有名ドコのアプリのヘルプなんかをチェックして使用されているライブラリ、及び Github 探索して良さげなライブラリをまとめてみました。今すぐ使いたいものから、これ使えるのか?というものまで様々ですが、せっかくあるもの。すごい人達のゴイスーなものでちょっとでも楽したいものです。 とりあえずアルファベット順で。簡単な説明もつけたので参考にしてください。というか触ってないのも多いので各自ぜひともお試しください。ちなみに依存関係は深く確認してません。また、ライセンスについては現時点 2013-04-11 のものとなります。使用の際は都度確認くだし。 もくじACRA ActionBarSherlock AndroidAnnotations Android Asynchronous Http Client android-gpuimage android-mapviewballoons androi
Blog Search when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.path} [in template "__entry.ftlh" at line 3, column 25] - Reached through: #include "__entry.ftlh" [in template "entry.ftlh" at
Diagram An activity diagram to describe the resolution of HTTP response status codes, given various headers. The diagram is available in various formats: http-headers-status.gif (205 kb) http-headers-status.jpg (340 kb) http-headers-status.png (447 kb) http-headers-status.svg (315 kb) please see request for assistance below The Visio diagram, published on Google Code Request for assistance
ネットワークプログラミングの基礎知識 ここでは IP アドレスやポート番号、クライアントとサーバの役割などを説明し、 perl・C言語・Java などでソケット (Socket) を使った HTTP クライアントや POP3 クライアント、簡単なサーバを作成してみます。 要はネットワークプログラミングをやってみよう、ということです。 このページのサンプルプログラムは、RFC などの規格に準拠した「正しい」プログラムではありません。 また、全体的にエラー処理が不十分です (今後改善する予定です)。 あくまでも概要を理解するためのサンプルととらえてください。 もし本気でしっかりとしたクライアントやサーバを書きたいなら、このページを読んだ上で、 さらに RFC を熟読し、そして wget・Apache・ftp コマンドなどのソースを参考にしてください。 このページに間違いを見付けたら、掲示板 で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く