[B! pixiv] y-kobayashiのブックマーク

BOOTH iOSで購入完了時にLottieのアニメーションを実装しました！ #booth #booth_pm - pixiv inside

おばんです、Oxygen Not Includedにハマってしまって、年末年始を溶かすことが確定している田中です。先日リリースしたBOOTH iOS v2.18.0から購入完了時にアニメーションが再生されるようになりました。今回はその実装に関する話として以下をまとめていきます。作ったもののドヤリング Lottieとは BOOTH iOSの購入完了アニメーション実装のざっくり解説アニメーションの実装時にハマったポイントの解説作ったもののドヤリングドヤアアアァァァァ！実装に踏み切った経緯としては、「もともとのBOOTHの購入完了画面が殺風景だった」&「これから機能改修が入る」という話があり、機能改修に合わせてデザインもハレ感を出して修正しよう！となったことからでした。購入するという大切な瞬間をよりリッチなアニメーションによって演出してあげたい想いと、創作好きのユーザーを相手にし

y-kobayashi 2019/03/08

リンク

Flutterで社員研修用のアプリを作った話 - pixiv inside

みなさんはじめまして。初めてじゃない方はお久しぶりです。ピクシブでAndroidアプリエンジニアをしておりますconsommeです。ピクシブでは基本的に年一回、社員同士の交流を深めるという目的のもと、社員研修を開催しています。2018年は2泊3日の沖縄研修が計画されました。そのなかで研修運営チームから「社員研修で使うアプリを作れないか？」という相談を受けました。研修中は基本的にチーム行動になるので、自分のチーム以外の人が何をしているかがわかりづらい。それなら各自で研修中に撮った写真を共有して、みんなで楽しめれば社員同士の交流につながるのではないか、そのためのアプリが欲しい、とのこと。そう言われるとアプリエンジニアとしては作らないという選択肢はありません。ぜひやりましょう、ということで、社員研修を盛り上げるためのアプリを開発することになりました。システム構成アプリ側アプリはFlu

y-kobayashi 2018/10/10

リンク

技術書籍の販売URLで採用応募が完了する特別エントリーをスタートしました - ピクシブ株式会社

特別エントリーとは、自己PRや詳細な学歴などの項目を無くし、自分がこれまでコミットしてきた”創作活動”にスポットを当てたエントリーです。自身のGitHubアカウントや、自身に関する情報が掲載されたメディアのURLをご記入いただくことで応募が完了します。特別エントリーフォームこの度、さらに技術書執筆を特別エントリーの対象に加えました。執筆に携わった技術書の販売ページURLをご記入いただくことで採用応募することができます。採用形態は、新卒、中途、アルバイト、インターンを問わず、全てを対象としています。対象の技術書は、出版社から発刊された書籍だけではなく、個人やグループによる技術同人誌でも応募可能です。技術同人誌は、創作活動がより楽しくなるショップ作成サービス「BOOTH」で簡単に通販・ダウンロード販売をスタートできます。 BOOTHでは、すでに数多くの技術書がBOOTHに出品いただ

y-kobayashi 2018/04/27

採用
pixiv

リンク

既存アプリにData Bindingを導入してみて - pixiv inside [archive]

こんにちは。Android Studio 2.0の正式版が待ち遠しくてたまらない @rooandqoo です。最近、今関わっているAndroidアプリ「pixivマンガ」にData Bindingを導入したので、所感をお話します。 Data Bindingとは Google I/O 2015で発表された機能で、XMLに書いたViewのプロパティをバインドしてくれるスグレモノです。従来は、たとえばfirstName と lastNameというプロパティを持つ User というモデルを定義し、画面に2つのプロパティを表示する場合、レイアウトファイルとActivityのコードは以下のようになっていました。 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com

y-kobayashi 2017/08/07

リンク

二次元から三次元を作る方法 — サーバ内でBlenderを動かしてみたら意外にもイケていたという話 - pixiv inside [archive]

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

y-kobayashi 2017/04/08

リンク

Go製サーバーを開発・運用して〜ピクシブ新広告配信サーバー〜 // Speaker Deck

キャリアを充実させる『カギ』に！PR TIMES CTO金子達哉から学ぶアウトプット術 / output_method

y-kobayashi 2014/12/09

golang
pixiv

リンク

ピクシブ新広告サーバー構築物語

ピクシブ2014夏インターン講義資料構成だけでなく失敗談なども書いてあります

y-kobayashi 2014/09/05

ad
pixiv

リンク

pixivの開発・デプロイ環境の変遷（2014年春版） - pixiv inside [archive]

こんにちは。最近社内で「実践F#」読書会を始めた@edvakfです。関数型言語というだけで特に理由なくF#を選んだのですが、弊社のウェブエンジニアの方々がF#にまったく興味が無いことを痛感しました。目下少数精鋭で進行中です。さて、F#読書会とは別の曜日になりますが、pixivというアプリケーションを開発する上でのプロダクティビティを上げることを目指した「エンジニアリングプロダクティビティ向上ハッカソン」を2013年の後半から始動し、かれこれ半年近く続けています。昨日 Immutable Infrastructure Conference #1 に参加してきたので、今日はpixivの開発環境やデプロイ環境がこの1年でどう変わったかを振り返ってみたいと思います。 2012年まで僕が入社した2012年はちょうどsvnからgitへの移行期でした。pixivにはPC版ウェブサイトであるwww.

y-kobayashi 2014/03/26

リンク

Inside pixiv's infrastructure〜application cluster side〜

15.7.11 HiRoshima.R #4 Lightning Talks @imyuaotiの発表資料です。 ※注意※（2015.7.19追記） Rでは処理速度が遅いという理由で for関数の使用は避けるべきと考えられています。本来は，処理を高速化をしたい場合，以下をうまく活用してください。・apply関数・foreachパッケージ，pforeachパッケージ【参考資料】「勝手に添削：for関数を使った繰り返し処理によるヒストグラムの一括出力 #rstatsj」 http://qiita.com/hoxo_m/it ems/5127c31f3eafd6be7428 （hoxo_mさんに本スライドの内容を添削してもらいました！）「for を捨てよ、foreach を書こう」 http://www.slideshare.net/hoxo_m/for-foreach 「R で超簡単

y-kobayashi 2013/09/14

pixiv

リンク

pixivにアクセス解析機能が付きましたよ（前編） - pixiv engineering blog

こんにちは。UI大好きフロントエンド担当の@ykskです。主な仕事はコメントを書くことです。。さて、先日pixivにプレミアム会員限定のアクセス解析機能が付きました。プレミアム会員の方はこちらからご自分のレポートを見ることがきます。会員でない方はこちらに登録ページが、また、こちらにサンプルページがあります。主な機能は現在のところ以下の通りです。イラストの全作品とそれぞれの作品についての閲覧数、総合点/評価回数、コメント数、ブックマーク数と被フォローユーザー数を直近1週間のグラフで見ることができる作品のリファラー（pixiv内外のどこから訪問されたか）を見ることができる最近反応のあった作品のリストを見ることができる今回僕はUIの設計とJS、HTML、CSSの実装を担当したのですが、その際メイン機能のグラフを描く部分ではD3というデータのビジュアライズに特化したライブラリを使ってみ

y-kobayashi 2013/07/13

リンク

pixiv.comの構成 - pixiv engineering blog

こんにちは。休日のゲームライフを充実させるため、せっせとエンジニアリングブログを書いています、ソフトウェアエンジニアのサイリュムです。今回はpixiv.comのサーバ構成について簡単に紹介したいと思います。国際版 pixiv.comのウェブアプリケーション部分はRuby on Rails 3.2系で作成しています。ユーザとのやりとりを行うフロントエンド部分はRailsに任せ、データのやり取りや複雑なロジックは後述する内部APIに任せています。 nginx + unicorn Rackサーバにはunicornを使っており、nginx + unicornな構成を取っています。 nginxとunicornはunix domain socketで通信を行うようにしています。WEBアプリケーションサーバに乗っている静的なコンテンツはnginxが返し、動的ページへのリクエストはRailsが処理

y-kobayashi 2012/11/09

pixiv

リンク

pixivのデータストア/キャッシュ戦略その3 - pixiv engineering blog

HHKB Professional Type-Sが欲しいインフラ兼ソフトウェアエンジニアのbokkoです。普段はHHKB Proの日本語配列キーボードを愛用しています。英語配列は苦手です。このことを同僚のエンジニアに言うとジト目で見つめられ・・・睨みつけられること請け合いです。本連載の最後となる今回はpixivのデータストア/キャッシュ戦略を支える周辺ミドルウェアについて解説していきます。 memcachedからKyotoTycoonへ移行した際に発生した問題前回の記事の最後にもあったようにpixivではAPの数だけあったmemcachedへのリクエストを少数のKyotoTycoonにまとめたことで一部のKyotoTycoonサーバへのTCPコネクション数が爆発してKyotoTycoonサーバのCPUやメモリリソースには余裕があるのにネットワークで詰まるという問題が起こりました。元