ZOZO大忘年会でFirebaseを使った1,000人規模のリアルタイムアンケートを制作した話 - ZOZO TECH BLOG
こんにちは！ ZOZOテクノロジーズ フロントエンドエンジニアの高橋（ニックネームはQ）です（@anaheim0894） 昨年12/26、毎年年末に行われる大忘年会（ZOZOCAMP2018）で、グループ会社も含めた1,000人規模でのリアルタイムアンケートを、FirebaseとVue.jsを使って制作しました。 当日会場にて弊社の昨年の事業紹介や、「楽しく働く」というコンセプトの動画を流し、動画の合間で質問をし動画と一体となるような演出を行いました。 その質問に対して全社員それぞれのスマートフォンで回答できるシステムを作ったので、その制作の裏側や、当日の様子などご紹介させていただきます。 まずは当日の様子の紹介 これを実現するまでの様子をご紹介いたします。 CAMP運営してくれている社員にもらった要件 CAMPの2週間前、運営の社員の方からこのような依頼をもらいました。 会場で、リアルタ
Retty Developer Team 2018 - Retty Tech Blog
この記事は Retty Advent Calendar 2018 25日目の記事です。 昨日は @wtnVegna さんの記事で、 クリスマス（季節性）に負けない統計的因果推論 でした。 本日はRetty VP of Engineeringのkosakoが担当します。 実はVP of Engineeringという役職になったのは二ヶ月前の10月からで、社内でもエンジニア以外からはVP...Nだっけ?といわれたりまだまだ定着していなかったります。 ちなみにこちらの記事にもあるとおり、昨年の今頃はアプリチームでiOSリニューアルをやっていました。 なんとかリリースにこぎつけた後で会社全体を見渡したときに、開発組織という観点で誰かがコミットして牽引していく必要性があると感じたため2018年は組織にコミットするということを目標に決めました。 課題感を持っていたメンバーと一緒に進めたものもあれば、ボ
Abstractを用いたデザイン管理システムを導入して1年経ったお話 - BASEプロダクトチームブログ
この記事は、「BASE Advent Calendar 2018」の7日目の記事です。 devblog.thebase.in こんにちは、BASEのデザインチームに所属している北村（@naomi_kun）です。 BASEのデザイン管理ツールに「Abstract」を導入してちょうど1年が経ったので、導入する前を振り返りながら、良かったところの所感をまとめたいと思います。 はじめに 突然ですが、デザインデータの管理ってみなさんどうしていますか？ 共有するのが大変だったり、バージョン管理のルールを厳格にしておかないとメンテがしづらかったりと、デザインデータの管理って非常に面倒ですよね。 BASEもGoogleDriveやDropboxを用いてデータ共有していたものの、ファイルの置き場が煩雑になったり、新しいデータがどれなのか毎回他のデザイナーに確認しなければならないなど、多くの課題を抱えていまし
プログラミングスクールの作り方 - Speaker Deck
Transcript Bootstrap Night vol.4 ϓϩάϥϛϯάεΫʔϧͷ࡞Γํ ߹ಉձࣾϑΟϤϧυ ۨܗਅ None None ࠓ͓͢Δ͜ͱ 1. ϑΟϤϧυϒʔτΩϟϯϓΛ࢝ΊͨܦҢ 2. ϑΟϤϧυϒʔτΩϟϯϓͷհ 3. ̍΄ͲӡӦͯ͠ΈͯΘ͔ͬͨ͜ͱ 4. ࠓޙͷऔΓΈ ϑΟϤϧυϒʔτΩϟϯϓΛ࢝ΊͨܦҢ ϑΟϤϧυΠϯλʔϯγοϓ • ݩʑΠϯλʔϯγοϓɻ • Πϯλʔϯγοϓ༻ʹEϥʔχϯάγεςϜΛ࡞ͬͨɻ • ࠓͷ݄̎ʹεΫʔϧʹมߋɻ • ͪΐͬͱมΘͬͨΈɻ ͪΐͬͱมΘͬͨΈ EϥʔχϯάγεςϜΛ ͬͯࣗशܗࣜͰֶश ֶशिͱ࡞ۀि ֶशि ࡞ۀि ฐࣾͷӡӦ͢ΔαʔϏεͷ ӡ༻ͷख͍ Ұिؒͣͭަޓ ࣭ʹ͑Δ ϓϩάϥϛϯάεΫʔϧʢ͓ۚ͏ʣ ϓϩάϥϛϯάΞϧόΠτʢ͓ۚΒ͏ʣ ͰϓϥεϚΠφεθϩ
Hanamiを採用して良かった点と苦労した点 | 株式会社LegalOn Technologies
20XX年、僕は Ruby on Rails の規約に違反したコードを書いたことでレイルズ王国の異端審問にかけられていた。僕がリポジトリに commit した app/services/ や app/repositories/ といったディレクトリと、その中に定義された Command パターンを用いたクラスや Module#refine による DCI もどき達がレイルズ王国の異端審問官の目に触れてしまったのだ。(僕は ActiveRecord で作られた Model の特異クラスに対して Module この記事でも紹介されているように、HanamiはDDD（Domain-driven design）を元に設計されているフレームワークです。 Railsを使っていると問題になってくることとして、サービス規模が大きくなるにつれてRails wayを遵守して開発することが難しくなり、例えばSe
チームリーダーなりたての3ヶ月について考えたことと振り返りの記録｜Katsumata Ryo｜note
この記事について今年の10月からリーダーとしてのロールを受け持つことになりまして、チームがどう動いたら成果を出せそうか・楽しく開発できそうかみたいなことについて考えたり・実行してみたり・振り返ってみたり・反省してみたりした記録です。 まだ進行中であり、日々状況は変わるため何が成功かというのは組織やチームによって違うため、この記事が届いた誰かの何らかの何らかになればと思い筆をとってみます。 私と働く環境についてWEBサービスを提供する会社で開発エンジニアをしています。私達の会社ではECサイトを通して多くの人に自己実現を叶えてもらうため日々改善・開発を行い、よりたくさんの価値を届けるために日々働いています。 さらに多くの人にその価値を届けるため、今年から採用に大きく力を入れるようになりました。昨年とくらべて開発チームは3倍から4倍ほどの大きさのチームとなりました。今まではCTO直下で完全にフラ
エンジニアのためのデザインレビュー入門 | より良いプロダクトをつくる - Qiita
はじめに この記事は、『CrowdWorks Advent Calendar 2018』の15日目の記事です。 みなさんこんにちは！UIデザイナーの井上です。 今日は2018年7月にDXEL.1 エンジニアとデザイナーが「いい関係」を築くためにというイベントでLTをさせてもらった、エンジニアのためのデザインレビューの話をもう少し詳しく解説していこうかなと思います。 登壇資料 エンジニアさんもデザインレビューに参加しよう！ そもそもこの資料を作ったきっかけとして、知り合いのエンジニアさんに「デザインレビューってどうすればいいんや、デザインわからんちー」と言われたのがきっかけでした。 具体的には - 何を指摘すればいいのかわからない - どこまで言っていいものなのかわからない - 自分はデザインのプロではないので任せたい - ユーザーにとっていいデザインであれば構わない と言った声を耳にしまし
クックパッド社員10年目の私が、マネージャー4年間→サービス開発エンジニアに戻って分かった、たったひとつのこと｜クックパッドマート｜note
クックパッド社員10年目の私が、マネージャー4年間→サービス開発エンジニアに戻って分かった、たったひとつのこと はじめましてクックパッドマートの開発チームでサーバーサイドエンジニア兼テックリードを担当している勝間です。クックパッドマートは2018年1月から立ち上げに携わったメンバーの1人です。はじめましての人に、簡単に自己紹介させていただきます。 勝間 亮 (@ryo_katsuma) 1981年生まれ。大学院卒業後に技術ベンチャーに新卒入社。2009年にクックパッド株式会社に転職。サーバーサイドを中心としたサービス開発エンジニアとしてcookpad.comの開発を担当。2014年にレシピ投稿領域の責任者を経て、2017年にレシピサービス全体のサービス開発の責任者に。2018年からは新規事業であるクックパッドマートの立ち上げに携わり、現在はテックリードとして商品の配送領域の開発とエンジニア
Rails開発をもっと楽しくする便利メソッド集 - 動かざることバグの如し
この記事はRuby on Rails Advent Calendar 2018の７日目です。 はじめに 今回は知らなくても生きていけるけど、知っておいたほうがお得で便利なRailsメソッドを紹介していく。RailsといいつつActiveSupportやんけ squish 冒頭と末尾のホワイトスペースを削除して、連続したホワイトスペースを1つだけになるように整形してくれる。 " hoge \n \t piyo fuga\n".squish => "hoge piyo fuga" try 知ってる人は常識だけど未だに知らない人多い。例えば以下のようにpostに紐づくuserのlogin.idを有れば取得する場合、 post = Post.last post.user.present? && post.user.login.present? && post.user.login.id 以下のよう
デザイナーのわたしが、 1年間スクラムを経験して失敗してきた3つのこと - CrowdWorks Designer Blog | クラウドワークス デザイナーブログ
こちらは「Service Designer's Advent Calendar 2018」の、1日目の記事です。 こんにちは！クラウドワークスのデザイナー、田村（@tamusan100）と申します。 この度、Service Designer's Advent Calendar 2018 というタイトルで、アドベントカレンダーを始めることになりました。 Service Designer's Advent Calendar 2018 では、デザインブログを運営している事業会社6社が集結。 各社のデザイナーたちが、プロダクト、UI 、ブランド、組織など、さまざまなテーマについて、毎日記事を公開していきます。 BIZREACH Designer Blog / BIZREACH CrowdWorks Designer Blog / CrowdWorks DeNA DESIGN BLOG / DeNA
Railsでのバッチ処理について(rails runnerとrake taskの違い) - Qiita
アプリケーション開発をしているとアドホックに実行したいスクリプトがある時や大量のデータを処理したいときなど、バッチ処理を書きたくなる時ってありますよね。 Railsでバッチ処理を書く際によく使われている方法として有名なものが下記の3つだと思います。 rails runner スクリプトとしてバッチを書く rake task ビルドタスクとしてバッチを書く sidekiq 非同期処理としてバッチを書く アプリケーションを新規開発する際、バッチ処理のトリガーをrails runnerを使用するかrake taskを使用するかで迷ったのでまとめてみました。 sidekiq使う場合もバッチ処理内で呼ぶ想定なのでsidekiqでのバッチ処理についてはまとめていません。 先に結論言っておくと『バッチ処理を行うという観点ではrails runnerもrake taskもそこまで変わらない』です。 Rai
Googleの新ツールが便利すぎる！デザイナーやディレクター向けの新しいデザインツール -ProjectVisBug | コリス
VisBugはChromeの機能拡張で、ブラウザに表示したページのデザインやコンテンツを検証・編集できます。グリッドの確認はもちろん、要素を移動させたり、入れ替えたり、別の画像にしたり、テキストを編集したり、カラーを変更したりなど、さまざまなアイデアを実行・テストすることができます。 制作や検証時だけでなく、クライアントとの打ち合わせ、社内ミーティングなど、活躍するシーンがたくさんある便利ツールです。 VisBug -GitHub VisBugの特徴 VisBugのインストール VisBugの機能 VisBugの特徴 VisBugはChromeの機能拡張で、デベロッパーツールのデザイナーやディレクター向けという感じです。開発者のAdam Argyle氏は、Googleの現役UXエンジニア。 機能拡張なので、使うのは簡単です。 Chromeで当ブログを表示し、VisBugを起動してみました。
JavaScript 寺子屋 9 / テスト駆動開発への誘い
Console の並びにある Test ってなんだ 今日の参考コード https://codesandbox.io/s/kwp513y8mv CodeSandbox の下の方に、Console が表示されるタブがありますよね。その並びに Test というタブがあります。 これはなんだ！！ クリックしてみよう！！！ テスト用の画面がでた！！！ でた！！ ここでテストができます！！！ テストとはなんだ 平たくいうと、自分が作った関数やアプリケーションが正常に動いているのか、いろんなパターンを試しに実行して、その結果が自分の希望してるものかどうかをチェックする手法のことです。 まずは実行してみましょう！！ テストを実行してみよう！ では早速実行してみましょう。やり方は簡単で、test.spec.js というファイルを作って、その中にテストの内容を書くだけです。 あとは、勝手に CodeSandb
11. フロントエンドエンジニアのキャリアパス - bkkcast
bkkcast はフィードバックを積極的に受け付けています。聞いてみたいことがあれば質問箱もしくは @bkkcast まで連絡ください！ お品書き 1. フロントエンドエンジニアのキャリアパス (0:30) 発端は勝又さんのツイート フロントエンドエンジニアは CTO になれないのか？ @laiso アプリ開発をやる人がいないから始めた 昔からいるアプリエンジニアは Web 系から来たわけではない？ @mtfum くらいの若いエンジニアはフロントやアプリから入ってくる事が多い @tamanyan55 学生時代 CakePHP など Web App や API 開発をしていた @tamanyan55 �入社のタイミングでアプリリニューアルの話があり面白そうだから iOS エンジニアとしてキャリアをスタートした 将来的に「CTO」を目指している方は、キャリアのどこかで「バックエンド」を経験して
銀の弾とアジャイルについてのメモ (Agile is a Silver Bullet) - ari's world
銀の弾とアジャイルについてのメモ (Agile is a Silver Bullet) 2018年10月9日 要点 1986年にソフトウェアエンジニアリングについて書かれたフレデリック・P・ブルックス氏（以下、Brooks）『人月の神話』「銀の弾はない」はすごい（久しぶりに読み返した）。まじリスペクト。 本質的な困難と、その攻略を通じて、アジャイル開発を理解するとスッキリする（個人的な見解です）。 はじめに アジャイル開発は、ソフトウェアエンジニアリングにおいて迅速かつ適応的にソフトウェア開発を行う軽量な開発手法群の総称である。 アジャイル開発の「なぜなのか(WHY)」や「どのような問題を解こうとしているのか」を、自分なりに整理したかった。その時、Brooks『人月の神話』を改めて読んで、びっくりした。これは、すごいと。 2018年10月9日に書いたメモがある。まだまだ整理や考える余地はあ
新人にドヤ顔で説明できるか、今風フロントエンド開発ハンズオン(git/node.js/ES6/webpack4/babel7) - Qiita
新人にドヤ顔で説明できるか、今風フロントエンド開発ハンズオン(Git/Node.js/ES6/webpack4/Babel7)JavaScriptNode.jses6webpackbabel 概要 今風の手法でJavaScriptアプリを作ろうとすると色々ツールがあって便利な反面、複雑でわからないことがたくさんあります。 わからないことがあったら、それを放置せず、しっかり理解して大いに寄り道しつつブラウザで動作するJavaScriptアプリをゼロから作っていきます ブラウザ上で動作するフロントエンドアプリを作ったら、ライブラリ化してnpmモジュールとして公開します 対象読者＝今風のJavaScript開発の入門者、初心者 11年前からタイムトラベルしてきたひと ブラウザ用アプリを作りたいが今風の手法の初心者(jQueryだけでなんとか生きてきた人とか） Node.jsの環境をつかってフロン
みてねのスクラム開発 / scrum development style in mitene - Speaker Deck
みてねのMeetup #3の発表資料です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザーストーリー駆動開発で行こう。
持続可能なプロダクト開発のために - フロントエンドと新陳代謝の話 / Frontend premised on making changes
デザインフェーズにおけるワイヤーフレームとの付き合い方@WCAN201802
