サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
掃除・片付け
ken-c-lo.hatenadiary.org
おはようございます、 @ken_c_lo です。2021年12月10日の、朝です。ここで、タイマーをセット… この記事は、やんちゃクラブリスナー Advent Calendar 2021の 10日目としてお送りします。 やんちゃクラブとは? やんちゃクラブとは、@yancya さんが毎日(毎朝)30分ほど、自宅マンションの屋上で、いつも大体ほぼ同じ構図で約30分間一人語りを続ける動画である。 やんちゃクラブ - YouTube 繰り返すが、毎日である。屋上で、休日も豪雨の日も極寒の日も。毎日配信するのはおかしい。そして驚くべきことに毎日面白い。毎日面白いのは本当にすごいことだと思う。 やんちゃクラブリスナーには大別して2種類いる。毎日その日のうちに必ず観て、かつ自分が観始める前の過去回も遡って全部観た人と、必ず毎日ではなく気が向いた時に観て、見逃した回は無理して追わない人がいる。 yanc
こんにちは、@ken_c_lo です。このブログをなんと7年ぶりに更新します。 最近は納豆に卵を入れないことも多いです。7年の歳月は人を変えますね。 この記事は、フィヨルドブートキャンプ Part 1 Advent Calendar 2021 - Adventar の2日目の記事として書かれています。 Part2もあるよ: フィヨルドブートキャンプ Part 2 Advent Calendar 2021 - Adventar 実は11月から、FJORD BOOT CAMP(フィヨルドブートキャンプ) というプログラミングスクールのメンターとして、主にデザイン面から受講生のみなさんのサポートをさせていただくことになりました。 1ヶ月やってみてどうなのか、そのへんを書きたいと思います。 自己紹介 フィヨルドブートキャンプ受講生の方など、はじめましての方もまだ多いと思うので、自己紹介します。よろ
数個前のcommitを遡って、それを分解して2つのcommitに分けたいとか、たまにある。 例えば、git logで上から遡って5つ目のcommitを2つに分けたい場合 $ git rebase -i HEAD~5git-rebase -i で5個目のcommitをeditに変える pick xxxxxx Add JS files pick xxxxxx Move Vendors CSS files pick xxxxxx Add jquery.powertip pick xxxxxx Add font edit xxxxxx Design for tasks#index ← 分割したいcommitの 'pick' を 'edit'に変えるで、git-rebase -i した状態で、HEADの位置をさらに一つ手前のcommitに移動する $ git reset HEAD~すると、分割したい
@fukayatsu さんが作ってくれました( ˘ω˘) なにこれすごい便利。そして、かわいい( ˘ω˘)" pplog ゆるふわクライアント (Chrome 機能拡張) 昨日、キーボードショートカットがついて、キーボードでほねを回せるのがとてもイカしてたので、さっそく今朝本体にもキーボードショートカットが取り入れられました。 そして、なんと今日は、通知機能がついたそうです。すごいーーー! 購読中のポエムラインの新着をお知らせしてくれます。うれしすぎる。メールボックスがこれで爆発しないで済むよ。すごすぎる。ゆるふわどころかガチムチだ!(ってえびちゃんが言ってた 通知かわいい( ˘ω˘)" 今のところ、10分に1回まとめてお知らせしてくれる仕様のようです。 ポエムに書いたんですが、ちゃんとした方のインターネットの、残るブログに書いた方がいいのかなあと思って、書きなおした。 はー、マジ、よい。
自分で言うのも非常に僭越でウザいんですが、本当に今一番面白いインターネットなんです。 pplog - ゆるふわインターネットにポエムを刻もう 昨年の9/27から突如ベータリリースして仲間内で使い続けてるうちにいつの間にか広まっており、正式?に外向きの物を書くのはこれが初めてなのですが、リリースしてましたのお知らせです。 @ppworks さんがプログラミングのほとんどをやり、私がデザインやってます。 他に @fakestarbabyさん、@soplanaさん、@_tbaba さんが仕事の合間にサポートしてくれており、@satococoa さんが今iPhoneアプリを作ってくれてて、大体できてきてます。楽しみ。 使い方やどんなサービスかについて、ここでは特に詳しい説明をしません。(誰かがnanapiに書いてくれるの待ってる( ˘ω˘)) とりあえず、画面右下のほねを回してればなんとなくわかる
前回の大阪に続き、@shirokuro331 さんに、今度は福井に来てしゃべりませんか?というご依頼をいただき、日本海のカニにつられて福井に行って来ました。福井の意識高いデザイナーのイベント「wcaf」(ダブキャフ、と読むらしい。カッコイイ。)、イベント自体もとてもおもしろく、また福井のITシーンの熱さに大変刺激を受けました。カニもすごくおいしくて、また福井行きたい。 前回と同様のネタの再演という予定だったんですが、全く同じことを話すのもなんかなあ、申し訳ないなあと思っていたところ、木曜日になって新しいネタを急遽思いついて、前日の夜に急いでスライドを書いたら意外と間に合ってしまったので、両方話させていただきました。おかげで、前半はかなり駆け足の発表になってしまい、ちょっとわかりにくかったかもしれません。。すみません。 こちらは、ズルいデザインの方で前回の大阪と内容はほぼ同じです 新しい方は
常連プログラマがほぼ Rubyist しかいないP4Dなのですが、なぜかPHPカンファレンスで枠をいただいたとのことで、デザイナーとGitについて話し合ってみようという企画に参加してきました。 「生煮えぷるり」をプログラマとデザイナーの間で行ったり来たりさせる話 Pull Request 4 Designers - GitHubを使ったプログラマとデザイナーのイテレーティブな開発フロー// Speaker Deck GitHubを使った、実際のプログラマとデザイナーの協業の様子を見てもらおうということで、私がお手伝いさせていただいている、[https://forkwell.com:title=Forkwell] と [https://jobs.forkwell.com:title=Forkwell Jobs] での開発の様子を例にお話させていただきました。 補足とか 「生煮えぷるり」という
前回の続き。おかげさまで、Iteration 周りは自力でも進められそうな感じになってきたので、Twitter でユーザーがログインする機能を作りたいとおもった。 omniauth-twitter を使えば楽にできるけど、楽に出来すぎてよくないので OAuthからちゃんとやった方がいいですよというアドバイスを頂き、どっちがいいのかなあと思っていたのだが、あまり時間もないので omniauth 使うことに。今回、@katton さんに教えていただいたのですが、 OAuth とは?というところからわかりやすく教えていただき、だいぶカバーされた感じなので、下記おすすめ書籍を読んで理解深めたい。 また、@katton さんは、リアルタイムでエディタでお題を書きながら、そのメモをエディタ上で見せながら進めてくださり、さらにそのメモを帰宅後送って下さるなど、大変ありがたく、またこの方法は教えるのに大変
最近、@ruedap さんが神ワークフローを作ったのを見て、これが使いたくてAlfredの1から Alfred 2に乗り換えてPowerPackにお布施した。 Font Awesomeのアイコンフォントを検索できるAlfred 2のWorkflowを作ってみた その時点で、1日平均 15回程度の使用というお粗末なアルフレッド力だったのだけど、お布施もしたことだし、Alfred力を上げてやろうと思って、全てのアプリ切り替えをAlfred力経由でやることにして鍛えることにした。 普段はWitch に ⌘ + Tab を割り当ててて、アプリ切り替えにはそっちを使ってしまうことが多いのだけど(これはこれで便利)、気づくと⌘ + Tabを連打して次のアプリを探してしまってることが多くて、なんだかなあという感じがあったので、ここはキー一発でAlfredで切り替えられた方がカッコイイ気がする。 で、2〜
よく、要素につけるidやclassを動的にしたい時とかに、Hamlだとこんな感じの書き方をする %li{class: "item #{item.name}"}この書き方がSlimだとダメっぽくてつまずいた。 Slimだとこんな感じの書き方になるらしい li[class="item #{item.name}"]こういうのもいけるっぽい。割と素のHTMLに近い感じで書けるのですね。 li class="item #{item.name}"そして条件つけるとこうなるっぽい li class=(if item.present? ? "#{item.name}" : 'no-item') li class=("#{item.name}" if item.present?)classを複数付け、かつ1つのclassにのみ条件を付加する場合はこのように入れ子にすればよいみたい。 li class="it
タイプデザインコンペティション特別セミナー「タイプデザイナーの視点」開催のお知らせ 最近は、P4D関連とかRuby関連とか、技術寄りのイベント参加が多くて、デザイナー向けのイベント(しかも偉大なタイプデザイナー様…自分にとっては神様みたいな雲の上の存在…)というのは緊張したが、とてもとてもおもしろくて、本当に行ってよかったです。興奮がさめないうちにメモを整理(ΦωΦ) 講演内容 マシュー・カーター氏「欧文のテキスト書体とディスプレイ書体」 岡野邦彦氏「和蘭(わらん)ができるまで。」(和蘭:モリサワタイプデザインコンペティション 2012 和文部門 金賞) 小塚昌彦氏「ひらがなを考えよう」 の豪華布陣 以下、内容のメモ(ところどころ聴き逃して内容が不正確だったりします。あと遅刻したのでマシュー・カーター氏の序盤を聴き逃してしまった…モッタイナイ…) マシュー・カーター氏「欧文のテキスト書体と
P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ 作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります 上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く
git init してから一番最初のcommit内容を、2番目のcommitと一緒にまとめたい、と後で思った。 よーし、git rebase -i HEAD~~からのfixupで… $ git rebase -i HEAD~~ fatal: Needed a single revision invalid upstream head~~えっ・・・(ΦωΦ) 一番最初のcommitはgit rebase -i HEADほにゃららでは遡れないのか・・・一番最初のcommitはgit rebase -i できないのか・・・?— TAE ✅ (@ken_c_lo) April 21, 2013 @ken_c_lo それ方法あったら知りたいですねー。調べた限りでは無さそうなのもあって、自分でリポジトリ作る時はgit flow initを使って最初に空のInitial commitを作るようにしてます
どういうことだかわかってないのだが、これでできた…すげええ・・・ $ git status | grep deleted: | awk '{print $3}' | xargs git rmgit rmしないでrmした場合に一括git rm - x-iteの日記 こちらの記事より知りました。ありがとうございました。 # 追記:と、書いたところで上の記事のはてブコメントを見たら http://b.hatena.ne.jp/entry/d.hatena.ne.jp/x-ite/20110722/1311316116 $ git add -uでもできるって書いてあって、やってみたらできた!こんなのあったのか… しかし、この場合、modefied のファイルも 一緒にaddされてしまう(新規のファイルはaddされない)。
@machida さんのブログで知ったcycleというヘルパー これ使ってみたらすごく便利だった。 Rails で li や table の tr に偶数、奇数の class を付ける https://gist.github.com/machida/5487284#file-gistfile1-haml これはさらにこんな使い方もできるっぽい。 https://gist.github.com/taea/5496560 3の倍数番目の 'p.user' にだけ、'.nth-child-3' というclassを追加する。 つまり、liとかでなくても、divでもpでも何でもclassとかを付けられるものなら、eachで回している中の一定の要素で使えるらしく、さらに繰り返し回数もいくつでもいいっぽい。 CSSとかHTMLとかで頑張らなくてよくて、とっても便利だ!
#p4d 感がすごい! twitter.com/satococoa/stat…— Satoshi Ebisawa ☃ (@satococoa) April 25, 2013 いつも漫然となんとなく何やるかも決めずに参加してしまっていたp4d (デザイナー向けプログラム部)なんですが、それでも毎回色んな話できるだけでも楽しかったのでまあよかったのですが、なんかそれもアレだなあと思い、今日は作りたいものを決めてから臨んだら、皆さんに教えていただいたおかげでとても充実したp4dでした。 普段仕事では、プログラマの皆さんが既に作ったRailsアプリの中の、デザインやフロントエンド部分をいじる感じのことをしていることが多いのですが、イチからRailsアプリを一人で作って公開レベルにまで持っていくようなのがそろそろやりたいと思ってたところでした。 今日やったこと 完成・公開する前に大々的にネタばらしし
New GitHub Logo · GitHub GitHubのOctocatのアイコンのデザインが変わっていたので、記念に… ↓ Chrome拡張の[https://github.com/defunkt/dotjs:title=dotjs]を使ってOctocatを荒ぶるkomagataさんのアイコンに差し替えてみたのです。 ↓ https://gist.github.com/taea/5398278 すみっこで小さく荒ぶっておられます。 [http://docs.komagata.org/:title=(※参考)荒ぶるkomagataアイコンとは] defunkt/dotjs - GitHub dotjsおもしろい
各commitのURL https://github.com/hoge/fuga/commit/xxxxxxxxxxxxxxxxxxxの末尾に "?w=1" をつけてhttps://github.com/hoge/fuga/commit/xxxxxxxxxxxxxxxxxxx?w=1とすると、差分がホワイトスペースのみの行を省いて、文字の変更があった行だけを差分表示してくれるので、何を変更したかがピンポイントですごくわかりやすくなる場合があります。 例えば下記の例。CoffeeScript内である部分をコールバックにして、コールバックした部分のインデントをごっそり下げてるのですが、インデントを変えただけの行も全部差分に表示されてて、何を変えたのかひと目でわかりづらい。 普通のcommit表示 ↓ これがURLに"?w=1"をつけるとこうなる!!! ↓ 単にインデントを変えただけの行が省かれ
RVMとか使ってていいのは中学生までだよねって言われたので、はっ、そうだったのか、と焦って乗り換えました。この記事が大変わかりやすく参考になりました。Gistには手順だけ書きましたが、詳しくはこの記事見た方がいいです。 OS X で rbenv を使って ruby 1.9.3 の環境を作る #Ruby #開発環境 #AdventCalendar - Qiita # 追記 @satococoa さんと @shu_0115 さんから助言いただいたので追記しました。ありがとうございます!そうかー、普通に全部brewでも入るんですねー。 @ken_c_lo 僕は rbenv は brew で入れてます!ruby-build は git clone してます。github.com/satococoa/dotf… そしてこれの下の方の設定で PATH は困ってないです。— Satoshi Ebisaw
ズルいデザインのことを振り返ってみたいと思った。 書いた本人がびっくりするほどのヒットになってしまい、今も使ってくれてる人がたくさんいてすごくうれしいのですが、一体アレの何がよかったのか。 「ズルい」というタイトル(©machida)もさることながら、そこに、自分のデザイナーとしての自己主張をあまり盛り込まず、割と純粋にP4Dに来るエンジニアさんがデザインをするときに何を求めているかだけを考えて作れたことが、良かったんじゃないかという気がしている。 そのおかげで、フォロワーさんは増え、執筆や講演の依頼は頂いても、デザインそのものの依頼は来なかったという、デザイナーのセルフブランディングとしては正直割と失敗だったんでは…と思わなくもない。でも一方で、たくさんの人達に参考にしてもらえて、実際使ってもらえているというのは何よりの喜びだ。 しかし、「ズルい〜」を書いた時のように、作り手の功名心や自
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
わー、branchに関係ないcommitが入ってる状態でうっかりPushしてしまった!しかもPull Requestまでしてしまった! ありますよね。ないですか。そんな時。 黒魔術なのであまり使ってはいけません…|ωΦ)ククク Gist: いらんcommitをpushしてしまった時の黒魔術 完全にGit入門日記になってきた。 #(追記)git push -f 覚えてから、悪いことを覚えたての中学生のようにやたら使いたい気持ちになるのだけども、先日masterブランチでこれをやろうとしたら怒られました。masterでやるとA級戦犯扱いらしい。あとgit-rebase-i でHEADから遡りすぎて操作しようとするとこれまた収集つかなくなる。用法と用量を守る必要があります。ありました。 入門Gitposted with amazlet at 13.02.22濱野 純(Junio C Hamano
$ git add -pという、ひとつのファイルから分割して部分的にcommitできる便利なオプションがあって、最近commitをもうちょっとこまめに分けようと心がけるようになってからたびたび使うのだけど、そうすると欲が出てきて、もう少し細かく分割してくれたらなあと思うことがたまにある。git add -p もうちょっと細かくわけてくれたらいいのにとたまに思う— TAE ✅ (@ken_c_lo) February 16, 2013 @ken_c_lo 確か「git add -p」した後に「y」とか「n」で取り込むところを選ぶ時に「s」をやると、さらに小さい単位に分割してくれた気がします。最近やってないので若干怪しいですが。。— 松本 瞬/Shun Matsumoto (@shu_0115) February 16, 2013 @ken_c_lo だいたいこんな感じだったと思います。→ b
私の作り方にも問題があるのかもですが、CSSやSassはプログラムと違ってその変更がサイト全体に影響することが多いため、機能ごとにきれいに分割するのが難しく、トピックブランチ制で作業していると、そのブランチがmasterブランチにマージされるのを待つ間、masterのSassが古い状態のままになってしまい、masterブランチから続きのデザイン作業が進めづらくなる状況が頻繁に発生するのをずっと悩んでいました。 masterのSassだけでも最新の状態になってると、続きの作業が進めやすいのに…と思っていたところ、git-cherry-pickという他のブランチのcommitを取り込む方法を覚えたら、その悩みが解消されました。 複数人でデザインやマークアップ作業をしてる場合は、この方法だと問題あるのかもしれないですが、私のようにデザイン周りをいじる人がチーム内に他にいない場合はこの方法が便利だ
#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画面に詰めすぎて喋りにくかったという反省から、きちんとスライドを分割して臨もう…と思っていたのですが、前の晩にさあ作業をしようと思ったらいつの間にか寝てしまい当日の朝になっていたという失態をやらかし、
どうも。 CSS Preprocessor Advent Calendar 2012 2012年12月20日(木)を担当させていただきます@ken_c_loです。 そうそうたる面々の中、みなさんハイレベルな内容で大変恐縮しているのですが、そんな中モジモジしながらしかし空気を読まずに、ずっと書きたかったウザい感じのエントリを投下しようと思います。 ズボンを履かない「SASS記法」とは? 発端はこのツイートからでした。 …と、そんな流れで、「ズボンを履かない」SASS記法とはなんぞや。その魅力、カッコよさについて力説しようと思います。あわよくばSASS記法仲間を増やしたい!そして、お菓子などを食べながらSASS記法の魅力について語り合い、仲間の少なさについて嘆き合う.sassの会を月一くらいで開催できればと思います。 ヾ(*’ω’*)ノ゙ ズボーン‼ SassにはSCSS記法とSASS記法
Instagram、Twitterで完全非表示に Twitterは独自フィルタを年内公開か - ITmedia ニュース _人人人人人人人人人人人_ > なんですとー!!! <  ̄^Y^Y^Y^Y^Y^Y^Y^Y^Y^ ̄ あ!ほんとだ写真出ないーーー!Σ(ΦωΦ) Instagram&Twitter Loveなわし的にはこれは由々しき問題… くそー、ざっかー◯ーぐめー! そんなわけで。 IFTTT / Put the internet to work for you. IFTTTというWebサービス同士を連携させることができる便利なサービスがあるので、これを使ってInstagramの画像ををTwitterにPostさせることにした。 こんな感じに。 Twitterと連携させたくない時もあると思うので、Instagramに#twというタグを添えて投稿した場合のみ、Twitterに、Insta
#LOVEFONT Advent Calendar 2012 3日目担当の[https://twitter.com/ken_c_lo:title=@ken_c_lo]です。 3日目…12/3(月)だったはずなのですが、諸事情で2日遅れてのUPとなってしまいました。すみませんでした…;ω; 本文なんですが、どうせフォントの魅力を語るなら、そのフォントで書いたらより伝わるのかなと思いつき、しゃべってないのにスライドにしてみました。スライドは文章を端折れるので楽ですね。でも、字詰めとかをやらねばいけなかったので、その辺は無駄に大変でした。 ZENオールド明朝-Rの話をしよう。 #LOVEFONT // Speaker Deck 好きなフォントを語るのもいいけど、ダメなフォントについて語るのも面白そうだなあと思ったので、創英角ポップ体とかについて熱く語りたかったんですが、#LOVEFONTの企画の
どうも。 書くのが遅くなりすぎてもう半月ほども前のことになってすごく今更感があるのですが、書いておくべきことを書きそびれると、その後出てくる他の書きたい小ネタがどんどん書けなくなっていってドンづまるパターンになるので、やはり書いておきますね。。 先日、第一回 プログラマ向けデザイン勉強会というイベントで下記のスライド発表させていただきました。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck 反響の大きさに驚き!ありがとうございました。 実はあんまり発表自体は、盛り上がったという手応えがあまりなくて、一方で他の2人の発表が素晴らしすぎて、割としょんぼりしながら帰ってきたんですが、スライドをアップロードしたらあれよあれよという間に2000ブクマ超え…驚きました。読んで下さった皆様、ありがとうございました。何が原因だったのか考えてみたのですが、デザイン
次のページ
このページを最初にブックマークしてみませんか?
『納豆には卵を入れる派です。』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く