いま話題のツイートまとめが読めるTwitterまとめに特化したまとめサイト。人気のツイートやTwitterトレンド、写真やマンガといった話題の画像から、さまざまなニュースの反応まで、みんなであつめる国内最大級のメディアプラットフォームです。
Komerco事業部エンジニアの岸本(@_sgr_ksmt)です。 昨年Cloud Firestoreのrulesのテストを全てローカルエミュレータを使うように書き換えた話を書いてからだいぶ間が空いてしまいましたが投稿します。 今回はFirebase In-App Messagingを利用する際にカスタムUIを適応して運用している話をしたいと思います。 In-App Messaging Firebase In-App Messaging(以下FIAMと呼びます)は、指定した条件で絞り込んだアクティブユーザーに対して、 メッセージやボタンのアクションを設定し、アプリ内で表示するためのFirebaseの一つの機能です。 表示形式としてはいわゆる「ポップアップ」「画面上部のバナー」といった形式で表示することが可能です。 ユーザーに出すための条件にアプリのターゲット、バージョン、オーディエンス、ユ
Rails アプリケーションの開発において、自分の変更に関係のないテストのせいで CI がコケるとストレスですよね?真っ先に直したくなりますよね?不安定なテストを直すのは大変な労力が要ると思ってませんか?実は、たいていのケースは簡単に再現確認ができるし、不安定になる要因もだいたい決まっているし、ログやスクリーンショットを見れば原因も簡単に特定できるんです! そんなわけで、日頃不安定なテストを潰している身として知見みたいなものをまとめてみました。 今回利用した環境は次のとおりです。 rails 6.0.0 capybara 3.29.0 selenium-webdriver 3.142.4 rspec-rails 3.8.2 Google Chrome 77.0.3865.75 (headless で使用) ChromeDriver 77.0.3865.40 (f484704e052e0b5
iOSアプリ開発に関わると必ずと言って良いほど耳にするdelegate(デリゲート)。これが分かりにくくて苦しんだ人は多いのではないでしょうか。今までUITableViewとかUIScrollViewを使って何となくdelegate(デリゲート)の実装はやった事はあるけど自作でdelegate(デリゲート)を実装する時に困った場合なんかに参考にしてみて下さい。 そもそもdelegate(デリゲート)ってなに The Swift Programming Language (Swift 3.0.1): Protocols Delegation Delegation is a design pattern that enables a class or structure to hand off (or delegate) some of its responsibilities to an i
ReactとAngular、どちらを選ぶべきか? 使用するJavaScriptフレームワークを選ぶ際、この2つはよく比較対象に挙がります。しかし、両者の特徴をよく理解していなければ、選定は困難でしょう。 今回は、両フレームワークが具体的にどんな強みを持っているのかを、Reactの専門家 小林徹さんとAngularの専門家 稲富駿さんに解説してもらいました。両フレームワークの設計思想から使用において考慮すべき点、今後実装される予定の機能まで、利用者が気になるポイントを網羅しています。 JavaScriptギークである2人のノウハウ、ぜひ選定の参考にしてください!
注釈 本ドキュメントは、まだ未完成ですが、ウェブフロントエンドの開発を学ぶときに、JavaScriptを経由せずに、最初からTypeScriptで学んでいくコンテンツとして作成されはじめました。基本の文法部分以外はまだ執筆されていない章もいくつもあります。書かれている章もまだまだ内容が追加される可能性がありますし、環境の変化で内容の変更が入る可能性もあります。
この記事はMERPAY TECH OPENNESS MONTHの15日目の記事です。 こんにちは。メルペイのPayment PlatformチームでPaymentServiceの開発を担当するエンジニアの @foghost です。 メルペイではマイクロサービスのアーキテクチャで決済システムを開発しています。その中でPaymentServiceは決済トランザクション管理の基盤サービスとして、下位層のサービス(外部サービスも含め)が提供する各種決済手段を利用して、上位層のサービス(メルカリ、NFC,コード払いなど)に必要な決済フローを共通APIとして提供しています。PaymentServiceが提供する決済処理に複数のサービスを跨いでお金の動きを正確に管理する必要があるので、作り始めた頃から決済トランザクション管理を最も重要な課題として、サービスを跨いでもデータの整合性が取れる仕組みを作ってき
ハイクラス求人TOPIT記事一覧Firebase入門 フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう! Firebase入門 フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう! Firebaseでは、バックエンドやインフラに精通したメンバーがいなくても、モバイルやWebフロントの開発に集中できます。Authentication、Firestore、Cloud Functions、さらにセキュリティルールまで、クックパッドの岸本卓(@_sgr_ksmt)さんが、実践的に解説します。 Firebaseをご存じでしょうか? Firebaseを利用したことはありますか? 今回は「Firebaseをこれから使ってみたい!」「絶賛使っているけど、初めてでどう開発したらいいかよく分からない……」という方
An interactive Git visualization tool to educate and challenge!
番組には、“フジロック芸人”として知られるハライチの澤部佑と、第2回から毎年フジロックに参加している片瀬那奈がナビゲーターとして出演。毎年フジロック特番で苗場の現地ロケを敢行しているPOISON GIRL BANDの吉田大吾と司会の桝田沙也香アナウンサーも交え、4人でフジロックを語る。 また「片瀬那奈のフジロック・ファッション講座!」「渋谷タワーレコードで聞いた、今年注目のアーティスト!」などのコーナーも用意されており、吉田によるフジロックのリポートでは豪華アーティストへの取材が実現。そのほかORIGINAL LOVE、ジョナス・ブルー、Tempalay、中村佳穂、ミト(クラムボン)といった今年のフジロック出演アーティストが番組の出演者として名を連ねている。 「FUJI ROCK FESTIVAL'19」は新潟・苗場スキー場で7月26日から28日まで3日間にわたって行われる。今年はThe
家の中と外を自由に行き来する、ROOMIEライターたち。 そんなROOMIEライターたちがアウトドアで使うアイテムは、日常でも大活躍する便利なものばかり。 そこで今回は、5月に紹介したアウトドアグッズの中から、特に反響の大きかったアイテムを3つ、ご紹介します! ①スノーピークの「シェラカップ」 アウトドアでお馴染みの「シェラカップ」。 シェラカップの魅力は、1個持っていれば何かと役立つオールマイティなところ。 まずは水やコーヒーを飲むときのカップとして。 ペットボトルから直接飲むより、なんだか美味く感じます! 直接バーナーにかけることができるので、フライパンのように使えば軽い調理ができちゃいますよ。 他にも、フリーズドライの食品などを入れる食器として使うことも。 汎用性がハンパないシェラカップ、ひとつ持っているだけでかなり重宝しますよ〜!
こんにちは、小林(@koba04)です。 本記事では、シングルページアプリケーション(以下、SPA)における状態管理について解説します。 GmailやTwitterは、SPAとして構築されている代表的なWebアプリケーションであり、スムーズなページ遷移をSPAによって実現しています。またElectronやPWA(Progressive Web Apps)の登場により、複雑なアプリケーションをWebの技術を使って構築する場面も増えてきました。 これらの複雑なアプリケーションにおいては、既存のページ単位での状態管理の考え方では対応が難しくなります。 そこで今回は、具体的なフレームワークも取り上げながら、Webフロントエンドにおける状態管理のアプローチについて紹介します。 フロントエンドでの状態管理の複雑化 ページの単位を超えた状態の保持 モデルとビューによる処理の分割 イベントの管理が複雑にな
平成最後の10日間に362人が選んだベスト平成ソング、最後の50曲です。この記事を読んでいるあなたが「平成ソング」という言葉から想像するような曲はあまり入っていないと思います。まあわからないですけど。でもやっぱり入ってないと気が。なぜならこれは音楽オタク362人が選んだものだからです。呼びかけておいてなんですが、こんな結果になるとは思いませんでした。 この50曲をぜひ通しで聴いてみてください。いや最後の20曲、10曲でも良いので。コンセプトアルバムを通しで聴いた時のようななかなかの疲労感が得られると思います。濃いです。でもこれが平成という時代だったのでは?とも思います。一番下には不完全だけどプレイリストも用意してあります。それをコピーして手持ちの音源を追加して聴いてみてください。僕は毎日聴いてたけど楽しかったです。 来月は平成ベストアルバムもやるのでそちらでもよろしくお願いします。では最後
こんにちは!dely でフロントエンドの開発をしています @all__user です。 今回は kurashiru のフロントエンド開発に導入されたビジュアルリグレッションテストについてご紹介したいと思います。 【反応を多くいただいた点について記事の最後に追記しました】 目次 目次 ビジュアルリグレッションテストとは 導入の背景 フロントエンドのテスト? SPA移行前後の比較 ツール reg-suit Loki Wraith BackstopJS テストのフロー GitHub + CodeBuild + BackstopJS ステージング環境 テストケースは Google スプレッドシートで管理 結果を S3 にアップロードして Slack に通知 まとめ 【追記】 運用が大変ではないか? 1pxの違いにそこまで工数かける? 広告が差し込まれたり変わっただけでテストが壊れるのでは? ビジュ
こんにちは、@h0saです。 プロダクト開発で、どんな機能をどのタイミングで提供すべきか、どうユーザーストーリーの優先順位をつけるべきか、悩んだことはありませんか? プロダクト開発は意思決定の連続です。優先順位を明確することは、スピーディな意思決定につながります。 今回の記事では、プロダクト開発における意思決定に役立つ「ユーザーストーリーの優先順位付け」手法についてまとめました。 ※「ユーザーストーリー」の他にも、開発環境によって「機能」「フィーチャ」「ジョブ」など、様々な呼び方があると思います。本記事では、アジャイル開発環境で最も馴染み深いと思われ、かつ「成果」にフォーカスしている「ユーザーストーリー」という言葉を一貫して用います。 個人的な経験として、前職のスタートアップではUXデザインだけでなくプロダクトマネジメント的な業務にも携わり、ユーザーストーリーの優先順位付け作業に参加してい
Netflixの映像コンテンツを使って英語の学習ができるLLN(Language Learning with Netflix)というChrome拡張を試してみたのですが、想像を遥かに超えて、最高に便利で楽しいものでした。 感動の気持ちをtweetしたら地味にバズってしまい、使い方の質問や感想なんかのDMも届くように…w 良い機会なので、みなさんにもLLNをもっと知って頂きたく、記事にまとめてご紹介することにします。 Netflixを使って英語学習が出来るChrome拡張LLN(Language Learning with Netflix)の噂を聞いて試してるんだけど凄く良い!聞き逃してた単語の意味や文法&時節も丁寧に確認できるし、マニアックなドキュメンタリーを見た時にネイティブの専門用語の用法や表現学べるの楽しい。https://t.co/tqSr7tKAVz pic.twitter.co
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く