この記事は MERPAY TECH OPENNESS MONTH の 2日目の記事です。 こんにちは、メルペイのバックエンドエンジニアの @sinmetal です。 メルペイではメインのデータベースとして、 Google Cloud Spanner を利用しています。 SpannerはGoogleが独自開発した強力なデータベースですが、Google Cloud Spannerがサービスとして公開されてからまだ2年ほどしか経過していません。 そのため、まだ世界に公開されているノウハウが乏しく、メルペイの中でも実際開発していく中で、設計上の苦悩や、運用時の問題にぶつかることがありました。 調査したこと、解決したことなどは記事として公開しているので、Spannerに興味がある方は読んでみてください。 Google Cloud Spanner Deep Dive Spanner Benchmark

開発中のサービスに Heroku を採用した経緯を社内で周知するために書いた文章なんですが、ついでに Qiita にも貼っておきます（ちなみに Heroku の回し者ではないので悪しからず）。 従来、Heroku は日本で使うにはレイテンシの問題で本番環境での利用が避けられることが多かった これは Heroku の Common Runtime には Tokyo region がなく US 等のサーバーと通信するとレイテンシが大きいため1 実際、Wantedly 社なんかもレイテンシを理由に Heroku から AWS に移行している だが、Service Worker の先読みと Fastly（のような instant purge 可能な CDN）の登場により、このレイテンシの影響は極小化された のではないか 多くのリクエストは Fastly のエッジサーバー からレスポンスを返せるはず

はじめに 最近Vue.jsを頻繁に使用するのですが、他のSSR(サーバーサイドレンダリング)の仕組みと組み合わせる場合、容易にXSSを生み出してしまうケースが存在するので、注意喚起も兼ねて事例を紹介させていただきます。 9月7日 追記を追記しました 前提 サーバーサイドで動的に要素をレンダリングするシステムとVue.jsを組み合わせた場合 この記事はrailsのSSRとの組み合わせで解説しますが、プレーンなPHP等、動的にHTMLをレンダリングシステムとの組み合わせでも発生します。 サンプルコード まず、こちらのコードをご覧ください。 user.erb <div id="app"> <div class="user"> <%= @user.name %> </div> <button v-on:click="registerFavorite" data-user-id="<%= @user

前回はてぶのお気に入りフィードを読むHBFavというアプリのReactNative版RNHBFavというアプリを作っているという話を書いたが、とりあえずAppStoreへ申請するところまで終わった。 razokulover.hateblo.jp 申請がどのくらいで通るかはまだわからないが、たぶん1週間はかかる気がする。 少し時間が空きそうだし、ここらで今回ReactNativeで開発〜リリース申請する中で感じたことやこうした方が良かったみたいなものをメモしておこうと思う。 垂直分割/水平分割のディレクトリ構成 ディレクトリ構成はプロジェクトごとにみなそれぞれ自分なりの構成を持っているようだけど、例えばreduxを利用するアプリだと以下のような作りになると思う。 index.ios.js index.android.js src |__actions |__hoge.js |__reduce

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Google I/O 2016で話題になったInstant Appsについて、興味を持っているデベロッパー向けの事前情報が公開されました。じっくり読みがてら翻訳しましたので公開させてもらおうと思います。 読みながら気になったのですが、フレームワーク名としての「Instant Apps」という言葉とは別に、従来のインストールして使うアプリと対比するようなニュアンスで「instant app」という言葉が使われていました。これについては、本文中で区別し、「インスタントアプリ」と訳しています。ご了承ください。 Preparing Your A

筆者が「Qiitaにこういう機能があったらもっと使いやすいのに」 と思っていた機能をChrome拡張機能として実装しました。 ぜひインストールしてみてください。 Q Acceleratorと名付けました。 Qiitaでの活動を加速させるもの、といった感じです。 ※Accelerator（アクセラレーター）は「加速装置」「加速器」などの意味があります。 2017/03/03 時点ユーザー数 910ユーザーの方が使われています。 TL;DR インストールはChrome ウェブストアから https://chrome.google.com/webstore/detail/mheleidccioamimekojienbdfclcbaan/ 現在(2018/4/29)提供している機能 行番号を表示 記事の更新時間を表示 コピーアイコンを表示 自動いいね/自動ストック ヘッダー固定機能 新規投稿時のテ

この記事はElectron Advent Calendar 2016の11日目の記事です。 この記事では僕がプライベートで開発しているJasperというGitHub用のIssue Readerについて書きました。 JasperはElectronで作られており、どういうものかを一行で説明すると「任意の条件にマッチしたIssueが流れてくるIssue Reader」です。 https://jasperapp.io/ https://github.com/jasperapp/jasper 今回はそのJasperの開発初期、リリース期、運用期での出来事を時系列でまとめました。 なので、技術的な話はあまり多くありません。 どちらかというと僕自身の備忘録としてJasperの開発史をまとめたものになっており、すごく長い記事になっています。 ご注意ください。 目次 開発初期 コンセプト 初期実装 フィード

How to watch Polaris Dawn astronauts attempt the first commercial spacewalk

本日、iOSアプリ「はてなブックマーク」バージョン3.3をリリースしました。 新機能として、「最近のあとで読む」に追加したエントリーの文字数を見られるようになりました。文字数からエントリーの“ボリューム感”を把握できるので、より効率的にエントリーを消化できます。ぜひご活用ください。他にもいくつかの不具合を解消し、デザインを調整しました。App Storeからアップデートしてご利用くださいませ。 ▽ はてなブックマーク / 人気のブログ・ニュースも無料でまとめ読みを App Store で さらに、iOSアプリに頂いたフィードバックについて、対応方針や機能の方向性について紹介します。 アップデート内容（バージョン3.3） 追加の対応方針 機能に関する意見を募集します 検討結果の共有 アップデート内容（バージョン3.3） 「最近のあとで読む」にあるエントリーの文字数を見られるようにしました 通

2015年12月11日 【坂上です】「アイドルマスター XENOGLOSSIA」がスーパーロボット大戦シリーズに初参戦！ カテゴリ：INFORMATION こんにちは！総合プロデューサーの坂上です。 この度、「アイドルマスター XENOGLOSSIA」が、App Store/Google Play™にて配信中の 「スーパーロボット大戦X-Ω（クロスオメガ）」に初参戦することになりました！ 軽く両タイトルの説明をさせていただきますと、 「スーパーロボット大戦X-Ω」は今年10月からサービス開始した、 スーパーロボット大戦としては初のスマホネイティブアプリとなります。 本作には30以上に及ぶ作品から選りすぐりのユニットが参戦しております。 一方「アイドルマスター XENOGLOSSIA」は2007年に放送された アイドルマスターを原案として、『舞-乙HiME』の制作チームが作ったロボットアニメ

本日、iOSアプリ「はてなブックマーク」バージョン3.2をリリースしました。昨日から続いてのアップデートになります。 バージョン3.0・3.1のリリース後にご要望を多く頂いた「アプリ内ブラウザでエントリーの表示速度が遅い」や、旧アプリからご要望を頂いていた「アプリ内ブラウザで画像を保存できない」などの問題を改善いたしました。その他にも、いくつかの不具合を修正しています。App Storeからアップデートしてご利用くださいませ。 ▽ はてなブックマーク / 人気のブログ・ニュースも無料でまとめ読みを App Store で さらに、iOSアプリに頂いたフィードバックについて、先日の対応方針では掲載しきれなかったものも紹介します。2日間連続の“爆速リリース”となったため、12月1日のアップデート内容も合わせて記載します。 アップデート内容（バージョン3.2・3.1） 新機能のご紹介 アプリ内ブ

はじめに こんにちは。デスクトップアプリケーションを手軽に作りたいと思ったことはないでしょうか？ 普段Webアプリケーションを開発している場合、 デスクトップアプリケーションを作ろうとすると、開発言語やライブラリがWebアプリケーションとは違うので、別な知識が必要になるのと複数のプラットフォームで動くものを作ろうとすると大変ですね。 そこで、今回はWebアプリケーションのKPTBoardのJavaScriptとCSSのコードを一部流用と修正して、Electronで動かしてみました。 Webアプリケーション版のKPTBoardと違う点 今回はWebアプリのデスクトップクライアントアプリではなくて、単体で動くデスクトップアプリとして作ってます。 複数人には対応してないです。 投稿した内容は、データーベースではなくてアプリのlocalStorageに保存されます。 Electronとは http

アプリマーケティング研究所 > 広告・マネタイズ > 「約3年で1,180万円を稼いだ、いま広告収入は月100万くらい」地味だけど寿命は長い「電卓アプリ」実際に効果があった5つの施策。 今回はシンプルな「電卓アプリ」を開発しているwoodsmallさんを取材しました。爆発力はないけど安定する「電卓アプリ」、実際のところどれくらい稼げているの？ ※株式会社woodsmall CEO 小林高志さん 「電卓アプリ」のデータや収益など。 「電卓アプリ」について教えて下さい。 オーソドックスな「電卓アプリ」です。2012年5月にリリースして、161万ダウンロード（Android 158万、iOS 3万）されています。現在は月10万ダウンロードずつ増えています。 ユーザーを国別で見ると、韓国55％、台湾18%、日本13％、アメリカ2%という割合です。アクティブユーザーの半分以上は韓国で、1日に1,50

アプリマーケティング研究所 > 広告・マネタイズ > 「半月で3,000万円稼いだ」スマホアプリ「今日、彼女が死んだ」のNagisaが語る「放置ゲーム」で稼ぐためのゲームバランス3要素。 今回は「今日、彼女が死んだ」というアプリが好調の、Nagisaさんにお話を伺いました。「放置ゲーム」のつくり方、狙うべきジャンル、マネタイズのコツとは？ ※株式会社Nagisa 執行役 井上大紀さん、吉丸奈那さん。 「今日、彼女が死んだ」について 「今日、彼女が死んだ」について教えてください。 井上： タイムマシンで過去にもどって「死んでしまった彼女の未来を変える」というストーリーの放置ゲームです。 「ゲームを進める順番」は全部で243通りあって、彼女の容姿などもそれに応じて変わったり、マルチエンディングにも対応しています。 ダウンロード数でいうと、いまどのくらいですか？ 井上： リリースから20日間で約

「Swift」はAppleが開発したプログラミング言語で、2014年の同社年次開発者会議「Worldwide Developers Conference（WWDC）」で発表された。それまで、「iOS」および「OS X」向けに開発されるアプリケーションは「Objective-C」という別のプログラミング言語で書かれていた。 ソフトウェア開発の経験が浅い人や、趣味としての開発者、あるいは単にプログラムを書いてみたいという人が今後Appleのデバイス向けアプリケーションを作るには、時間をかけてSwiftを学ぶ必要が出てくる。スタンフォード大学はSwiftを使ってアプリを開発できるようにするための無料の講義を提供している。ただし、対象として想定しているのは初心者ではなく、比較的経験を積んだ開発者だ。 プログラミングの経験がない場合は、手始めに「Swifty」のようなアプリを利用するといい。このアプ

いま、さまざまなメディアに取り上げられ、各方面で話題沸騰中の次世代の電動一輪車『ninebot ONE（ナインボット・ワン）』がついにアスキーストアに登場！ 次世代電動一輪車 Ninebot ONE(ナインボットワン) 『ninebot ONE（ナインボット・ワン）』は、操縦者の重心移動だけで動きを制御するスマート電動一輪車。持ち運びもできるコンパクトなボディーには16インチタイヤを備えており、道路などを約15km/hまでのスピードでスイスイ走ることができる。バッテリー充電時間は約1～2時間で、約10～15kmの距離を走ることが可能。ただし、公道での乗車・走行は法律違反となってしまうので、乗る際には注意する必要アリ！ さまざまな種類の中からお気に入りのカバーを選べ簡単に交換することが可能。また、専用アプリ『Ninedroid APP』との連携により、ライトのカラーや光の流れ/点滅などの光効

モバイルファースト室の @slightair です。 クックパッドの iOS/Android アプリは、少し前のバージョンからWebP形式の画像をサーバから取得して表示するようにしています。 この記事では、なぜ画像形式をWebPに切り替えたのか、また切り替える上で注意した点などを説明します。 Cookpad アプリと画像 クックパッドのアプリはユーザさんに投稿していただいたレシピを表示するアプリケーションです。その性質上、レシピ画像や調理手順、検索画面のサムネイルなどたくさんの画像をサーバから取得して表示する必要があります。 画像の数が増えたりサイズが大きくなればなるほど通信量が増えます。最近はスマートフォンの画面サイズがどんどん大きくなっているので、それに合わせて取得する画像を大きくしていくとさらにファイルサイズが増え、通信量も増えていってしまいます。 サーバとやりとりするデータが多くな

Jenkinsとは、Apache TomcatなどのServletで動作しているサーバーベースシステムです。Jenkinsはオープンソースであり、LInux,Mac OS X,Windows,Solaris,FreeBSDとOpenBSDのためのパッケージがあります。