クリエイターの創作活動を支えるファンコミュニティ「pixivFANBOX」

こちらは ピクシブ株式会社 Advent Calendar 2014 の12/16の記事です。 こんにちは、エンジニアの@dnskimoです。 先日、はじめてCORSを実装する機会があったので、覚書がてらまとめておきたいと思います。 CORSとは Cross-origin resource sharingの略です。 読み方は「コルス」でいいんでしょうか？ Same-Origin Policyに弾かれずに、異なるドメイン間でリソースを共有する仕組みです。 2014年1月にW3C勧告になり、JSONPに替わる方法として徐々に普及してきているようです（要出典）。 アクセスコントロールの仕様も定義されているので、特定のサイトからのみ利用可能なAPIを作る際などに便利です。 JSONPのような「裏ワザ」的な方法ではないところも個人的に好みです。 詳しいことはネット上に素晴らしい記事がたくさんあるので

ピクシブ主催のWebディレクター向けイベント「DIRECTORs' SCRAMBLE」の第2回が、2017年7月20日、代々木のピクシブオフィスで開催されました。 ピクシブ株式会社、ヤフー株式会社、株式会社マッチングエージェント（※ 発表順）のディレクターのLTを前編にてお届けしましたが、後半ではパネルディスカッション「あなたの悩みも解決する…かも？ ディレクターお悩み100本ノック！」の内容をご紹介します。 事前に参加者からディレクション業務に関するお悩みを聞いたところ、120個以上のお悩みが集まりました。 ▲実際に集めたディレクション業務のお悩みリスト。集まった120個以上のお悩みはこちらのスプレッドシートにまとめています。 今回は、同イベントに登壇したヤフー株式会社善積さん、株式会社マッチングエージェント新居さん、ピクシブ株式会社高橋に集まった質問に対して答えていただきました。 （※

pixiv SketchでSSRしている感じの話です

ピクシブに、ピクセルグリッドのエンジニアが遊びに来ました！ 「Webデザイナー/コーダーのための HTML5コーディング入門」や「CSS3デザイン　プロフェッショナルガイド」などの執筆、WebGL界隈でも活発に活動している小山田晃浩(yomotsu)さん。「プロクリエイターの作例に学ぶ XHTML+CSS達人テクニック (Web Designing BOOKS)」の執筆、「入門 HTML5」の監訳をされた、日本を誇るWeb標準マニアの矢倉 眞隆(myakura)さん。ng-kyoto/ng-japanで活動している奥野 賢太郎(83)。html5jのスタッフ中島 直博(jimag)さん。 今、千駄ヶ谷を爆発させたら、日本のJavaScript力がかなり減るんじゃないでしょうか…！ この日は、社内のエンジニアの間で社内勉強会が開かれていまして、せっかく遊びに来たし喋らせてくれと、83さんが飛

小芝敏明がピクシブの"開発本部長（VP of Engineering）"に就任。小芝敏明とはどんな人物なのか？これからピクシブをどのように変えるのか？その想いを聞いてみましょう。 この2年間、"開発文化を創る"というチャレンジをしてきた "古き良き時代から来ました。真面目なSE、真面目にSE" @bash0C7こと小芝です。どうぞ、よろしくお願いします。 ── 小芝さん、メディアでもブログでも、毎回その挨拶ですね。どういう由来が！？ 自分の職業を一言で表現するなら「システムエンジニア」という言い方がフィットすると考えてます。広義のシステムを扱う仕事が自分の天職と思っていて、そのように名乗りも使っています。言い回しはソロアイドルの寺嶋由芙さんインスパイアです。 ── 仕事の活動だと、今のピクシブの広告配信プラットフォームを手掛けたり、RubyKaigiの運営に関わるなど、最前線のエンジニアと

こちらは ピクシブ株式会社 Advent Calendar 2016、13日目の記事です。 こんにちは！4月からピクシブに入社したエンジニアの@_ragg_です✨ メンテナンスチーム・pixivFACTORYチーム・pixivFANBOXチームを旅して、デザインをかじったりフロントエンドを触ったりしています、3代目社内旅行エンジニアですね！ さて、今回はHTML5 Canvasに実装されつつあるOffscreenCanvasと、Web Workerについてお話しします。まだ日本語文献の少ないアツアツのネタです🔥🔥 OffscreenCanvas #とは OffscreenCanvasは、「画面に表示されないCanvas」です。 かつて CanvasProxy と呼ばれていたのをご存じの方もいると思います、まさにそれです。 「画面に表示されないCanvas」は、「表示前に何段階か画像の加

お客様各位 さくらインターネット株式会社 平素よりさくらインターネットに格別のご愛顧を賜り、誠にありがとうございます。 さくらインターネットはイラスト投稿・交流サイト「pixiv」を運営する ピクシブ株式会社と業務提携を行い、本日2016年12月13日より、画像処理や画像配信にお いて必要となる画像変換機能とコンテンツ配信をワンパッケージ化したサービス 「ImageFlux（イメージフラックス）」を提供開始します。 また、サービス契約前に全ての機能を試すことができる「無料トライアル」を併せて提 供します。 「ImageFlux」は、お客様が任意のストレージに保存している画像のオリジンデータを、 URLにパラメータを指定することで画像変換処理を行い、変換後の画像をサーバーに キャッシュし高速配信を可能とするサービスです。Webやモバイル上のコンテンツ運営で 重要な画像処理および画像配信におい

（ピクシブ株式会社 Advent Calendar 2016 12日目の記事です） qiita.com こんにちは、エンジニアの id:geta6 です。普段は主にpixiv Sketchの開発などに携わっています。 さて、先日ISUCON6の本選が開催され、ISUketchというReactを使ったお絵かきサービスが話題になったかと思います。 この問題で採用されたアーキテクチャは『pixiv Sketch』のアーキテクチャを参考にしたものとなっています。 パフォーマンス等に関しましては本選の感想として良質な記事がいくつも執筆されていますのでそちらに譲るとして、今回はこのアーキテクチャの設計意図や利点について話します（2年前のリリース当初からずっとこの構成なので今さら感はありますが）。 どういうアーキテクチャか pixiv SketchのWeb版は、2つのサーバーから構成されています。 1つ

ピクシブ株式会社 Advent Calendar 2016 @8日目の記事です。 こんにちは、エンジニアのdo7beです。pixivFANBOXの開発などに携わっています。 さて、今回は新規開発プロジェクトに「割れ窓理論」を導入してサービスのクオリティ向上に繋がった話をご紹介したいと思います。 割れ窓理論とは 「割れ窓理論」とは、アメリカの犯罪学者ジョージ・ケリング氏が提唱した「建物の窓ガラスが割れたまま放置されると住民もゴミを捨てるようになり、治安が悪化し、より重大な犯罪が発生してしまう」という理論です。 つまり軽犯罪を取り締まることこそが、重大な犯罪を防ぐために重要であることを指しています。 私たちのチームではこれをWebサービスの新規開発プロジェクトに取り入れています。 WEBサービスにおける割れ窓は「軽度のデザイン崩れ」や「表記ゆれ」に、重大な犯罪は「バグ」や「全体のクオリティ低下

pixiv Advent Calendarが今年も始まりました！ この12月、ピクシブ株式会社に新しい執行役員が2人誕生しました。今回はCTO（最高技術責任者）の高山とCCO（最高文化責任者）の川田に、今後の抱負などをうかがってみました。 （※ 左: CCO 川田 寛、右: CTO 高山 温） ――まずはお二人の自己紹介をお願いします。まずは高山CTOから。 高山　このたびピクシブ株式会社CTOに就任しました、高山（@edvakf）です。僕はpixivに入る前はイギリスとカナダで物理を学んでいて、26歳で大学院中退という、かなり異色な経歴でした。当時は大学をサボってJavaScriptばかり書いていまして、Webプログラミングを仕事にしようと思い、2012年3月に入社しました。 ――入社してからはどんなことを担当されていたのでしょうか。 高山　入社後はpixiv本体のPHPを書いたり、「p

開発マネージャのbash0C7です。 去る12/11〜13の3日間、東京・汐留でプログラミング言語Rubyに関する国際的なカンファレンスであるRubyKaigi2015が開催されました。 ピクシブは最上位のRubyスポンサーとして、このカンファレンスの開催を支援しました。 スポンサードにあたって、お金だけでなく、実際に会場で場を盛り上げることにも貢献したいと思い、仲間たちと工夫を凝らしてみました。 *1 この記事はピクシブ株式会社 Advent Calendar 2015 14日目の記事です。 ピクシブとRubyKaigiの関係 ピクシブでは様々な技術を駆使していますが、Rubyも2011年以来様々なプロダクトで活用しています。 RubyKaigiにはスポンサーとして2013年以来Rubyスポンサーを務めている他、わたしが今回のOrganizerの一人としてコミットしています。 また、かつ

ピクシブでは「ポエム」によって開発が駆動しています。前回は、「⁠ポエム」によって気軽な情報共有とそれを題材とした議論が活発に行われるようになった経緯についてお話ししました。現在では、esa.ioは実際の業務ツールとしてもう一段深く利用されるようになってきています。第4回は、現在のプロジェクト進行について、esa.ioがどのようにピクシブ社内で利用されているかについて紹介します。 プロジェクトと共に「ポエム」が書かれる時代 ピクシブではesa.ioというツールを利用しています。導入時におけるエンジニアの尽力や、会社組織の拡大を背景に、esa.ioというツールは社内に受け入れられました。また、idobataという社内チャットツールに投稿した「ポエム」が流れてくることで、開発メンバーだけでなく、社内のメンバー全員に最も読まれ、投稿されるドキュメント共有ツールとして働くようになりました。社内Wik

こんにちは、エンジニアのみどです。 ピクシブは、イラスト1枚で簡単にオリジナルグッズが作れるサービス pixivFACTORY を開発しています。 そのpixivFACTORYのプレビューに焦点を絞った勉強会を社内で行いました。 今回は、その勉強会の内容を公開したいと思います。 プレビューとは pixivFACTORYでは、グッズの仕上がりのイメージを確認する機能を提供しています。 この機能は、チーム内でプレビューと呼ばれていて、pixivFACTORYの売りのひとつになっています。 今回の勉強会では、ピクシブのエンジニアがこのプレビューに関する技術やノウハウについて発表を行いました。 pixivFACTORYのプレビューを支える技術 まず、私がアプリケーションサーバ側の処理について発表しました。 ImageMagickやBlenderといったソフトウェアをどのように使い分けているかが見所

この連載ではピクシブ株式会社という東京にある事業会社で盛んになっている「ポエム」によって駆動する開発について、その特徴をお話します。第一回は舞台となっているピクシブという会社はどのような環境か、その会社で書かれている「ポエム」とは何なのかをお話します。 「ポエム」で開発を駆動するとは 駆動開発という言葉はソフトウェア開発文脈でよく使われます 例えばテストコードによって開発を駆動するテスト駆動開発という言葉は開発者にとってお馴染みでしょう。 ではポエム駆動開発という言葉を聞いた事はあるでしょうか？ ポエム駆動開発のオリジナルはppworks氏によるポエム駆動開発によるWEBサービスの作り方 pplog誕生ものがたりというエントリーで発表された手法です。 意思決定の際大事なのはポエムなのです。「⁠pplogのポエムは俺たちのゆるふわインターネット「pplog⁠」⁠ をリリースしました（してまし

開発マネージャの bash0C7 です。 何かの比喩ではなくタイトルの通り、ピクシブから飛び出て新しいフィールドでのチャレンジに軸足を移す決断をしました。 広くお知らせしたい事柄があるため、このブログにてこれからのチャレンジについて書かせていただきます。*1 自己紹介 2013年秋に技術職として中途入社し、2014年以後は開発マネージャとして働いてきました。*2 キャッチフレーズは「古きよき時代から来ました、まじめなSE、まじめにSE」です。 P-1グランプリ2014で審査員を務めていただいた寺嶋由芙さんリスペクトです。 ピクシブでのエンジニア仕事としては、入社以来、広告技術担当としてピクシブにおけるアドテクノロジー領域を中心にコミットしてきました。大きな仕事としてはRubyとGolangによる広告配信システム開発があり、RubyWorld Conference2014などで事例と技術情報

ねーちゃん！あしたって今さッ！　くしいです。 今回で103記事目の「行ってきたシリーズ」において初となる「同じ所在地に足を運んだ三回目」のエントリです。増床したうえにアイドルがいるという謎情報を頼りに行ってみたけど、いやはや凄い。ピクシブ大好きっこみたいに見えるけど実際けっこう好きです。 前に行ったのはこちら。 あらかじめざっとご覧いただいておくと今回の内容がスッと入ってくると思われます。 ▼ピクシブ株式会社 に行ってきた！ ▼ピクシブ株式会社が超広くなったらしいので行ってきた！ というわけでもう会社紹介とかいいよね！いくぞー！ まずは以前と同じフロアから。巨大絵馬ふえましたね。 ==== 通常サイズ絵馬もだいぶ増えましたねえ ※公開から3ヶ月以上経過した特定の記事は有料となっている場合があります この続きはcodocで購入

ISUCON4 で準優勝した @catatsuy です。 賞金の使い道はまだ考えていません。 ところでピクシブ株式会社では冬インターンをやります！ エンジニア向け　pixiv開発のbugリストからの脱出！エンジニア職インターン - ピクシブ株式会社 採用サイト ISUCON4 の予選問題を解くだけでインターンに参加できるチャンスなのでぜひ挑戦してみてください！！1 pixiv/intern2014w この記事は当初はアドベントカレンダーの記事にする予定でしたが，今が旬だと圧力をかけられたので今公開します。 なおこの記事は ピクシブ株式会社 Advent Calendar 2014 - Qiita の -17 日目の記事です。 今までの社内ツールの認証は各サーバーに設定されていたために退職者などの対応が非常に大変でした。そこで最近のピクシブ株式会社では typester/gate を導入する

インフラチームの @catatsuy です． 去年非エンジニアの新卒にプログラミング研修というのをやりました． 非エンジニアの新卒にプログラミング研修を行いました - pixiv inside [archive] 縁あってこの研修の内容を書籍化しました． pixivエンジニアが教えるプログラミング入門 (星海社新書) 作者:金子 達哉星海社Amazon Amazon では 2015/03/26 に発売されるそうです． 非エンジニア向けということで手軽に手に取れるように技術書ではなく新書として星海社さんから発売されます．内容は実際にやったプログラミング研修を同じく実際に Mac 上で動く画像投稿掲示板を作ってもらうという内容です．実際に作る画像投稿掲示板のコードは以下に公開しています． catatsuy/sinatra_keijiban 以下の様な読者が対象読者であることを本書の『はじめに』

こんにちは。最近は仕事でScalaを書いてるのでついつい仕事を満喫してしまっている@edvakfです。Scala楽しい。 今日は最近転職した同僚を訪ねてFablicさんにお邪魔させていただきました。 めっちゃ突然の訪問でしたがお寿司やビールまで用意していただき本当にありがとうございました。 pixivの良くも悪くもウェブ的というか Release early, Release often なところとは違って、Fablicさんは徹底的にプロダクトの質を高めているところが伝わってきて、ものすごく刺激的だと思いました。 それより一番印象に残ったのは、Fablicさんは遅刻とかいう概念の無い完全裁量労働制だそうで、このような会社がもっともっと業界をリードしてくれると嬉しいです！ 今年は他社訪問をもっとやっていこうと思った理由 考えてみるとエンジニア（に限らずですが）の横のつながりというのは多ければ