ドラッグアンドドロップできるファイルソートUIを作った

検証サイト: https://kawausokun.github.io/reordering/ ソース: GitHub - kawausokun/reordering: Reordering UI (experimental) ファイル・フォルダをソートできるようなUIが必要になった。 単一のリストでのソートなら特に面倒なことはないが、フォルダを…

愛されすぎたぬいぐるみたち

愛されすぎたぬいぐるみたち作者: マーク・ニクソン,金井真弓出版社/メーカー: オークラ出版発売日: 2017/06/13メディア: 単行本この商品を含むブログを見る 何年間、何十年間、人と生活を共にしてきたぬいぐるみを写した写真集。 歴史を感じさせる痛みや汚…

最近のタスク管理

仕事柄、複数のプロジェクトから発生するたくさんのタスクを並行してこなしている。タスク管理の手法なんてのは定番が決まっていて、単純なTODOリストやGTD等、ネットや本で調べて真似するのがいいだろう。(最初から自己流を混ぜるのは、本質が分からなくな…

メールをフィルタリング

会社のメールはGmailを使用しているんだけど、自分に関係のないメールが流れすぎてそろそろ鬱陶しいので、フィルタリングする方法を調べてみた。結果、ラベルとフィルタ機能を使用して、文中に「◯◯さん」(自分の名前)が含まれるメールのみを集めるラベル M…

弊社

開発者全員が各々担当しているプロジェクト内で、品質、納期、他成果物の価値全てに責任を持つ。実態は、皆が全てに責任を負っているのではなく、誰も責任を負っていないように思われる。多数決が誰も責任を負わないために使われるように。

楽しくない理由

「ハイキュー!!」ってバレー漫画読んでて、「お前がバレー楽しくないのはお前がヘタクソだからじゃないの」という趣旨のセリフがあった。楽しくない理由をちゃんと考えてみれば、自分の能力不足やその他要因を認識できて、ならやるべき事は分かった、となる…

2016年のキーボード、マウス事情

今年は仕事場でのインプットデバイス選びで悩んだ。実はまだ悩んでいる。 MacBook Airを外部ディスプレイ一つに繋いだ環境です。 1. HHKB Pro + LOGICOOL MX-518 PFU Happy Hacking Keyboard Professional2 墨/無刻印 英語配列 USBキーボード 静電容量無接点…

仁義なきキリスト教史

仁義なきキリスト教史 (ちくま文庫)作者: 架神恭介出版社/メーカー: 筑摩書房発売日: 2016/12/07メディア: 文庫この商品を含むブログ (1件) を見る どんな本か ユダヤ組事務所エルサレム宮殿で、ユダヤ組やくざのイエスが、任侠道にもとるとブチ切れ、「こん…

この世界の片隅に : 上 (アクションコミックス)作者: こうの史代出版社/メーカー: 双葉社発売日: 2012/09/07メディア: Kindle版この商品を含むブログを見る 映画観てとても良かったんで原作も読み返してた。以前は上巻しか読んでなくて、言葉少ないし状況が…

むかーし週報に書いた内容を、同僚が覚えていてくれて、嬉しかったんだけど自分はほぼ忘れかけていた。 まあ適当にでも情報を発信していれば、それに反応してくれる人が出てきて楽しいし、自分の考えも整理できて良いことだなと思った。

朝香宮邸の亡霊

www.teien-art-museum.ne.jp 旧朝香宮邸。 作品が雰囲気ある邸宅内に展開されていて最高でした。 最近はインスタレーションアートに興味があります。自分の感覚をハックされている気分になります。

mainでputStrをmapする方法

前回分からなかった件、簡単に書くとこんな感じ。 main = mapM putStrLn ["hoge", "piyo", "fuga"] mapでも良さそうな気がしてしまうが駄目。mapMでもmapM_でも問題なく動くようなのだが。理由を自分なりにまとめた。 putStrLn Prelude> :t putStrLn putStrL…

Haskellで作る奇妙なプログラミング言語 Haskell練習問題②

これの続き。 問3 数を1ずつカウントしていく何かを作ってください。 inc :: Int -> Int inc c = c + 1 main = do print $ inc $ inc $ inc $ inc 0 もともとの問題は、incメソッドを呼び出されるたび数をインクリメントしていくクラスを作れ、なので、副作…

Hakellの型シグネチャを読む練習

ひたすら読む。読めねばならぬ。ghciを起動し:tだ。 Prelude> :t 'h' 'h' :: Char 'h'は「Char型」。 Prelude> :t "hoge" "hoge" :: [Char] "hoge"は「Char型のリスト」である。 Prelude> :t (True, 'a') (True, 'a') :: (Bool, Char) (True, 'a')は「タプル…

Haskellで作る奇妙なプログラミング言語 Haskell練習問題編

Rubyで作る奇妙なプログラミング言語 をHaskellで追った。 最初の章は言語の練習。もう勉強したことを忘れてきているのでちょうどいい。 1-1 Haskell練習問題 問1 画面に「Hello, world!」という文字列を出力するHaskellプログラムを書いてください。 main =…

Haskell 勉強記 (1週間分)

1週間の休みをとったので、Haskellを書いてみたくなった。 6/13(月) 初日 「すごいHaskellたのしく学ぼう!」を読み始めた。 今日は全体を見通した。Kindle版で見る場合、全体の80%を読めばよいようだ。残りはほぼ索引。 モナドとモノイドの違い (というか名…

クリストファー・アレグザンダーの思考の軌跡

クリストファー・アレグザンダーの思考の軌跡―デザイン行為の意味を問う作者: 長坂一郎出版社/メーカー: 彰国社発売日: 2015/06/27メディア: 単行本この商品を含むブログ (1件) を見る 美しいものには調和がある。何と何の調和なのか。調和の条件とは。その…

今さらiTunes便利 クラシックなら好きな曲を色んな演奏者で買い漁ることができるんだ。別ジャンルでのアレンジ版が引っかかるのもまた良し。 ヒメアノ~ル 「ヒメアノ~ル」観てきた。原作ファンとしては、森田の内面を描く方針がよかったのだが。森田の絶望…

煮詰まってる時にパラパラめくる本が欲しい

SF映画の素養まったくないけど,煮詰まってきてるな〜ってときにこれをパラパラめくって読むのすごいたのしい/SF映画で学ぶインタフェースデザイン アイデアと想像力を鍛え上げるための141のレッスン Nathan Shedroff https://t.co/AQJcQOttSP— Nami Ogawa …

付録 B プログラミング言語の骨格 #素数夜曲

付録から読み始めるのも初めてだ。今Lispを始めるならLand of Lispかもしれないが、買ってあった素数夜曲―女王陛下のLISPに頼ってみる。Lispに関する知識はcar,cdr,consという単語を覚えているのみである。 MacにRacketをインストール、実行環境を整える。

シンプルさの指標

プロダクトデザインにおいて語られるシンプルさは、「人と接触した時にアフォーダンスが認識される速さ」で測れるものを言うようだ。この指標に従って、余計なものを削ったりsignifierを置いたり共通認識を利用したりする。 我々プログラマが普段行っている…

プロセスよりも原則

という言葉を「一人から始めるユーザーエクスペリエンス」という本で見つけて、なるほどなーと思った。 原則とはマインドセットである。 正しさを確認したい時、基準となる軸が必要。いつでもそこに立ち返る。プロセスは原則を確認しつつ常に改善するもの。 …

Wikipediaに載っていた下の図、どうやって書いてるのかふと気になった。 黒田長政 - Wikipedia table組んでborder引いてた。

ソートアイコン

テーブル行の並び替え機能のため、ヘッダーにアイコンを用意した。 Font Awesomeで、fa-sort-asc fa-sort-desc を使用している。 先の画面、当然ascが昇順でdescが降順だが、三角形が矢印にも見えるため、▼が昇順、▲が降順に思えないだろうか。 会社の先輩に…

Vue.js v0.12.10 で既存の機能を置き換えてみた

感想 Props良い 以前Vue.jsを使った時にはなかったが、v-component、v-with、paramAttributesをまとめて、コンポーネント間のやり取りをDIとしてシンプルにした感じか。分かりやすい。 vue-loader (or vueify) 良い vuejs/vue-loader · GitHub JavaScript/HT…

日本史の本

日本史の面白そうな本を探しているのだが、とりあえず安かったので以下を買ってみた。 今だけかは分からないが、Kindle版100円。 Amazon.co.jp: 図解 日本史 歴史がおもしろいシリーズ eBook: 株式会社西東社/seitosha編集部: Kindleストア Amazon…

Github README.mdからGithub Pagesを自動生成する

Pure JavaScript&CSS tooltip - kawauso7.ckawauso7c.hatenablog.com 上の記事の続き。Github README.mdからGithub Pagesを自動生成する方法。 処理過程順に説明する。 1. README.mdを更新する masterブランチでREADME.mdの更新が発生。pushしたタイミングで…

Pure JavaScript&CSS tooltip

tooltipが必要になったので、自作してみた。 https://github.com/kawausokun/wcl-tooltip デモサイトも作った。 wcl-tooltip OSSにしてGithubで公開するのは初めてだったので、色々試した。 READMEでバッジ特盛りに CircleCIでCI (ただしテストは無い) READM…

世界史 再勉強

世界史のビジュアル資料集が欲しかったので、本屋で選んでみた。 「武器の歴史大図鑑」みたいな高価で持ち帰るのは辛いほど大きな本に気を取られたりしたが、いつか縁があれば。 タペストリーにした。 Amazon.co.jp: 最新世界史図説 タペストリー: 桃木 至…

D3.jsでレーダーチャートを書いてみる

gist.github.com 書いた後で見つけたd3.svg.line.radial()を使えばもっと楽になりそう

数学入門書等で、公式を紹介した後「必要になったら導出できるため暗記する必要は無い」などと書かれているのをよく見る。 筆者は何らかの思いがあってわざわざこう書くのだろうか?丸暗記至上主義への批判? 追記 数学ガールの索引に「導出」があった。 P88…

人食い男爵とエレベーターピッチ

マッドマックス 怒りのデス・ロード 立川の爆音上映で観た。 極上のエンターテイメントかと思えばストーリーはよく分からなくて、でもこんな映像作れるんだなあこれからが楽しみだと思ったりした。出てくる小道具がとても素敵で、人食い男爵の鼻の装飾がカッ…

しょーもん