Reactの最新動向とベストプラクティス ── HTML5 Conference 2016セッションレポート 小林徹 2016年9月3日に東京電機大学で開催された「HTML5 Conference 2016」のセッションを特集する第二弾は筆者である私、小林徹が登壇した「 Reactの最新動向とベストプラクティス 」の内容を解説します。 Reactの現状 Reactは、2013年にFacebookが公開した、Viewを作るためのJavaScriptのライブラリーです。 https://facebook.github.io/react/ 現在のバージョンはv15.3.2です。 v1.0.0からv14.0.0までのバージョンはありません。 「すでに安定していてプロダクションでも利用できる」ことや「セマンティック・バージョニング（パッチ.マイナー.メジャー）に準拠している」ことを示すために、v0.
Chrome DevToolsを使いこなすための参考サイトまとめ | 1 pixel｜サイバーエージェント公式クリエイターズブログ
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 フロントエンドエンジニアの谷です。 本記事ではGoogle Chromeの開発者ツール、Chrome DevToolsを使いこなすために参考になるサイト、ページの紹介をします。 すでに多くのフロントエンドエンジニアが開発で使っているかもしれませんが、「要素のインスペクタなどの基本的な機能しか使っていない」「UA切り替えくらいしかつかってない」というような方や、そもそもほとんど使ったことがない、という方もこれらを参考にフロントエンド開発を効率化していきましょう！ 基本的な使い方 Chrome DevTools Overview 基本はやはり公式ドキュメ
Modern Data Stack / モダンデータスタックというトレンドについて - satoshihirose.log
はじめに Modern Data Stack ? Modern Data Stack の特徴やメリット、関連するトレンド データインフラのクラウドサービス化 / Data infrastructure as a service データ連携サービスの発展 ELT! ELT! ELT! Reverse ETL テンプレート化された SQL and YAML などによるデータの管理 セマンティックレイヤーの凋落と Headless BI 計算フレームワーク (Computation Frameworks) 分析プロセスの民主化、データガバナンスとデータメッシュの試み プロダクト組み込み用データサービス リアルタイム Analytics Engineer の登場 各社ファウンダーが考える Modern Data Stack さいごに Further Readings はじめに Modern Dat
こんにちは。スクラムマスターの@sakebookです。 今回は「象・死んだ魚・嘔吐」をチームでやってみたのでその振り返りをします。 「象・死んだ魚・嘔吐」とは 振り返り手法の一つです。Airbnb Story 大胆なアイデアを生み、困難を乗り越え、超人気サービスをつくる方法（原題: The Airbnb Story）の中で紹介されていたようです。 翻訳されてなかなかキャッチーなネーミングになっています。 それぞれ次のようなことを意味します。 象 凄く大きい、見えているけど、みんな見ないふりをしている課題・問題。表層化しているけど大きすぎてみようとしていない。これが何かをみんなで話していく。 死んだ魚 放っておくと腐っていく。そういう問題。放置しておくとまずいことになる問題ってなんだろう？ということを話し合う。 嘔吐 自分の胸の中に隠していて、吐き出せなかったこと。これをこの場で嘔吐する。
ふりかえり手法にはKPT、Fun Done Learnなど様々な手法が知られています。 今回はその中でもチームの課題と向き合う手法「象、死んだ魚、嘔吐」について説明します。 また自分達が実際に実践するにあたって行った工夫を紹介します。 ふりかえり手法「象、死んだ魚、嘔吐」とは？ 2024.1.17追記 「象死んだ魚嘔吐のうた」を制作し、Reginal Scrum Gathering Tokyo 2024にて発表しました。 ↑使用したオリジナルの背景画像です。お好きなツールの背景としてどうぞ。 「象、死んだ魚、嘔吐」とは、Airbnbの共同創業者ジョー・ゲビアが提唱した手法です。 カリスマ性があり完璧主義のジョー・ゲビアが率いるチームでは、雰囲気が重苦しく、メンバーはゲビアを恐れ、自分の考えていることを発言できなくなっており、チームは崩壊寸前でした。 そのような状態で考案されたふりかえり手法
「天才を殺す凡人」から考える 大企業でイノベーションが起きないメカニズム (2/3) - ITmedia エンタープライズ
「どうして、人間の創造性は、奪われてしまうのだろうか」 ー 天才と呼ばれる人がいる 天才は、この世界を良くも悪くも、前進させることが多い。だが、彼らは変革の途中で、殺されることも多い。それは物理的な意味も、精神的な意味も含めてだ。 以前から、そのメカニズムを解き明かしたいと思っていた。そしてようやくわかった。 天才は、凡人によって殺されることがある。そして、その理由の99.9%は「コミュニケーションの断絶」によるものであり、これは「大企業がイノベーションを起こせない理由」と同じ構造である。 どういうことか？ 「天才と秀才と凡人」の関係を、図で書くとこうなる まず、天才と秀才と普通の人（＝凡人と定義）の関係を整理するとこうなる。 まず、天才は、秀才に対して「興味がない」。一方で、凡人に対しては意外にも「理解してほしい」と思っている。 なぜなら、天才の役割とは、世界を前進させることであり、それ
先日よりThe State of JavaScript 2018というアンケートが行われていたのですが、その集計結果が公開されたのでざっくりと紹介してみます。 回答者数は2万人超としか書かれてなくて正確な数は不明です。 というか全体的に大まかな集計結果しか出てなくて、もっと詳しいデータが欲しければ直接連絡しろという方針らしいです。 ちょっと残念。 The State of JavaScript 2018 Introduction 2万人以上のJavaScript開発者が回答したよ。 結果の概要はMediumに投稿してるよ。 色々なプロジェクトを紹介してるけど、その一部はスポンサーになってもらってるよ。 このアンケートはSacha Greif、Raphael Benitte、Michael Rambeauによって作成、維持されているよ。 SachaはVulcan.js、RaphaelはNiv
さよならGAFAM：Googleやめてみる→ネット全土崩壊2019.02.07 12:0076,253 Kashmir Hill - Gizmodo US ［原文］ （ satomi ） ネット五大老GAFAM断ち、第3週はGoogleです。 3週目：Google｢Don't be evil｣が消えたGoogle ｢Don't be evil（悪をなさない）｣というモットーはもともと、本人に無断で行動を追跡したりするドットコム時代のネットの王様商売への当てつけから生まれた社是です。創業以来ずっと行動規範の巻頭に記され、未来永劫消えることのないウェブの良心、矜持、灯台と思われていましたが、昨年5月、親会社Alphabetの行動規範からごっそり消え、｢20年もたなかったね｣と言われています。 3ワードの呪縛が解けた後のGoogleは何かが吹っ切れたかのように大胆です。 誰も使わないSNSとして
JavaScript(ES2015)でvarやletを使う必要はほぼ無い - id:anatooのブログ
ES2015でvarやletを使う場面はほとんど無いので、まずconstを使う。constだとダメな場合にはletを使う。 背景 ES2015では、変数を宣言するための文法としてconstとletが導入された。 const foo = 'foo'; let bar = 'bar'; constは再代入できない変数を宣言できる。letは再代入できる変数を宣言できる。 const foo = 'foo'; foo = 'hoge'; // ERROR let bar = 'bar'; bar = 'hoge'; // OK あれ、じゃあvarとletは同じなの？っていうとそうではなく、letやconstはvarとは違って、関数スコープよりも細かなブロック単位のスコープを提供する。例えばconstやletを使うと、if文やfor文などのブロック中でのみ有効な変数を宣言できる。 で、プロジェクトに
目次 目次 はじめに 計画について 日程と余白 かかった費用 宿泊 1件目（札幌） 2件目（札幌） 3件目（函館） 移動について 持ち物 忘れたもの・持ってこればよかったもの いらなかったもの 役に立ったもの 東京の自宅について 生活サイクルと同居生活 ワークについて バケーション 観光 すすきの（ひるのすがた） すすきの（よるのすがた） パフェ、珈琲、酒、佐藤 食事 ジンギスカン えびそば一幻 郷土料理おが ラムしゃぶ専門店 ONIUSU-おにうす- セイコーマート やきとり弁当（ハセガワストア） はこだて海鮮市場 （おまけ）体重 総評 はじめに 8/2(日)から8/16(日)の15日間を使い、北海道でワーケーションをしてきました。 ワーケーションとは、「ワーク」（労働）と「バケーション」（休暇）を組み合わせた造語（かばん語）で、観光地やリゾート地で休暇を取りながらテレワーク（リモートワ
マイクロソフトの de:code の DevOps トラックが奇跡の展開になっている件 - メソッド屋のブログ
私のメインマシンは未だに Mac で現在も docker を中心としたオープンソース系の DevOps 技術が大好きだ。そんな私でも正直、今年の de:code というマイクロソフトのイベントはありえない展開になっていると思う。本当にこうなったのは私の力ではなく、日米のマイクロソフトの仲間と、一緒に仕事をさせてもらっているクリエーションラインさんのおかげで、少なくとも DevOps トラックは奇跡の展開になっていると言っていい。これがマイクロソフトだからという理由で世の中にあまり知られていないのはもったいなすぎる。 OSSを愛する一人として言っておきたい。 はっきり言って、DevOps やマイクロサービスに興味があるならマイクロソフトに全く興味がない人でも参加する価値がある。 その理由を簡単にお話ししたいと思う。この先を読んでいただいたらその理由がわかってもらえると思う。 理由その１. 超
プログラミングをする人なら1度や2度は「コーディングを不要にする」という宣伝文句にイラッと来たことがあるのではないでしょうか。Coral Capital創業パートナーの澤山陽平も、そんな1人です。「最近シリコンバレーで話題の No code startups について何か書こうと思う。ハイプ気味ではあるものの注目のトレンド」と、私が伝えると、一気に顔が曇りました。 またか、というところかと思います。澤山は日本では珍しいScalaという玄人好みのプログラミング言語を使いこなすベンチャーキャピタリストです。過去10年、20年と、どれほど「コーディング不要」というマーケティングコピーが派手に宣伝されてきたかを思えば、澤山の反応は、当然かと思います。 それでも私には、いまノーコーディングと呼ばれるムーブメントから、優れたサービスや企業が出てきつつあるように思えます。 全てのコーディングが不要になる
(訳注：2020/08/22、画像と動画が正しく表示されていなかったためリンクを修正しました。) こんにちは。このブログは12月にO’Reillyから出版予定の私の著書『 Designing Products People Love 』からの抜粋です。ぜひ本も読んでみてください。また、FacebookやTwitter、 Slackなどで活躍されている20人以上のプロダクトデザイナーにインタビューもしています。* 無味乾燥なUIを経験したことはありますか？ 何か が足りないと感じてしまうようなUIを作ってしまったことはありませんか？ もしそうであれば、使い勝手の悪いUIを経験したのだと思います。 使い勝手の悪いUIには進捗インジケータがありません。ユーザにどこで障害が起きたのか知らせてくれません。怖いエラーメッセージでも表示してくれれば、なお良いのですが。わずかなデータのみの奇妙なグラフです
フロントエンドの未来の話 - Qiita
前置き 会社の勉強会資料になります（6/16発表） フロントエンドの未来の話というか、色々なライブラリの紹介です ほとんどが5月上旬くらいに書いた資料なので、 それ以降に変化があったライブラリについては、追記という形で資料の中にコメント入れてます モジュールバンドラーの未来 モジュールバンドラーとは簡単に言うと、JavaScriptのビルドツールのことです 最近はフロントエンドでも、機能ごと・共通化などの理由によって、JSファイルを分けてコーディングをするので、 最終的にそれをまとめて、1個のJSにする必要がある その時に使われるのが、モジュールバンドラー 有名どころのツール みんな大好きwebpack 後は、rollupとかbrowserifyとか ですが、、 これからの時代は fuse-box fuse-boxとは webpackと同様なモジュールバンドラー 設定ファイルがシンプル w
naoya さんのポータブルな Web アプリケーションを受けて最近思ってることをば。140 文字で時々書いてるんだけど、まとまりがないので一回まとめておきます。 12-factor app ステートフルなアプリケーションについては、Heroku の人が提唱してる 12-factor app というのが現在の状況をよく表してます。 The Twelve-Factor App The Twelve-Factor App（日本語訳） Heroku や他の PaaS によってもたらされたこうした一種の”制約”によって、アプリケーションの新しいカタチが生まれてきています。引き算によって新しい価値が生まれてきているわけですね。 とはいえ、PaaS は PaaS でそれぞれに独自の仕様を持っているわけですが、Heroku の buildpack という仕組みを使って、Heroku とインタフェース仕様
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
グロースハックとは何か 〜グロースハックをマスターするための究極のガイド〜 - VASILY GROWTH HACK BLOG
「この記事を100％理解すれば、グロースハックをマスターできる」 そんな記事を目指して今記事を執筆しました。 グロースハックをマスターするために必要な「グロースハックの再定義」、「グロースハックの準備」、「グロースハックの手順」、「付随的なインプット用記事」は全てこの記事内に収めました。 大それたタイトルを付けていますが、グロースハックをマスターされる皆さんに必ず役に立つ記事に仕上がっていると思うので、 是非ご一読頂けると嬉しいです。 （シェアもして頂けると今後の更新のモチベーションになります…！） 目次 １．Growth Hack(グロースハック)とはそもそも何なのか ２．Growth Hack(グロースハック)を始めるために必要な準備 ３．Growth Hack(グロースハック)の実際のプロセス ４．Growth Hack(グロースハック)をより深く修得するためのカテゴリ毎 記事集 １
ユーザー体験が商品やサービスの成功を左右すると言われはじめてから数年がたった。世界中の大部分の人たちがスマホを使い、ミレニアル世代を中心にモノを所有することへの興味が下がり、体験をデザインすることが一つのデザイナーの仕事として成立している。 こんな時代にあって、UXデザインはどのような変化を見せてきているのであろうか。2017年を振り返り、UXデザインを取り巻くトレンドをまとめてみた。 1.「使いやすさ」は基本中の基本にユーザー体験を設計する上でもっとも基本となるのが「使いやすさ」。心地よい体験を提供するには、まずは基本的な使いやすさの品質がカバーされている必要がある。専門的に言う所のユーザビリティ。UXの品質評価をする際に使われるUXピラミッド理論においても、下記の通り根底から3つの部分は使いやすさをカバーする要素になる。 Task – 目的達成可能 (レベル1-3)Task – 目的達
Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる - SMARTCAMP Engineer Blog
デザイナー兼エンジニアの葉栗です！ スマートキャンプでは以前からWebフロントエンド開発にVue.jsを取り入れています。 Vue.jsなどコンポーネント指向のフレームワークは、UIフレームワークも豊富で、お手軽にリッチなUIが構築できるのでいいですよね。 今回は私のお気に入りの、Vue.js + Elelment UI + Lottie というライブラリを使って、数十分でできる簡易的なログインページを作ってみようと思います。 0から構築をはじめて、レイアウト設計、ElementUIで実装、Lottie組み込み、完成といった感じで詳しく説明していきます！ 完成画面 😊 使用技術 Vue.js Element UI Lottie（ロッティー） 実装します！ 事前準備 Vue CLIをインストール プロジェクトを作成 ElementUIをインストール ログイン画面を作成 不要コードの削除 コ
インドにはヒンドゥー教の教えに基づくカーストと呼ばれる身分制度が存在しており、中でも不可触民(ダリット)と呼ばれるカースト制度の外側に置かれる人々は厳しい差別に直面しています。そんなカースト制度は海外へ移住したインド人コミュニティにも受け継がれ、シリコンバレーのテクノロジー企業でもカースト差別が問題となっています。そんな中、Googleが人権活動家によるカースト差別の講演を土壇場でキャンセルしたと、アメリカの日刊紙であるワシントン・ポストが報じています。 Google cancelled a talk on caste bias by Thenmozhi Soundararajan after some employees revolted - The Washington Post https://www.washingtonpost.com/technology/2022/06/02/
円高の影響もあり、海外旅行はますます人気を集めています。手軽なパッケージ旅行も良いですが、旅の醍醐味を味わえる個人旅行にもぜひ挑戦してみてはいかがでしょうか。ただ、個人旅行で心配なのは宿泊先を探すこと。私が今年の夏休みに旅行を計画したときも、宿泊先はなかなか決まりませんでした。そんな時に出会ったのが、全く新しい宿泊体験を提供するオンライン宿泊先検索サイト「Airbnb」。 先日、香港を訪れた際に使ってみたのですが、非常に素晴らしいサービスだと感じました。今回はこの経験をもとに、Airbnbが持つ3つの魅力とその可能性について紹介していきます。 Airbnbとは？ Airbnb（エアービーアンドビー）は自分の空いている部屋を有料で貸し借りできるウェブサービスです。2007年にサンフランシスコで始まって以来、世界192ヵ国に約200000件の登録物件があり、世界中で急速に人気を集めています。
ロゴ画像のようにさまざまなサイズ、さまざまな形の画像を美しく揃えて配置するスタイルシートのテクニックを紹介します。 CSSのテクニックだけでなく、デザイン上の注意点も解説されており、実装時の参考になります。 Aligning Logo Images in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ロゴを配置する時のデザイン上の注意点 ロゴを配置するグリッドの実装 CSSブレンドモードを使用してホワイトの背景を削除する ロゴの最後の行の中央揃え 実装時の注意点 終わりに はじめに フロントエンドのデベロッパーとして、複数のロゴを配置したことがあるでしょう。この実装は最初は簡単に思えるかもしれませんが、ロゴを揃えたり、中央配置にする時に悩ますかもしれません。さらに、ロゴにはさ
MITが選ぶ2016年に注目すべき革新的技術10選まとめ
マサチューセッツ工科大学(MIT)が出版している技術誌MIT Technology Reviewは毎年、注目すべき革新的な技術トップ10についてまとめる「10 Breakthrough Technologies」を発表しています。2016年度版の10 Breakthrough Technologies 2016で発表された期待の次世代技術をGIGAZINEの過去記事を中心にまとめるとこうなります。 10 Breakthrough Technologies 2016 https://www.technologyreview.com/lists/technologies/2016/ ◆01：Precise Gene Editing in Plants(植物のゲノム編集) 人間に都合のよい植物や動物を遺伝子操作によって"デザイン"するゲノム編集によって、例えば砂漠のような過酷な環境でも育てられる
『Customized Regression Model for Airbnb Dynamic Pricing』を読んでまとめた 【KDD2018】 - honawork
はじめに 2018年8月19日から23日にかけてロンドンで行われたKDD2018（データマイニングの世界的なカンファレンス）に採択されていた『Customized Regression Model for Airbnb Dynamic Pricing』なる論文を読みました。 Airbnbで実装されている価格推薦モデルについての論文で、 ビジネス・ユーザー視点を取り入れており、 「価格を下げれば予約されていた」と、「もっと価格を上げていてもよかった」というニーズ それをうまくモデル化していて、 上記を損失関数として定量化 さらにシンプルな構造で理解しやすい ①予約確率の予測→②最適価格の提案→③パーソナライズと、マクロ→ミクロに落ちていく構造 という点において優れたデータサイエンスの応用例であると感じたため、主要な論点を要約しつつ解説に取り組んでみようかと思います。 はじめに 論文の要旨 最
【全訳】JSだけじゃない！AirbnbのCSS/SCSSスタイルガイド - リクルート住まいカンパニー Tech Blog
こんにちは！2016年に新卒で入社した、SUUMOのフロント開発グループでエンジニアをしているやなぎさわです。 入社早々SUUMOのCSSを再設計をする機会があり、CSS/SASSのスタイルガイドを研究していたのですが、JavaScriptのスタイルガイドで有名なAirbnbがCSSのスタイルガイドを公開しているのを見つけました。 一人で開発していたり、CSS/SASSを書く人が少人数である場合は意外とその重要性に気付きにくいのがこのCSS/SASSのコーディング規約です。CSSは単純な言語であり単にスタイリングを当てるだけであればわりと簡単にできてしまうのですが、大規模開発や修正が頻繁に必要となる運用フェーズになるとその単純さがゆえにバグを作り出しやすくなってしまいます。 特にCSSでは全てのセレクタのスコープがグローバルであり、気を抜くとすぐにクラス名などが被ってしまいます。BEMとO
ものすごい円安が進んでいるのでハワイの物価をチェックしてきました。 私が行ったのは今年の ３月末から４月始めの 1週間。 その頃も「30年ぶりの円安！」と騒がれていましたが、それでも報道レートは 154円ほど。いまよりはマシなレートでした。 ではまず食べ物の値段から。 ビーチバーのカクテル。Tip不要のテイクアウト店で 2人分 3412円、ってことは 1杯 1700円以上！ ちゃっちい使い捨てコップに入ってこの値段。なにげに高いですよね。 ランチに食べたマグロとアボガドのポキ丼。2人分なのでこれをふたつ頼んで 9267円、Tip込み。 しかもたいしておいしくない。初日のランチだったので「えっ、これが 1万円？」と、かなりビビった。 この食事のあと、友人とは「いちいち円換算するのはやめよう！」「アメリカドルで考えよう！」と申し合わせました。 翌朝の朝食。パンケーキとエッグベネディクト+飲み物
2021-08-13 内容システム提供において、基本的に高速であればあるほど顧客は嬉しいものだが、実際のところ高速なシステムを提供して、どの程度の価値が発生するのかが気になったので、調べてみた。 2021/08/14 追記A/Bテスト実践ガイド 真のデータドリブンへ至る信用できる実験とは の書籍で同様な事例が紹介されているとのこと。情報提供ありがとうございます。実務でA/Bテストに向き合った人間であれば必ず一度は考えたことのあるトピックについて、アメリカのテックカンパニー（Airbnb, Google, LinkedInなど）勤務の著者らが国際会議で発表された研究もちゃんと引用して見解を述べており説得力がある。 従って、現時点における最高レベルの意思決定をデータ（A/Bテスト）に基づいて行いたいと思うなら、一度は目を通しておくべきであり関係者必携だと思う。 ※個人的には”Webサービスのレ
2015年に予想される13のテクノロジートレンド
先週ラスベガスにて開催された、世界最大の家電見本市であるCESでは、多くの次世代ウェアラブル、IoTデバイスや、コネクテッドカーなどが展示され、既に家電の範囲を大きく上回るテクノロジー製品に大きな注目が集まっている。むしろ現在では、テクノロジーに影響を受けない産業は皆無に近いと思う。個人的にも2015年は、ビジネスに大きな変化が訪れると感じており、Web, スマホに続く大きな革命が市場に訪れると考えている。 一方で、新たなテクノロジーを活用したビジネスの出現により、Netflixがビデオレンタル業界を、Uberがタクシー業界を侵略した様に、既存のプロダクトやサービスが短時間で消滅する可能性も少なくは無い。2015年は下記のトレンドに見られるような、新たなテクノロジーを活用した産業の出現と、既存サービスへの影響、そして消費者への新たな価値提供が注目される。 1. 自撮りツールが進化 スマホの
著者のNick Babich氏のデザインへのAI活用事例記事が非常にわかりやすく面白い（かつ英語が読みやすい）ため、今日も氏の記事を読んでいきたいと思います。 少し長い記事なので今回も分けてまとめたいと思います。 本日もよろしくお願いいたします。 ユーザーリサーチにChatGPTを使うユーザーリサーチはデザインプロセスの中でも基盤となるものです。 チームがここに力を注げば注ぐほど、ビジネスにおける成功確率は高いものとなるでしょう。 この記事では、ChatGPTがユーザーリサーチや市場調査の役に立つかどうかについて探究しています。 内容を具体的に議論するため、アメリカ市場における新しいホテル予約アプリのリサーチを行ってみました。 ※注意※ ChatGPTは完璧に現実のリサーチャーを代替できるものではありません。 リサーチの効率化へのアシスタントとしての使い方が最も適しています。 プロダクト制
Web・コーディング界隈で読み間違いしやすい用語一覧
日本人向けの記事のため表記がカタカナとなっております。そのため完全に正確な英語の発音を保証しているわけではございませんのでご了承ください。（より正しい発音が気になる方は各自で発音記号をお調べください。） また私自身は帰国次女でもない純粋な日本人＆英語力凡人レベルです。明らかに間違っているものがありましたらコメントやTwitterなどでご指摘ください。 もちろん他にもこれが間違いやすいよ、という用語もあればお待ちしております🙏 ❓がついてるのは決めきれないorネイティブでも揺れがあるor議論が必要 なものです。 a11y エイイレブンワイ absolute アブソルート Adobe アドビ Airbnb エアビーアンドビー ajax エイジャックス align アライン（text-align テキストアライン など） AMP（Accelerated Mobile Pages） アンプ An
Post author:sider Post category:Uncategorized Reading time:4 mins read Post published:2018-02-26 もし過去のOSに断絶があったら、Rubyが絶命していた可能性はかなり高い。25年のRuby開発の歴史を振り返りつつ、そんな意外な見方を示したのはRubyの生みの親として知られる、まつもとゆきひろ氏だ。 日本生まれのプログラミング言語「Ruby」（ルビー）が25歳の誕生日を迎えた。Rubyが生まれたのは1993年2月24日のこと。それからちょうど25年目となる2018年2月24日に、Ruby25周年記念イベント「Ruby25（ルビー・トゥエンティーファイブ）」が、Rubyアソシエーションおよび日本Rubyの会の後援で東京の品川インターシティーで開催された。 基調講演を行ったまつもと氏は、25年を振り返
2016 年 2 月は「スタートアップの時代の終わり」という話題がよく取り上げられた月でした。以下にその論考の一部をまとめてみます。 大企業がスタートアップの手法やツールを身に着け始めており、disrupt されにくくなってきている（The Information: The End of Tech Startups）スタートアップを始めるのは安く簡単になったが、スケールするための競争は激しくなっていおり、インターネット業界が成熟するに連れてスタートアップの入り込む余地が少なくなってきている（自動車業界のように）（Ev Williams）ビジネスのスピードが上がっていて、スタートアップ自体が破壊 (disrupt) されるスピードも早くなっている（Marc Andreessen）スマートフォンが全く新しい巨大なマーケットを多く作ったが、ほとんどのマーケットは既に独占され、良き時代は終わった（
マイクロサービスチーム編成のベストプラクティスとメルカリでの構想 - Mercari Engineering Blog
今年もMercari Advent Calendar 2018 が始まりました。初日は @stanaka がお送りします。 メルカリでは創業以来開発してきたPHPのアプリケーションから(主に)Goで実装されたマイクロサービスアーキテクチャへの移行を進めています。これまでにMercari Tech Conferenceやその他のカンファレンスでMicroservice化の意義、移行の方法、基盤となるMicroservice Platformの概要などについて様々な発表をしてきました。 現在、来年からの本格的なマイクロサービスアーキテクチャでの開発に向けて、これまでのサービスの施策ドリブンのチーム編成から、マイクロサービスを軸としたチーム編成に移行しようとしています。 しかし、マイクロサービスアーキテクチャを成功させるためには、各種プラットフォームの機能を揃え、それらを利用したマイクロサービス
本記事は、Simon Holdorf氏による「9 Popular GitHub Repos For Every Web Developer」（2021年4月4日公開）の和訳を、著者の許可を得て掲載しているものです。 こちらもどうぞ すべてのウェブ開発者へ。人気GitHubリポジトリ10選 便利なツール、参考になる例など はじめに GitHubは、最近の（ウェブ）開発に関連するすべてのワンストップショップです。フレームワーク、デモ、あらゆる種類のコレクションなど、GitHubで見つけられないものはないでしょう。しかし、この膨大な量が問題です。あまりにも多くのレポジトリがあるので、おそらく聞いたことのないクールなものがあります。 そこで今回も、知っておくべき最も人気のGitHubリポジトリを紹介することにします。各リポジトリには少なくとも30,000個の星が付いています。 1. Realwor
起業にかかるコストが激減したことで、新規に会社を立ち上げることは難しいことではなくなり、毎年ものすごい数の会社が新しいアイデアをもって挑戦を繰り返しています。近年起業したスタートアップは、その後大企業に買収されたり、あえなく散っていったり、さまざまな結末を迎えており、自分好みのデスクトップを作成できるサービス「Symbaloo」のブログに「2010年の注目スタートアップのトップ50」という記事を寄稿したLouis Grayさんが、トップ50に選んだスタートアップのその後を公開しています。 louisgray.com: 50 Top Startups from 2010: Acquired, Pivoted or Still Going? http://blog.louisgray.com/2014/06/50-top-startups-from-2010-acquired.html ◆01
ヤフーのEC事業を統括する小澤隆生氏がEC市場の未来を予測します。市場規模は4年後には2倍の20兆円になり、日本人の4人に1人がネットを通じて物を売るようになる。そして飲食店の予約も電話ではなくいつでもネットで可能に。最終的には物を買うときに「何かを注文する」必要すらなくなる。大胆かつ緻密な予測がまとまっています。 いま一番調子がいいベンチャーキャピタルとして予測する 小澤隆生氏：皆様どうもよろしくお願いいたします。改めましてヤフーの小澤でございます。 数あるセッションの中からこちらのセッションを選んでいただきまして誠にありがとうございます。このような立派な会場で、またSoftBank Worldという素晴らしい場で、先ほど紹介ありました「ECの10の未来予測」という表題と合わせまして、ヤフーはそれに対してどう対応していくのかという話を40分、お時間頂戴しましたので話をさせていただきたいと
夜明け前に終わった｢日本の民泊産業｣の末路
日本の民泊産業は夜が明ける前に、終わってしまったと言っても過言ではない。スティーブン・スピルバーグが製作総指揮を務めた『恐竜大行進』は、恐竜とUFOの出会いが描かれたアニメーション映画作品だが、日本の観光業界と米Airbnb（エアビーアンドビー）との出会いを語るのに、なんともぴったりくる作品ではないだろうか。 「住宅宿泊事業法（民泊新法）」が施行されてから約1カ月。日本でも民泊の雄になると期待されていたエアビーだが、実際は微妙だ。それどころか、新法施行2週間前、観光庁はエアビーに対し、新法に基づく届出のない部屋の予約をキャンセルするよう要請。これにより「違法民泊」がエアビーのサイトから大量削除され、多くの観光客が混乱する事態となった。報道によると、新法施行前は日本には約6万件ほどの民泊があったが、足元では新法に基づいた民泊数は3451件で、旅館業法に基づいたものは約2万2000件になってい
この翻訳について Airbnb React/JSX Style Guideの和訳です。 間違っていたり分かりにくい箇所があれば、ご指摘いただけると幸いです。 Airbnb React/JSX スタイルガイド このスタイルガイドは現在一般的に使用されている標準に基いていますが、場合によってはいくつかの慣例（async/awaitやstatic class fields）が含まれていたり禁止されていたりします。現在、このガイドにはステージ3より前のものは含まれておらず非推奨です。 目次 基本的なルール クラス vs React.createClass vs ステートレス ミックスイン 命名規則 宣言 アラインメント 引用符 空白 引数 参照 括弧 タグ メソッド 順序 isMounted 基本的なルール Reactコンポーネントは1ファイルに1つだけにしてください。 ただし、1ファイルに複数の
![[翻訳] Airbnb React/JSX Style Guide - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/1254e38358c5c90719500a1b80c8ffd78476fcf7/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCJUU3JUJGJUJCJUU4JUE4JUIzJTVEJTIwQWlyYm5iJTIwUmVhY3QlMkZKU1glMjBTdHlsZSUyMEd1aWRlJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0xYTY0ZTQwNmQ5MDEyYjBmY2JhNGE0OGVkNjMyMTVhMA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB5YW1hZGFzaHkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTI1Mzg0MjVmMjMxMDk3OTY3YzYxOTA2YmFmZDVlMTJl%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dd9b5864c8ec3eb905404bd594cadec9c)
{ domainData1 : {}, domainData2 : {}, appState1 : {}, appState2 : {}, ui : { uiState1 : {}, uiState2 : {}, } } ref: Basic Reducer Structure and State Shape · Redux 正規化 Recipesでは正規化についても言及しており、リレーショナルデータを管理する場合はデータベースのように正規化することを推奨していました。 以下は投稿が複数のコメントを持つ例です。postsはcommentsのidだけを持っています。 { posts : { byId : { "post1" : { id : "post1", author : "user1", body : "......", comments : ["comment1", "comment
追記: 2019/05/01 最近の@typescript-eslint/eslint-plugin, Prettierのアップデートによって、正式にTypeScript 3.4対応されました。一通り普通に動いてる感じ。 これまで自分で使っていて問題になったのがパフォーマンス。ESLint単体やTSLintに比べて、プロジェクトによるだろうけど2倍以上遅い。体感で結構辛い。 Poor performance on some projects · Issue #389 · typescript-eslint/typescript-eslint これはTypeScriptのパーサーを通す部分の構造上の問題が原因なので、簡単には直せなそうな気配。 とりあえず、個人的には型を必要とするルールにそこまでの価値を感じていないので、該当ルールを無効にしてparserOptions > projectを削
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Reactの最新動向とベストプラクティス ── HTML5 Conference 2016セッションレポート
「象・死んだ魚・嘔吐」をやってみた振り返り - JX通信社エンジニアブログ
ふりかえり手法「象、死んだ魚、嘔吐」でチームの闇と向き合おう - Qiita
2万人に聞いた、2018年の最新JavaScript事情 - Qiita
さよならGAFAM：Googleやめてみる→ネット全土崩壊
北海道で2週間のワーケーションしてみたら最高だった話
コーディングを不要にする「ノーコード・スタートアップ」が注目される理由 | Coral Capital
バッドUIを改善する方法 ― UIの「5つの状態」を考える | POSTD
ポータブルなwebアプリケーションとそのインフラの未来の一考
GitHub - airbnb/javascript: JavaScript Style Guide
ユーザー体験に関連するUXデザイントレンドまとめ デザイン会社 ビートラックス: ブログ
Googleが「カースト差別」に関する講演をキャンセル、「私たちの職場にカースト差別は存在しない」と広報担当者は主張
海外旅行を変える！「Airbnb」を使った新しい旅の楽しみ方 | ライフハッカー・ジャパン
CSSでロゴのようにサイズが異なる画像を美しく揃えて配置するスタイルシートの実装テクニック
ハワイの物価 in 2024 - Chikirinの日記
システムの応答速度は本質的な価値提供であることを示す A/B テストの実例
ChatGPTで競合調査やKPIの設定をやってみよう【海外記事メモ】｜やました
もしOSに断絶があればRubyは死んでいた可能性が高い、まつもと氏がRuby25周年で講演
スタートアップの時代の終わり（そしてプロジェクトの時代）
すべてのウェブ開発者へ。人気GitHubリポジトリ9選 - Qiita
2010年に注目されたスタートアップのトップ50はその後どうなったか？
今後ECに何が起きるのか--絶対に押さえておきたい、ヤフー小澤隆生氏が語る「EC業界の未来予測」
[翻訳] Airbnb React/JSX Style Guide - Qiita
TwitterやSlackのRedux Storeを覗く
@typescript-eslint ことはじめ - teppeis blog