2017/01/22 Sun

インタビューページ作ったときのメモ

しつこく宣伝すると、かえる王国インタビューページを公開しました。

その際に浅く考えたUXなどについてのメモ。

ページ分割をしない

所詮テキストメインのコンテンツなので、長文のインタビューになったとしても静的で軽量なページになるはずだしページ分割はしないのが正しいと考えた。最初はブログエントリーとして書こうかと思ったのだけれど途中の時点でこのブログシステムではDBの設計上収まらないっぽかったので普通にドメイン切ってHTML書いた。ページ分割はしないにしてもトピックごとのリンクはあった方が便利かなと思ってそのへんは一応作った。更にはページの途中からでも移動できるリンクもあると便利な気はするけれどめんどいのでやっていない。

JavaScriptをなるべく使わない

テキスト読むのにJavaScriptとか必要ないので、Twitterのembedコードに必要な分とGoogle Analytics以外はJavaScriptは使ってないし、JavaScriptを切ってもUXはそれ以外変わらないはず。

チャットっぽくする

アイコン/顔画像を発言毎につけたり、なんだかんだ言ってこういうUIが使い慣れてるのではないかというのと自分が慣れてるので、テキストだけよりはわかりやすいかなと思いやってみた。意味があるのかは不明だけれど、画像と名前をHTMLで続けて書くのダサい気がしたので画像表示はCSSでやってみた。

あと発言者ごとに背景色変えるのも個人的にあった方が視覚的に便利そうだったのでやってみた。

なるべく全部公開する

特に自分の素性とか誰も知りたくはないだろうけれど、トピックを見てスクロール/スキップはできるので、雰囲気も含めて情報量は多くしておくかということで特に削らなかった。

共有ボタンとかを置かない

そもそもTwitter/Facebook/Pocket/Google+/はてブ共有ボタンとか使ってるやついないだろうなと思って1%も使ってないみたいな記事を見出しだけ見て置かないようにした。特に多くの人が使ってそうなスマートフォンだと共有機能はブラウザにあるし。あとサービスが廃れたら外す必要もあったりしそうで面倒。あと共有されるのを目的としているわけではなくて後々情報を求める人が辿り着けるのが目的としてあったので。

RSSフィード

コンテンツ増えたら(CMSとか使ってないので多分手打ちOR自作スクリプトで)作ると思うけれど、まだ作ってない。

2017/01/21 Sat

GPD Winやっと発送された

これから

2017/01/17 実は問い合わせ届いてんだよマジマジという返答 http://twitter.com/GeekBuying/status/821184770705014785
2017/01/17 からのやっぱ届いてないかもしれんから返事来なかったらまた送ってとの返答 http://twitter.com/GeekBuying/status/821285532055412737
2017/01/19 1/17 にも送ってるけど返事こないので再度送る
2017/01/20 特に謝罪もなく、発送先更新したわすぐ送るんでとの返答
2017/01/21 status が shipped に変わる

ということでやっと発送された。だいぶ発送遅らせといてこれから15-30daysかかるとかなめてんのかという感あるけど引っ越す前には受け取れそうではある。

2017/01/21 Sat

Nintendo Switch予約した

9時前に起きて予約しました。

2017年01月21日にNintendo Switch Joy-Con (L) ネオンブルー/ (R) ネオンレッドを31436円で注文しました。 https://t.co/5AbH5z7qRQ
— oquno's Amazon (@oquno_amazon) 2017年1月21日

厳格な家庭ではなかったと思うのだけれどあまりテレビにゲーム繋いだりするような感じの家で育たなかったので、今まで持ったゲームハードはゲームボーイポケット、ゲームボーイカラー、ゲームボーイアドバンス、(京都に来てから興味本位で)ニンテンドーDSという感じで、Nintendo製の携帯ゲーム機しかなかった。そしてここに来てそんなに邪魔にならなさそうだし携帯ゲーム機としても使えるハードが出るということで、調子に乗って注文してみました。Steamで買ったゲームもたまにしかできてないので時間を適切に使っていきたい。

2017/01/21 Sat

体調はだいぶ治った気がする

1/20…目一杯寝て朝起きたらだるさはまあまあなくなっていたけど呼吸の感じとかが病み上がりっぽさあった。40時間くらい水分しか摂っていなかったためかランチ完食失敗。夜には完全復活の気持ち。
1/21…朝起きたらちょっと気持ち悪い。揚げ出し豆腐食べたらそのまま夜まで微妙な気分で食欲なく、夜は頑張ってラーメン的なもののスープ以外は食べられた。

という感じで内蔵以外はもう良さそうになった。

2017/01/21 Sat

Creema Craft Party 2017@インテックス大阪

井手健介さんと平賀さち枝さんがライブするということなのでインテックス大阪に。ハンドメイドマーケットアプリのCreema主催ということで、Creemaについては今日知った。要するにminneの競合っぽい。イベント自体は手作り系の雑貨とかアクセサリーとかバッグとか、そして食品とかを販売するイベントで、下鴨神社とかでありそうな感じのものだった。なんか病み上がりで調子微妙だったので食品は買わず。

ライブ最初の井手健介さんは年末に見て以来の一ヶ月ぶりくらいで、割と早く見れて良かった。シャムキャッツの「GIRL AT THE BUS STOP」カバーとかもあったりして良さ。明日はバンドで試聴室らしいので東京の人は行ってください。

平賀さち枝さんは去年は1度しか見れず、半年ぶり。わりとアップテンポな演奏も多めで、カントリーロードとかいい感じに、最後は「白い光の朝に」で。今年は3月にあと2度は見れそうだし音源作りもやっていく気持ちのようなので期待。

しかしながら両人とも小一時間ライブして入場料700円は安すぎた(布博とかもそんな感じだけど)。

2017/01/19 Thu

かえる王国のインタビュー記事を公開しました

かえる王国大野紗々インタビュー

2016年のベストアルバムであるところの『POP'N'ROLL』をリリースし、ベストアクトであるところの大阪はALWAYSでのライブを行ったかえる王国の大野紗々さんに年末のタワレコインストア後にインタビューをさせてもらって、公開しました。とにかくかえる王国の音楽はいいので聴いていただきたい。今年はインタビューの年という気持ちもあるので、Webにない情報をインタビューしていきたい気持ちがある。

2017/01/19 Thu

体調悪くしていた

なんか朝起きたら吐き気とふらつきなんかがあり、自炊ミスったのかというかつてない感じだなということで寝込むことに。寝込んでも体の節々が微妙に痛かったりで数時間おきに目は覚める。あとだるすぎで、アクエリアス的な水分補給アイテムを朝から買いに行きたかったものの結局15時くらいにずれこんでなんとか頑張って買いに行けた。ということで夜寝てたの＋日中も9-23時くらいも寝て回復したと思いきや、普通に頭痛とかする風邪っぽい症状にシフトしてしまった。意識はだいぶ回復したので明日には直るといいけれど…。

2017/01/18 Wed

現代のWebページのスクリーンショットを作成する方法メモ

HeartRails Capture という太古のサービスもあったりするけれど、まだIEコンポーネントでサムネイル作ってるっぽいし、URLと対じゃなくてその時時のスクリーンショットを撮りたいとかいう気持ちもあったのでやってみた。ということで apt(wkhtmltopdf) でサクッと入る wkhtmltoimage を使えばよかった。あとサーバー(さくらVPS上のUbuntu)でやるのでレンダリングのために xvfb-run が必要だった。コマンドだとこんな感じ。

$ xvfb-run wkhtmltoimage https://oquno.com/ oqunocom.png

あとは小さめのサムネイルが欲しかったらこれを ImageMagic で

$ convert -resize 800x -crop 800x600+0+0 oqunocom.png oqunocom.thumb.jpg

とかすると(幅800pxにリサイズしてから上部 800x600 のサムネイルに切り出している＆ついでに jpg にしてファイルサイズ削減している)サムネイルっぽくなる。

という感じでオレオレGyazoにURL指定でキャプチャ取ったりする機能を追加してみた。ただ、今判明してる限りだと wkhtmltoimage だと --height オプション無しで Twitter の Tweet のパーマリンク投げるとうまくいかない(＆ --height つけると高さ固定になってしまうのでサムネイル撮るだけになる)。これは同じくWebKitを使ってるNightmare(PhantomJS)を使うと問題ないっぽいのでちゃんとやっていくひとはNightmare使うのが良さそう。