メディア統括本部・技術横断室の谷です。組織横断の活動しながら、AmebaやAmebaマンガという事業に関わっています。実務としては、コード実装をメインに、UI設計やUX設計、最近ではユーザーインタビュー等のリサーチ業務をおこなっています。 この記事では私が立ち上げから2年くらいかけて関わってきたAmebaのデザインシステムについて、その全貌を解説します。 そして本日からデザインシステム「Spindle」のサイトを試験的に一般公開します。詳しくは記事後半にて。 まず前段のお話として、Amebaという事業について説明させてください。 Ameba事業の概要 Amebaはブログサービスであるアメーバブログを主としたサイバーエージェントのメディア事業の1つです。 多くの人はおそらく「アメブロ」や「ピグ」の印象が強いですが、関連事業やサービスとしてはマンガや占い、ニュースなど色々と展開をしています。
Spindle
Amebaのサービスを通じて、発信者や閲覧者といったユーザー、広告主や取引先といったパートナーとの接点において一貫した振る舞いをするためにどうあるべきかを「原則」として明記します。 「原則」は私たちを強く縛るルールではありません。良い信頼関係を築くために守りたい「約束事」です。
Spindle UI | Figma
Spindle UIについて Spindle UIとは、 CyberAgentが提供するブログサービス、「Ameba」のデザインシステムである「Spindle」に内包されたUIライブラリの総称です。 Spindle UIは、「Ameba」に属する者がAmebaらしさを一貫して体現するために必要な必要十分な共通Component郡で、その全てが「Ameba」のブランド指針に準拠するものです。 「Ameba」の開発者はSpindle UIを参照し、共通化されたライブラリから任意のComponentを再利用することができます。 また、Spindleコントリビューター(通称 : Spi...
Spindle UIのつくりかた / Spindle UI: From Concept to Creation
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
spindle-localproxy というローカルHTTPプロキシを開発しました【Part2】 - セキュアスカイプラス
こんにちは、SSTでWeb脆弱性診断用のツール(スキャンツール)開発をしている坂本(Twitter, GitHub)です。 普段は診断向けのスキャンツールを開発していますが、今年(2019年)の3月～8月にかけて、SST内部で使用する独自ローカルHTTPプロキシ「spindle-localproxy」を開発しました。 本記事(Part2)では公開しても差し支えない範囲で技術的な内容を紹介します。 開発の経緯や簡単な機能説明については、 Part1 を参照してください。 (以下、特に断りがない場合は「ローカルHTTPプロキシ」を「HTTPプロキシ」と表記します。) Part2. 技術的な内容紹介 今回開発したHTTPプロキシは、診断サービスの事前調査における画面遷移図作成をサポートする社内ツールになります。 Part2 では技術選定や要件で考慮したポイント、HTTPプロキシの実装とWebSo
先日会社のブログにて、僕が関わっているAmeba事業のデザインシステム「Spindle」の紹介と、SpindleのWebサイト公開をしました。 公開したとは言っても、まだ社外に公開するにあたって整えきれていないコンテンツなどはまだ出せていないですが、公開に足る最低限のところまでは整えられたかなと思います。引き続き、改善やコンテンツの充実を進めていく予定です。 さて、記事の内容は広報的に整えましたが、そこで書ききれなかったことや、その他の裏側っぽいところを残しておこうかと思います。 アメブロとはある種の競合ともいえるnoteで書くのはやや背徳感もありますが、まぁそれはそれで。 この一歩を実現するには恵まれた環境だった先ほどの記事では偉そうに僕が色々と書いてはいるものの、大元のブランド設計や、その中身の設計や開発のところは強力なメンバーが居たおかげや、事業としてのタイミングの良さのおかげでした
野田聖子さんの旦那さんである木村文信さんはどのような方だったのか。【名誉毀損裁判は無事に勝利したのですが、裁判の中で明らかになったことを報告します】GACKTコイン／SPINDLE（スピンドル）
決して選挙をにらんだ「仕込み」などではありません。 やまもといちろう主宰経営情報グループ「漆黒と灯火」（10人限定で募集中です！） https://yakan-hiko.com/meeting/yamamoto/ やまもといちろう公式メルマガ「人間迷路」（新規購読者受付中！） https://yakan-hiko.com/kirik.html やまもといちろうオフィシャルブログ https://lineblog.me/yamamotoichiro/ やまもといちろうYahoo!個人記事一覧 https://news.yahoo.co.jp/byline/yamamotoichiro/ やまもといちろう文春オンライン記事一覧 https://bunshun.jp/search/author/%E5%B1%B1%E6%9C%AC%20%E4%B8%80%E9%83%8E 山本一郎F
プリン | THE SPINDLE ザ・スピンドル | カフェ | 日比谷 - ネットに影響される人の日記
日比谷で映画を観たあとの糖分補給です。固そうに見えて実はなめらかタイプです。レクサスのカフェてすがレクサスには縁のない人生です。 奥久慈卵のカスタードプリンです。うまい。 ごち。 lexustokyo.jp
こんにちは、ZABOU坂口です。 本日の恰好です。 毎度ながらレザーのGジャンにジーンズ、ハイカットのコンバースと、捻りなしのアメカジコーディネート。 正に考えることを放棄した男のコーディネートです。 特にこちらのペインターの味気ない色落ちも、ほぼほぼ家で穿いているからか、ジンワリと何とも言えない色落ちに仕上がっております。 では何故外で穿かないのか。そんなに気に入っているのであれば外で穿けば良いのではないか。 こうなりますよね。 答えはラクチン過ぎて。 外でも穿きますが、自宅と外の区別がつかなくなるくらい、両方で穿いております。 遊びに行くつもりで仕事にいき、仕事に行くつもりで遊びに行く、みたいな。 頭がおかしくなりそうです。 という訳で、本日はこちらのご紹介です。 N.O.UN（ナウン） SPINDLE DENIM セルビッジ N.O.UN（ナウン） SPINDLE DENIM セルビ
Amebaデザインシステム「Spindle」一貫性構築のための理論 | CA BASE NEXT - CyberAgent Developer Conference by Next Generations
2004年に開始したブログサービス「Ameba」は、16年以上の歳月を経て発展と同時に負債も多く抱える様になっていました。そこで昨年、構築したデザインシステムが、紡錘体という意である「Spindle」です。「Spindle」はAmebaが「生きたコンテンツを紡ぐ」というビジョンを追求できるための土台となるよう、徹底してブランド観点やインターフェース観点の追求を行いました。今回はその中でインターフェース構築のデザインリードを行った自分が、パターンライブラリの設計過程のお話を通してデザインシステムがサービスにもたらす価値についてお話しします。
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
spindle-localproxy というローカルHTTPプロキシを開発しました【Part1】 - セキュアスカイプラス
こんにちは、SSTでWeb脆弱性診断用のツール(スキャンツール)開発をしている坂本(Twitter, GitHub)です。 普段は診断向けのスキャンツールを開発していますが、今年(2019年)の3月～8月にかけて、SST内部で使用する独自ローカルHTTPプロキシ「spindle-localproxy」を開発しました。 本記事(Part1)では開発の経緯や簡単な機能説明などを紹介します。 後日公開のPart2では、公開しても差し支えない範囲で技術的な内容を紹介します。 (以下、特に断りがない場合は「ローカルHTTPプロキシ」を「HTTPプロキシ」と表記します。) 3行でまとめ: 業務課題解決のためには独自のローカルHTTPプロキシツールを作るのが良さそう。 作ってみた。（作りきれなかった機能もあった） 好評っぽい。業務課題も全部ではないが大分解決できたっぽい。（作りきれなかった機能含めて）俺
南国大学のまさゆきです！ もうすでにかなり有名になってしまいましたが・・・ GACKTが仮想通貨のスピンドル(SPINDLE)のリリースを電撃発表したことが大きな話題を呼んでいますね。 スピンドル(SPINDLE)のICOはいつなのか、スピンドル(SPINDLE)はどのような仮想通貨なのか、GACKTとスピンドル(SPINDLE)はどのような関係性なのか、今後とても大きな話題性を呼びそうな仮想通貨ICOにると思われるので、スピンドル(SPINDLE)についてまとめて行きます！ ※仮想通貨取引所の口座開設をまだしていない方はまずこの４つの口座を必ず無料開設しておこう。 仮想通貨スピンドル(SPINDLE)とは？ スピンドルとはGACKTが事業として発表した仮想通貨のコイン名である。 SPINDLEとは直訳すると、回転軸という意味であり、経済や金融、仮想通貨業界の軸になるという意味が込められて
【バックにはアカン人たちが！？】本田圭佑さん、仮想通貨「KSK HONDA コイン」を発行。GACKTさんのやらかしたSPINDLE臭がすごいわけですが、これは逃げ切れるんでしょうか……
とにかく早めに「ごめんなさい」するのをオススメしたいと思います。 やまもといちろう公式メルマガ「人間迷路」（新規購読者受付中！） https://yakan-hiko.com/kirik.html やまもといちろう主宰経営情報グループ「漆黒と灯火」（次期募集は未定です） https://yakan-hiko.com/meeting/yamamoto.html やまもといちろうオフィシャルブログ https://lineblog.me/yamamotoichiro/ やまもといちろうYahoo!個人記事一覧 https://news.yahoo.co.jp/byline/yamamotoichiro/ やまもといちろう文春オンライン記事一覧 https://bunshun.jp/search/author/%E5%B1%B1%E6%9C%AC%20%E4%B8%80%E9%83%8
SPINDLE -Black- / Premium series 残り1点 ¥105,600 税込 105,600円 送料無料でお届けします SPINDLE（スピンドル）は坂道に２枚の壁を作り、その間に紡錘の形をしたモノを転がしたときに生まれた作品。紡錘の形をしたモノが、両側の壁に交互にゆっくりぶつかりながら心地よい音を奏でて下りていきます。 Blackのステンレス部分には特殊な黒染め工程を施してあります。ステンレスの黒染め工程はとても珍しく、特殊な技法によりおこなわれています。塗装やメッキと異なり、商品1つ1つが個性ある表情をみせ、時間とともに経年変化を楽しむことができます。 Blackの木材にはウォールナットを使用。この厚みのウォールナットの無垢材は非常に貴重なものです。その貴重な木材を使い、燕三条の木工職人が丁寧に加工をしました。 プレミアムシリーズでは、厚さ2ミリの板状の”紙”の素
SPINDLEって結局どうなったの？
ググってもアイドルグループしか出てこない
決して選挙をにらんだ「仕込み」などではありません。やまもといちろう主宰経営情報グループ「漆黒と灯火」（10人限定で募集中です！）https://yakan-hiko.com/meeting/yamamoto/やまもといちろう公式メルマガ「人間迷路」（新規購読者受付中！）https://yakan-hiko.com...
【独占インタビュー】SPINDLE Founder宇田修一氏にインタビュー｜スピンドルプロジェクトや一連の報道について全てを暴露 | NEXTMONEY｜仮想通貨メディア
仮想通貨プロジェクト「SPINDLE(スピンドル)」の全ての真相 そして今回、世間で賛否両論となった仮想通貨プロジェクト「SPINDLE(スピンドル)」について、表面的な部分からここでしかできない裏の情報まで全てをお伝えしていきます。 情報源として、我々NEXTMONEYはSPINDLEプロジェクトのCo-founderである「宇田修一」氏にインタビューさせて頂きました。 神戸芸術工科大学・芸術工学部卒。2002年英国シルバーテイル社にて英国新興市場 （AIM）上場企業、ジョイントベンチャー企業などのプロジェクトファイナンスに従事。 その後、MFファンドの組成・ストラクチャーを手掛け、株式会社船井総合研究所（TSE9757）・金融チーム・チーフコンサルタントに就任。2007年〜2009年初頭株式会社船井総合研究所においては、史上最短最年少最高益獲得記録を保持する。その後、Bullion J
設計から実装まで手掛けるSpindleコンポーネント開発【インターンシップ@Ameba】 | CyberAgent Developers Blog
こんにちは、「CA Tech JOB」生としてインターンシップに参加しました、湯本航基と申します。約1ヶ月間、AmebaにてWebフロントエンドエンジニアの業務に携わりました。 主な業務は、Amebaのデザインシステム「Spindle」における新たなコンポーネントの開発です。設計から実装までを一貫して担当させていただきました。 このブログでは、インターンシップ生がどのように業務に取り組むのか、現場で実際に経験したことについてお話ししていきます。 Spindleとは Spindle（スピンドル）は、「Amebaらしさ」を一貫してユーザーに提供するためのデザインシステムです。Amebaは「つくる、つむぐ、つづく、Ameba LIFE」をビジョンにかかげ、Spindleを基盤としてアクセシビリティやパフォーマンスに配慮したサイトを構築しています。 SpindleのWebサイト Spindleのソ
今日は東京ミッドタウン日比谷1階にあるレクサスのカフェ、ザ・スピンドルにお邪魔しました。 大山鶏の唐揚げ¥880、モヒート¥770税込をオーダーしました。 お水と炭酸水を選べました。 可愛らしいこちらの番号を渡して下さいました。 チューリップタイプの美味しい唐揚げでした。 座り心地の良いソファーと落ち着いた良い雰囲気で素敵な空間でした。 お支払いはカード・各種電子マネー利用可でした。 ごちそうさまでした。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amebaのデザインシステム「Spindle」の全貌公開
Amebaのデザインシステム「Spindle」の舞台裏（個人的な感想）｜Hiroki Tani
山下健一｜Web3 と Fintech の専門家 on X: "ガクトコイン（SPINDLE:スピンドル）を忘れちゃいけない。 恥を偲んで公開すると、私は当初お世話になっていた方からの付き合いでSPINDLEを200万円分買いました。結果は皆さんご存知のようにゴミクズ状態です。… https://t.co/p2byc1OAwL"
大人のイージーパンツ / N.O.UN(ナウン) SPINDLE DENIM SELVEDGE
GitHub - openameba/spindle: Ameba Design System
#72 大城ガクト（GACKT）が作る暗号通貨SPINDLEについて | 南国大学
SPINDLE -Black- / Premium series
野田聖子さんの旦那さんである木村文信さんはどのような方だったのか。【名誉毀損裁判は無事に勝利したのですが、裁判の中で明らかになったことを報告します】GACKTコイン／SPINDLE（スピンドル）
日比谷 THE SPINDLE - 東京食べ歩き散歩