satococoa's blog - ゆるふわ Development Club
ゆるふわ Development Club というコミュニティを始めました。 このコミュニティについては @netwillnet さんが ゆるふわ Development Club というサークルができた - willnet.in で紹介してくださったので、簡単にこのコミュニティを始めた経緯とかを書いてみたいと思います。 P4D 以前から デザイナー向けプログラム部 (P4D) というコミュニティを主催しています。 最初の頃はデザイナさん向けの「勉強会」として活動していました。 例えばデザイナさんに Git を教えるための WebデザイナーのためのGit勉強会 というハンズオン形式の勉強会を開いたり、JS や Ruby で TODO アプリを作ってみるハンズオンをやったり、といった具合です。 その活動を続けた結果、参加してくださっているデザイナさんとは普通に GitHub を使って仕事がで
NUBoardの欧文印刷株式会社 x p4d のハッカソン（ピクシブ株式会社） - ppworks.jp
今回のp4dハッカソンは、NUboard（ヌーボード）でお馴染みの欧文印刷株式会社様とのコラボレーション企画「p4d と NUBoard の欧文印刷株式会社さんとの共同開催でエンジニア x デザイナハッカソン」でした。「モバイル向けのサービスを作る」というのがテーマ。ハッシュタグは#nuhack 会場提供は、ピクシブ株式会社様、ありがとうございます。お昼ごはんは欧文印刷株式会社様からご提供いただきました。ありがとうございます！ 本題 さて本題。今回は赤塚さんとpplogのネイティブアプリ新作を作ろうと思っていたのですがハッカソンでやるには成果が中途半端になりそうということでハッカソン開始10分前くらいに方向転換。「みんなのやりたいこと」を共有するWEBアプリを開発しました。 やりたいことを共有する そのやりたいことをフォークするかのように「Re wish」する そうすると緩くやりたいことの
satococoa's blog - nuhack を開催した
7/19(土) に #nuhack というハッカソンイベントを開催 & 参加しました。 #nuhack とは satococoa/p4d-hackathon-3rd P4D の主催する 3回目のハッカソンイベントです。 毎回エンジニアとデザイナをペア (もしくは一部グループ) にして何か作るという形式でやっています。 今回のテーマは「モバイル向けのサービス」でした。 協賛として NUBoard の欧文印刷さんにご協力いただき、 会場はピクシブ株式会社さんにお借りして開催しました。 なぜ NUBoard なのか 寿司屋で @ppworks さんや @ken_c_lo さん達と飲みながら NUBoard 超便利！という話になり、 突然 @ken_c_lo さんが欧文印刷の汲田さん (@kumitajoj) へ熱いリプライを送ったのがきっかけでした。 その後メールで我々 Web に関わる人にとっ
P4D開発合宿に行った
とても久しぶりに開発合宿に行った。ウノウにいたころは何度か行っていたけど、だんだんと皆行かなくなって、そのままになってしまった記憶。開発合宿の難しいところは、きちんと目的を決めて行かないと「楽しかった」で終わってしまうところ。何を成果として目指すかは最初に決めておいた方がいい。 今回はP4D（デザイナー向けプログラム部）の人たちが開発合宿をやるということで、タイミングがちょうどいいこともあり参加することにした。参加者はぼくを含めて6人、目的地は伊東の山喜旅館。金曜日の夜に東京駅で集合して、東海道線の普通電車のグリーン車でみんなでお弁当を食べながら移動した。ゆっくりいろいろ話せるし、座席もゆったりでグリーン車、よい。金曜日だし着いたら温泉入って寝る感じかな、と思っていたら部屋でビールを飲みながら自然と開かれるMacたち。結局初日から少しずつ手を動かす感じになっていった。 何のためのものを作る
ズルいデザインテクニック2013 + セミフラット version
[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/kssdezuo-rupatanraiburari 【アイコンを200こ描いた振り返り！】アイコンから知るデザインのヒントby @awayuki http://www.slideshare.net/awayukin/awayuki-pmd01-share ビジュアルデザインまでのデザインワーク by @yokotak0527 http://www.slideshare.net/YokotaKenji/ss-26460108
RubyHiroba 2013 のサイトデザインしました | camuro
2013年6月2日（日）に日本マイクロソフト株式会社 品川本社で開催される、RubyHiroba 2013というイベントのサイトデザインなどに携わらせていただきました。 LTthon(Lightning Talk Hackathon)や、p4d(Programming for Designer)・dRuby（ハンズオン）・RailsGirls, More!のワークショップ、地域コミュニティなどのブース出展などを実施いたします。 doorkeeperから参加登録できます！ LTthonやブースの事前公募も開始いたしました。 ご興味のある方は是非ポチリとしていただきたいです。 サイトの他にも、LTthonのTシャツとノベルティのステッカーもデザインさせていただきました。 p4dがきっかけでこのような機会に恵まれて、とても感謝しております。 フィヨルドでのインターンでMiddlemanを
0.1ランク上のアイコンの作り方講座
第2回 P4D デザイナー向けプログラム部 http://prog4designer.github.com/ で発表させていただいたスライドです。 ==================== あわせて読みたい ==================== 少ない手間と知識で”それなり”に見せる、ズルいデザインテクニック https://speakerdeck.com/ken_c_lo/zurui-design ノンデザイナーのための配色理論 http://www.slideshare.net/saucerjp/ss-14902681 初めての欧文書体 http://www.slideshare.net/shoheiitoh/ss-17245066 Bootstrapのカスタマイズ例 https://speakerdeck.com/machida/railsenziniafalsetamefals
翻訳：Railsを学んだことで私はより良いデザイナーになった（by 37signalsのデザイナー） - 納豆には卵を入れる派です。
Getting Real や Basecampなどで有名な37signals、そこのデザイナーである@jonasdowney さんがよいことを書いてらして、そうだよなーと思ったので訳してみました。英語あまり得意でないので割と勢いで適当に意訳しました。誤訳あったらすいません。 原文：Learning Rails made me a better designer by Jonas of 37signals - Signal vs. Noise （以下、翻訳）--- Railsを学んだことで私はより良いデザイナーになった Jonas Downey wrote this on Feb 22 37signalsのデザイナーはコードを書く。HTMLやCSSだけではなく、RubyやJavaScriptも書く。私たちはプログラマの手助けなしで、当然のごとく自分のアイデアを実装することができる。 新しいB
東京Ruby会議10で、Rubyistのためのデザイン講座ワークショップやらせていただきました #p4d #tkrk10 - 納豆には卵を入れる派です。
#p4d Rubyistのためのデザイン講座 12:30 - 13:30 発表1: @machida さん / 「RailsエンジニアのためのTwitter Bootstrapカスタマイズ例」 13:50 - 14:50 発表2: @ken_c_lo さん / 「少ない手間と知識で "それなり" に見せる、ズルいデザインテクニック」 15:10 - 16:10 発表3: @saucerjp さん / 「ノンデザイナーのための配色理論」 16:30 - 17:45 実習: オトナの塗り絵で学ぶデザイン 発表内容は、前回の「第一回 プログラマ向けデザイン勉強会 #design4p」の再演で、前回1画面に詰めすぎて喋りにくかったという反省から、きちんとスライドを分割して臨もう…と思っていたのですが、前の晩にさあ作業をしようと思ったらいつの間にか寝てしまい当日の朝になっていたという失態をやらかし、
RailsエンジニアのためのTwitter Bootstrapカスタマイズ例
Sassを使ったり、人からパクったりして、極力失敗しない方法
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回 プログラマ向けデザイン勉強会 #design4p http://connpass.com/event/1185/ で発表させていただきました。 （#p4d プログラマ向けデザイン部 主催イベント http://prog4designer.github.io/） @mah_lab さんが ズルいデザインのRails gemを作って下さいました http://blog.mah-lab.com/2012/11/07/zurui-design-for-rails/ (Repository) https://git
第一回 プログラマ向けデザイン勉強会 (2012/10/27 14:00〜)
2. 少ない手間とスキルで「それなり」に見せる、お手軽定番デザインテクニック（仮） by @ken_c_lo
第一回 プログラマ向けデザイン勉強会 #design4p に行ってきました - @thorikiriのてょりっき
第一回 プログラマ向けデザイン勉強会 - connpass 第一回 プログラマ向けデザイン勉強会 - Togetterまとめ 面白かったです。以下、メモったことなどを。 Twitter Bootstrap のカスタマイズ例 ちょっと遅れて行ったので、オープニングが聞けませんでした。そして、途中でメモってたものを消失させてしまいました。残念。 資料→RailsエンジニアのためのTwitter Bootstrapカスタマイズ例 // Speaker Deck スライドではありませんが、Githubはこちら→machida/CustomizedTwitterBootstrap · GitHub 色の話 ベースカラーとメインカラーとアクセントカラー 70:25:5の割合くらいが調度良い。 3色決めたら、Sassでは変数定義をしてしまう。 背景はテクスチャを貼るとかっこいい。 参考になるもの → S
デザイナー向けプログラム部
プログラムに興味のあるデザイナー向けの楽しいハッカソンを企画します。 デザインを覚えたいプログラマーもぜひ！第一回、無事終了しました！ 参加してくださった方々、どうもありがとうございました。 お陰さまで無事に第一回を終えることができたので、ご報告致します。 少し写真なども取ればよかったのですが、スライド発表を聞きながらも質疑応答・議論に盛り上がり、いつの間にか時間が過ぎ去ってしまっていました。 発表が終わった後は、プログラマの手ほどきを受けながらrubyの環境構築を行う方がいらっしゃったり、sass(SCSS)できれいに効率良くCSSを書くコツを探ったり・・・と思い思いに普段聞けないこと、話せないことで盛り上がりました。 この時間帯は、デザイナー向けプログラム部というよりはむしろ hatsudai.rb が発足したかのようでした。 終了後の2次会においては、即興のプログラマ向けデザイン
多変量テストのための gem を開発中 - Qiita
複数のABテストを同時に行う多変量テストを hacker-friendly な記法で簡単に実装できる gem を開発中。 下記のように記述できる。 ... <div class="landing-image"> <% # The first test %> <%= select_variation(:landing_page, :btn_color, "red_btn", "green_btn", "blue_btn") do |alt| %> <% # alt will be "red", "green" or "blue" %> <%= link_to next_page_path, "Next", :class => alt %> <% end %> </div> ... <div class="content"> ... <% # And the second one. You c
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
KSSで作るパターンライブラリ
ノンデザイナーのための配色理論
O-Giri
SELECT系SQLでできることとかActiveRecordでできること - p4dでの資料