メルカリShops のフロントエンド | メルカリエンジニアリング
こんにちは。ソウゾウの Software Engineer の hiroppy です。「連載：「メルカリ Shops」プレオープンまでの開発の裏側」 の最後は、Web フロントエンドの紹介をしたいと思います。メルカリ Shops は既存のメルカリアプリの中に独立した Web アプリケーションとして動いています。本記事では、どのようなライブラリを選定し、どのようにアーキテクチャを設計してきたかを解説します。 なぜ Web なのか？ アプリの上で動いているのであれば、WebView ではなくても良いと感じる人はいると思います。今回採用した 1 つの理由としては、リリースが柔軟な点が挙げられます。iOS/Android の両方に対して開発サイクルを早めることが可能であり、また機能追加やバグ修正が容易です。どのように WebView で動いているかについては、6 日目のメルカリ Shops のため
GraphQLを導入する時に考えておいたほうが良いこと | メルカリエンジニアリング
はじめに こんにちは、ソウゾウSoftware Engineerの@sue71です。連載：メルカリShops 開発の裏側 Vol.2の13日目を担当させていただきます。 以前メルカリメルカリShopsの技術スタックと、その選定理由でBFFの実装にGraphQLを採用していることをお伝えしました。メルカリShopsをリリースしてから約半年たった今、これまでを振り返ってGraphQLサーバーを実装する上での課題やあらかじめ考えておくと良い項目をまとめてみました。また、本記事ではメルカリShopsでGraphQLの実装としてApolloを採用しているため、Apolloの利用が前提の話もいくつか混在しています。予めご容赦ください。 GraphQLの説明や、メルカリShopsの実装方法に関しては以前こちらの記事で紹介しています。こちらも是非ご覧ください。 パフォーマンス課題 GraphQLは、アプリ
新卒エンジニアがVue+GraphQL+ServerlessでTodoアプリ作ってみた - Qiita
はじめに この記事について 新卒エンジニアが全く触ったことのなかった技術でTodoアプリを作ってみた話 ややチュートリアル形式 cliなどを使って楽に構築 各技術についての説明は少なめ vueやGraphQLの雰囲気を掴みたい方向け？ 間違いの指摘やより効率的な書き方、今後の学習法などのアドバイスは歓迎 Todoアプリ概要 要件 ユーザーの認証が出来ること TodoのCRUD操作が出来ること 技術 Vue.js graphcool(serverless GraphQL) Apollo（クライアント側でGraphQLを扱いやすくするためのもの) 開発環境 OS: Ubuntu 16.04.3 LTS node: v8.1.4 npm: 5.5.1 docker: 17.0.5.0-ce Todoアプリ作成 完成品はこちらになります。 graphcoolの用意 まずはGraphQLの環境から用
てっく煮ブログ - Apollo でニコニコメソッド プレゼン
プレゼンしているその画面の上に、聞いている人達のコメントがニコニコ動画風に流れるのが楽しそう。ということで、それ、AIR でできるよ、と作ってみました。ドキュメントフォルダの niconico.txt を監視し続け、新たな行が登場したら、行の中身をニコニコ動画風に表示します。Flash を使ってるので本家と似た表示になるのがポイントです。ダウンロード：niconico.air (要 AIR ランタイム β版)ソースコード：niconico.as (176行)このアプリケーション単体の機能はテキストの中身を出力するだけですが、次のような活用法を想定しています。ローカルに Web サーバーを立てて、CGI 経由でコメントを niconico.txt に出力する → ニコニコメソッドプレゼンが可能に！Plagger で取得した内容を niconico.txt に吐き出す → ニコニコメソッド R
Google Gears：概要とAdobe Apolloとの違い｜アークウェブのブログ
SEの竹村です。 昨日は、Google Gearsの登場が話題になりました。 これがGoogleブラウザの正体？--オフラインでもウェブアプリが使える「Google Gears」 http://japan.cnet.com/news/media/story/0,2000056023,20349834,00.htm Google Gearsを簡単に説明すると、あらかじめローカル環境へベースとなるデータをダウンロードしておけば、オフラインでも作業の続きができるといったところです。 これは、Adobe Apolloに良く似ていますね。 Adobe Apolloについては下記の記事でおわかりになると思います。 Leveraging HTML/JavaScript and AJAX in Apollo Applications (Adobe MAX 2006 フラッシュレポート) http://ww
Apollo mini Camp＠Tokyoにいってきました。 - ユーウツな雨がふりつづいても雪がハートを曇らせてもドアの中で待っていた君に魔法をかけたいのさ
Apollo mini Camp開催速報――ベータ版機能がいち早く紹介される − ＠ITApolloの開発者イベント「Apollo mini Camp＠Tokyo」開催へ − ＠ITにいってきました。簡単にまとめてみます。Mike ChambersからはApolloの概要、特徴について。ApolloとWPF, silverlightとの違い scripting support depnends on container being used actionscript3 flash/flexjavascript html/css/ajaxcross environment communication and scripting will be possible comlete access to flash player and html doms and apisactionscriptと
オフラインの検出 - Flex Coder
Apolloはオンライン/オフラインの検出をイベントで取れます。 そんなサンプルです。 Apollo Online/Offline sample - full source includedhttp://blog.everythingflex.com/2007/03/21/apollo-onlineoffline-sample-full-source-included/ [Apollo]MP3プレイヤー サクッとMP3プレイヤーを作ろうっていうサンプルです。 Creating a mp3 player in Apollo and Flex 2 http://flnotes.wordpress.com/2007/03/22/creating-a-mp3-player-in-apollo-and-flex-2/
Welcome to RIAForge
Open Source projects built on Adobe technology Welcome to our online community site, built using our own products and targeted to support developers building open source projects for our products and platform. Now you can integrate existing or new open source projects in a centralized repository with simple functions and options. This site provides a consolidated hosting environment that transcend
【レビュー】Adobe Apolloの可能性を探る - 「Twitter Client」を使ってみる (1) Apolloアプリケーション「Twitter Client」の紹介 | ネット | マイコミジャーナル
米Adobe Systemsが開発したAdobe Apolloは先月α版が公開されたばかりだが、リッチなUIを持つクライアントアプリケーションを手軽に作成できる新技術として、すでに大きな注目を集めている。 開発者にとっては非常に楽しいオモチャを与えられたようなもの。早速それを利用したアプリケーションが多数登場している。 そうしたリッチクライアント開発の新潮流をいち早く掴み、Apolloを使うと何ができるのかを試してみたいという方たちのために、まずは「Twitter Client」をご紹介したい。 「Twitter Client」は、深津貴之氏が鋭意開発中のApolloアプリケーション。同氏のブログ「fladdict.net blog」にて、順次アップデートされている。 これは「Twitter」というWebアプリケーションに魅せられた深津氏が、4月初旬から開発を始めたもので、Twitterが
ActionScript版 Apollo アプリを作ってみる
第２回は ActionScript で Apollo アプリを作ってみます。 ActionScript を触ったことがない人にも分かりやすく書いたつもりですので、ActionScript が初めての人も恐れずに読んでみてください。 第１回 の HTML＋JavaScript で作るときは HTML+JavaScript の作成 ADF の作成 実行 パッケージ化 (.air の作成) という手順でしたが、今回は ActionScript の作成 コンパイル (.as→.swf の生成) ADF の作成 実行 パッケージ化 (.air の作成) とコンパイルの手順が増えます。 では、さっそく具体的に説明していきましょう。 ActionScript の作成 単に丸を描くだけの ActionScript です。Test.as として保存します。 package{ import flash.dis
てっく煮ブログ - あまり語られていない Apollo のセキュリティについてまとめてみた
(2007年10月追記) この記事は、Adobe AIR と呼ばれている技術のα版時点でのセキュリティについて述べています。2007年10月現在での最新版についての情報は、以下のページを参照してください。akihiro kamijo: Adobe AIR ベータ 2 セキュリティ関連の変更点akihiro kamijo: Adobe AIR のデジタル署名機能について(追記ここまで) void element blog: いろんな意味でしゃれにならないApollo にて Apollo はセキュリティ的に危ないよ、という話が出ていたので、ちょっと調べてみました。Web 技術を使っているとはいえ、ローカル環境で動くので、ある程度の覚悟をもってインストールする必要があります。今回は、その心構え（？）のようなものをまとめてみました。セキュリティは専門ではないので、つっこみは大歓迎です。Apollo
RichApps � Blog Archive � RichFLV - Apollo FLV Editing Tool
RichFlv can: Read flv Metadata read/edit/modify/delete cuepoints cut flvs convert the sound of the flv to mp3 convert flv to swf The API i developed for RichFLV implements most of the FLV file specificaton and some parts of the SWF file specification in Actionscript. It`s all done with pure Actionscript (Byte Array Baby!) so no external tools are used. The cool thing is that the only thing that de
HTML JS版 Apollo アプリを作ってみる [てっく煮]
Apollo 開発の方法を丁寧に説明していく予定です。第１回目は HTML+JavaScript で Apollo アプリを作ってみます。 そこそこ実用的な例、ということでシンプルな RSS リーダーを作ることにします。Apollo での通信にはドメインの制約がない、という利点を体感することもできます。動作イメージはこんな感じです。 開発環境のインストールがまだの方は、Adobe Apolloメモ や はじめてのApolloプログラミング を参考にして準備しておいてください（手抜き）。 HTML と JavaScript の作成 まずは HTML を準備します。rss-simple.html として保存します。味気ないですが、あえてシンプルにしてます。 <html> <head> <title>Simple RSS</title> <script src="rss-simple.js"><
Ajaxとか使ってデスクトップアプリを作れるApolloのα版が公開
Posted by masuidrive Mon, 19 Mar 2007 08:53:00 GMT Adobeがリリースするデスクトップアプリ環境の Apollo がやっとリリースされたので、fladdict.net のTaka君からずっと勧められていた事もあって、早速試してみました。 ApolloはFlashやHTML、JavaScriptなどを使ってデスクトップアプリを作るための環境らしいのです。最近は、OSXのDashboardやVistaのGadgetなど、Webの技術を使ってデスクトップアプリを作るのは流行だから、その流れの一つと言えるでしょう。 その辺の違いとかは、ニュースサイトとか他のブログで書かれるから、ここでは書かないとして、まずはインストールして実際に使ってみます。 Apolloはアルファ版なので、Adobe Labs からダウンロードします。 画面の真ん中よりちょっ
AdobeのApolloを早速インストール＆プログラム書いてみた
注目していたApolloをようやく試せるようになりました。 Ajaxian » Adobe Apollo Alpha Release Flashと同じでブラウザ組み込みかと思っていましたが、ウィジェット的な感じ。FirefoxのExtensionのような雰囲気もあります。動作にはRuntimeが必要になります。 Adobe Labs – Downloads: Apollo Runtime これをインストールすると拡張子がairのファイルが動くようになります。airは1つずつインストールしてから使う模様。WindowsXPだとこんな画面が。 アプリごとに出るのはちょっと面倒かなぁ。 Apollo:Applications:Samples – Adobe Labs サンプルがいくつかあるのでダウンロードして実行。一番下のScreenPlayが面白い。 続いてSDKをダウンロードしてプログラムを
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
subtech - Pink Blossom Diary (￣―＋￣) - CUI での apollo 開発
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
てっく煮ブログ - Apollo 触ってみた。すごすぎ。
Apollo のα版がリリースされたので、さっそく触ってみました。初日はランタイムをインストールしてサンプルを動かしてみました。コンパイルは時間がなくてまだ試せてません。2007.2.24追記：HTML+JS版 Apollo アプリを作ってみる で解説文章を書きはじめていますApollo を知らない人のために、おおざっぱにざっくり説明しておくと、Apollo は Web アプリを作るようにローカルアプリケーションを作れるようになるステキなライブラリです。Flash だけに縛られているわけではなく、Flash, Flex, HTML, Ajax などを統合して利用することができます。イメージはこんな感じ（Adobe の apollo_docs_alpha1_031907.zip からの引用）。図からもわかるように、HTML/JavaScript だけで Apollo API を利用してローカ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Apollo ServerとPrismaではじめるGraphQL API開発入門
Flex User Group