「プラットフォームサービスの成長を支える技術〜Web現場Meetup #4」で発表した際の資料になります。 https://pixta-inc.connpass.com/event/103943/
![Eight メンション機能の
フロントエンド実装 / Eight Mention Frontend](https://cdn-ak-scissors.b.st-hatena.com/image/square/5d86abe1a5c36d1f8ce56c90ff336d59cca82cf1/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Fcd7311e0ee1e47a4809adf8d466d264d%2Fslide_0.jpg%3F11031498)
「プラットフォームサービスの成長を支える技術〜Web現場Meetup #4」で発表した際の資料になります。 https://pixta-inc.connpass.com/event/103943/
オブジェクトベースなUIデザインの考え方が近頃注目されてきています。デザイナーとしてこれと向き合うに当たって、私なりに解釈した事柄を記しておこうと思います。 オブジェクトベースのUIとはUIデザインにオブジェクト指向の設計論を導入したものをオブジェクトベースのUI、Object-Oriented User Interfaces= OOUI などと呼ぶようです。オブジェクト指向UI、オブジェクト指向ユーザーインターフェイスと呼ぶこともあるかもしれません。そのほかにも OOUX という表記も見られますが、ここでは一貫した呼び名を定めておきたいため、便宜上 OOUI と呼ぶことにします。 私たちが普段目にするGUIは元来OOUIの思想に基づいていると考えられるのですが、中にはとても機能指向的(タスクベース)な設計で構築されたGUIが多くみられるため、特にオブジェクト指向的であるものを強調・区別す
こんにちは、@orekyuuです。 2018年11月1日〜11月2日に開催されたRubyWorld Conference 2018に「日本初のキャッシュレス即売会を支えた決済アプリ pixiv PAYの技術」というタイトルでpixiv PAYを一緒に開発している五十嵐さんと登壇しました。 内容のほとんどがinsideで紹介したpixiv MARKETを支えたpixiv PAYの裏側の焼き直しになっています。 以前のinsideで紹介しなかった内容として、タイムアウト対策についての解説も行ったので記事内でも解説します。これは、買い手のアプリがタイムアウトなどの理由で離脱したケースで、売り手と決済結果の表示が剥離する問題です。 買い手が離脱してしまった場合、Railsは200を返しますがクライアントとの接続は切れているのでnginxのアクセスログには499が記録されます。この時買い手には決済失
岡山のスーパーが、膨大なデータを分析するワケ:水曜インタビュー劇場(情報公演)(1/6 ページ) 岡山県津山市に本社を構えるスーパーが、ちょっと面白い取り組みをしている。その名は「マルイ」だ。社名を言っても、行ったことも、見たことも、聞いたこともない人が多いかもしれないので、簡単に紹介しよう。 マルイは1931年(昭和6年)に食料品店として産声をあげた。ちなみに、日本で初めて「セルフサービス方式」を導入したのは紀ノ国屋で、53年(昭和28年)のことである。セルフサービスとは、買い物カゴが備えられていて、商品に値段が表示されていて、レジがあることを意味する。「なんだよ、スーパーのことじゃないか」と思われたかもしれないが、その通りである。 というわけで、「日本で初めてのスーパーはどこ?」と聞かれたら、正解は「紀ノ国屋」である。そんな雑学を紹介しながら、話を戻す。いまでは当たり前のように感じるが
Tempus, a genomic testing and data analysis company started by Eric Lefkosky, who previously founded Groupon, debuted on Nasdaq on Friday, rose about 15% on the opening. The company priced… The tech layoff wave is still going strong in 2024. Following significant workforce reductions in 2022 and 2023, this year has already seen 60,000 job cuts across 254 companies, according to independent layoff
なぜエンジニアはアウトプットすべきなのか? “発信”が自身のキャリアにもたらすもの なぜポートフォリオが必要なのか 2018年10月9日、Forkwellが主催するイベント「日々のアウトプットが変える!あなたのエンジニア・ライフ」が開催されました。エンジニアの成長に必要不可欠な「アウトプット」。しかし、今すぐアウトプットを始めようと思っても、何をどのように発信すれば良いのでしょうか? 日頃よりアウトプットを積極的に行っている2名のエンジニアを迎え、エンジニアとして成長するためのアウトプットのコツを語っていただきます。また、エンジニア向けポートフォリオサービス「Forkwell Portfolio」を用いた、現役エンジニアのポートフォリオレビューも実施。エンジニアとしてのキャリアの作り方を語りました。プレゼンテーション「なぜポートフォリオが必要なのか」に登場したのは、Forkwellの技術顧
[レベル: 上級] SEO と相性がいい Lazyload の実装を解説するドキュメントを Google はデベロッパー向けサイトで公開しました。 3つのアドバイス ドキュメントには3つの指針が書かれています。 1. viewport 内で見えるようにする viewport 内にあるコンテンツは、必ず Google にも見えるようにしておきます(viewport は簡単に言えば、スクリーンに表示される領域)。 つまり、重要なコンテンツが viewport に入ったときは確実に読み込ませます。 IntersectionObserver API と polyfill を実装するように Google は指示しています。 2. 無限スクロールでは paginated loading を使う 無限スクロールを採用している場合は、paginated loading を実装します。 paginated
3つの単語でピンポイントで場所を伝える位置情報技術を開発したイギリスのベンチャー企業what3words(イギリス・ロンドン)は11月6日、ソニーのコーポレートベンチャーキャピタル「Sony Innovation Fund」から資金調達を実施すると発表した。金額は非公開だが、2013年の創業から今回までの累計資金調達額は4350万ポンド(約62億円)に上るとしている。 what3wordsは、全世界を57兆個のグリッドに分け、個々の位置情報を3つの単語で表現する位置情報システム。1つのグリッドは3メートル四方の正方形で、従来の住所では不可能だった細かい位置まで指定できるのが特徴。また音声入力を前提に設計しているため、日本語を含む26の言語に対応し、単語は全て意味のある言葉を用いる。例えば「いちがつ・わたくし・ねむい」という位置情報はSony Innovation Fund東京オフィスビルの
これまでベンチャー企業でBtoCのWebサービスをPMしたり、大企業で会員数が半端ないCtoC事業のWebサービス及びアプリのPMを担ってきました、たばてぃしゃちょーです。 ハンドルネームの通り社長業もやっていて、アフィリエイトでそこそこ稼いでいます。 アフィリエイトに関する過去記事はこちら。 blog.gahara.me この度、10月20日にAmazonの値下げを通知するWebサービスをイラク日報村を作ったカリスマ@alea12と一緒にリリースしました。 Amazonで安くなったら即通知 Cupio cupio.jp 競合が多数ひしめき合う中、今更Amazonのアフィリエイトwwwwwww って思うかもしれません。私も思います。 今回は企画からリリースまでにやった事となぜこのサービスを作ることになったのかを書いていきます。 スモールスタートの仕方を学びたかったり、Webサービスを作って
2018年10月4日、株式会社メルカリが主催するイベント「Mercari Tech Conf 2018」が開催されました。メルカリグループ各社が、今後目指す方向や、これから取り組む技術的なチャレンジなどを語るエンジニア向けカンファレンス。2度目の開催となる今回は「Evolution(変化)」をテーマに、エンジニアたちがメルカリの技術のこれからを語ります。プレゼンテーション「Microservices Platform at Mercari」に登壇したのは、株式会社メルカリ、テックリードの中島大一氏。メルカリのアーキテクチャをモノリスからマイクロサービスに分割した理由について語りました。講演資料はこちら メルカリがマイクロサービスを選んだ理由 中島大一氏(以下、中島):マイクロサービスプラットフォームチームでテックリードを務めています、中島です。よろしくお願いします。 今年のMTCのメインテ
本稿は(序)(破)(Q)のシリーズの3番目の記事になります。 本稿では前回(破)で説明したAtomic Designを導入する際に工夫した点をふまえた実装例をJSフレームワークを使用する場合と使用しない場合の2つの場合について紹介します。 シリーズ(序)ではAtomic Designの概要 シリーズ(破)ではAtomic Designの導入に際して工夫した点 について説明していますので、そちらをご覧ください。 実装例題材 下のサイトテンプレートを題材に実装していきます。 https://html5up.net/prologue シチュエーションとしては、デザイナーからもらったデザインカンプをエンジニアが実装する想定で説明します。 コンポーネントの分割 エンジニアはデザインカンプをAtomic Designのコンポーネント単位に分割していきます。 コンポーネントの分割フロー図は(破)で以下の
みなさん、こんにちは! バックエンドエンジニアになりたてRyutoooooです! Part1に続き、ZEALSエンジニアの開発・作業環境についてPart2です! では前回のおさらいから 「弘法筆を選ばず」ということわざをご存知ですか? 能書家の弘法大師はどんな筆であっても立派に書くことから、その道の名人や達人と呼ばれるような人は、道具や材料のことをとやかく言わず、見事に使いこなすということ。 下手な者が道具や材料のせいにするのを戒めた言葉。 下手な者が道具や材料のせいにするのを戒めた言葉。。。 つまりエンジニアに置き換えると、スペックの悪いパソコンを使ったり、劣悪な環境であろうといいコードを書かなくてはならない… なかなか厳しいですね(´・ω・`) エンジニアにとっては生産性が命!!! 自分が常に最大のパフォーマンスを発揮できるよう自分が作業する環境を整えますよね。 というわけで自分の知ら
Vue Fes Japan 2018に参加してきました。 vuefes.jp 会場A 会場B キーノート Evan You - Next-level Vue Animations Sarah Drasner Vue.js と Web Components のこれから Takanori Oki Vue Designer: デザインと実装の統合 katashin Unit testing a Vuex store Edd Yerburgh Atomic Design のデザインと実装の狭間 菅原 孝則 Nuxt.js 2.0 Sébastien Chopin A deep dive in SFC compilation Rahul Kadyan note のフロントエンドを Nuxt.js で再構築した話 福井 烈 Vue CLI 3 and its Graphical User Interf
ビジネススクールを運営するグロービスが積極的なエンジニア採用に乗り出している。写真は同社にエンジニア第1号で入社した末永昌也さん(右)と、2017年に入社した田邉裕貴さん 1992年にマーケティングの講座を始めたのを皮切りに、2006年に経営大学院を開学するなど、今では社会人向けのビジネススクールとして大きな存在感を誇るグロービス。セミナーを受講したり、関連書籍を読んだりしたことのあるビジネスパーソンも多いのではないだろうか。 そんな同社は16年、ビジネスをさらに発展させるべく、大きな組織改革、事業変革を断行した。初めてリードエンジニアを採用したのだ。それ以降、後手に回っていたビジネスのデジタル化を支えるITエンジニア、デザイナー、データサイエンティストを積極的に採用し、たった数年で50人規模に。離職率は極めて低く、プロダクトの開発だけでなく既存ビジネスの業務効率化も実現するなど、期待以上
小学1年生の手書き文字を元に作られた、「全児童フォント(フェルトペン)」が公開されました。字を覚えたての子どもが背伸びして漢字に挑戦したような、たどたどしい字体にほっこりさせられます。 童心を思い出させる字体 価格は1410円(税込)で、JIS第二水準漢字やIBM拡張文字などを含む、6700文字以上を収録。元が「小1ががんばって書いた字」なので、“オリジナル漢字”も多数混入しているとのことです。 同時に、収録された漢字が教育漢字(1006文字)のみの無料版も公開。こちらでも難しい漢字の表示は可能なのですが、子どもが描いた“黒いソフトクリーム的な何か”が上乗せされるので、公的な文書に使う際は注意が必要です。こんな無料版・有料版の差別化、今までにあっただろうか。 有料版は、筆致こそおぼつかないものの、難しい漢字もしっかり表示 無料版の場合、小学校では習わない漢字全てに、ンコっぽい落書きが乗せら
前回のエントリ↓のつづき。 blog.a-know.me Pixelaを作り、運用するにあたって、「今までやったことなかったけど、今回は絶対にやってみよう」と思っていたことがあって、それが「利用規約の整備」と「GDPRにちゃんと向き合うこと」だった。 なお、以下の文章は「ごく最近に "利用規約" というものに向き合い始めたばかりのド素人」が書いているものであり、その正確さ等については一切保証できません。が、「今回僕はこうやった」ということについて書いてあるため、もし誤解や不足、問題点などがあればぜひご指摘いただきたいです。プログラミングといっしょで、問題点をひとつずつ直していくことを通じて "安心して使ってもらえる・運用していけるWebサービス作り" を上達していきたい、という気持ちがあります。 なぜ取り組もうと思ったか? 僕はとにかく意識が低くて、GDPRが施行されるという今年の5月下旬
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く