Pon De Beach

叩こう ココナッツ アゴゴ

【小ネタ】GitHub の Gist などで画像を使用するために

メモ

GitHub Gist や README 等で画像を使用する場合はどこか別のサーバ(DropBox や imgur 等)にアップロードしなければなりません。

ですが、 issues ではドラッグドロップで画像を GitHub の画像サーバにアップロードできますので、あとは生成された URL を使えばおk。

aikatsu_gif

上の gif は上記手法でアップロードしたもの。 URL 見てもらえばわかると思います。

念のためスクショを貼っておきます。

f:id:mizukmb:20151208142238p:plain

アップロードできたら消去しちゃってOK。

使い捨てでいいから画像を使いたいって時に便利。

2つの視点から見える井口祐未と安原絵麻の関係について

この記事は SHIROBAKO Advent Calendar 2015 6日目の記事です。

こんにちは、 @mizukmb です。

本題に入る前に、まずこちらのツイートを御覧ください。

第20回アニメーション神戸にて、 SHIROBAKO が 作品賞 を受賞されました。おめでとうございます!🎉

こうやって SHIROBAKO が評価されることはファンとしてとても嬉しいですね。今後の展開にも注目です。

さて、本題に入ります。今回は『2つの視点から見える井口祐未と安原絵麻の関係について』お話します。

f:id:mizukmb:20151206143938j:plain

復習: キャラ紹介

もうわかってるよ!という方は読み飛ばしてもらって構いません

本記事の主役である 井口祐未安原絵麻 を紹介します。

井口祐未

f:id:mizukmb:20151206141624j:plain

井口裕未(CV:沼倉愛美

『えくそだすっ!』総作画監督補。若手の頃から小笠原に学び、経験を積んで今に至る。明るくはっちゃけたような口ぶりが特徴的だが、仕事に対する姿勢は真剣そのもの。その実力は小笠原と並び、武蔵野アニメーションの看板アニメーターとされるほどの腕前。

キャラクター|TVアニメ「SHIROBAKO」公式サイトより

安原絵麻

f:id:mizukmb:20151206141814j:plain

安原絵麻(CV:佳村はるか

武蔵野アニメーションの原画マン。 学生時代、あおい達と共に同好会でアニメを作っていた。 真面目だがおとなし目で引っ込み思案な面がある。 動画から一年半という短期間で原画に上がれたものの、 性格も相まって画のスタイルを決めきれず、悩み続けている。憧れのアニメーターは、日常芝居を得意とするなにわアニメーションの堀内さん。

キャラクター|TVアニメ「SHIROBAKO」公式サイトより

武蔵野アニメーションでは彼女らは 先輩後輩の関係 にあります。

復習も済んだところでいよいよ『2つの視点』についてお話しましょう。

良き先輩後輩関係にある

前述のとおり彼女らは職場の先輩後輩関係にあるのですが、その関係が非常に美しく 「これ理想の先輩後輩関係では…」 とアニメを見てて思いました。

まず、第8話「責めてるんじゃないからね」 では絵麻ちゃんが猫の絵をうまく書けずに悩んでいるシーンがあります。井口さんは原画の先輩として自らの体験談を交えながら、 どうやって絵がうまくなるように努力したのか、煮詰まった時はどうすればいいか を絵麻ちゃんにアドバイスします。まさに理想の先輩像と言えますね。

さらに、 第16話「ちゃぶ台返しでは今度は井口さんがキャラデザインのリテイクで悩むシーンがあります。絵麻ちゃんは直接的なアドバイスはできないものの、バレないように会議室の扉の裏から盗み聞きする(小笠原さんにはバレていた模様)など井口さんを常に心配している様子 が描かれていました 。 かわいい

まとめると、

  • 井口さんは先輩として、 後輩の悩みを聞き実体験を交えながらアドバイスをする
  • 絵麻ちゃんは後輩として、 先輩の頑張りを陰ながらでも応援する

こんな先輩後輩関係、素晴らしくないですか?変な話。

私もこんな関係を築けるように頑張ろうと思いました。

中の人同士の仲がいい

ここからは中の人、つまり 声優 のお話をします。

彼女らを担当する声優は、井口さんが 沼倉愛美 さんで、絵麻ちゃんが 佳村はるか さんが担当なさっています。

沼倉愛美

沼倉愛美(愛称: ぬーぬー)さん

佳村はるか

佳村はるか(愛称: るるきゃん)さん

彼女らは養成所の同期とも合って 非常に仲がいい ことで業界内では有名です*1。どれだけ仲がいいと言いますと、 佳村はるかさんを自宅に招いてお泊り会を開くほど だそうです。

そんなプライベートでも仲の良い2人が SHIROBAKO という作品を通じて共演なさっている。私はこの2人が絡む度に 『尊い…』 と思いながら観ていました。

ちょうど23話のラストシーンの2人が会ったあの感覚に近いです(ネタバレになるので伏せますが一度ご覧になった方は分かって頂けると思います)。


いかがでしたでしょうか。

本記事を通して井口祐未と安原絵麻の関係が如何に素晴らしく美しいものであるか伝わったでしょうか。

実は SHIROBAKO がオンエアされていた時期に私はちょうど就職活動を行っていました。私は SHIROBAKO から 働くことの意味や仕事にこだわりを持つ大切さを知り 何度も勇気をもらいました。その後、無事に内定を頂くことができました。

SHIROBAKO は私にとって人生を支えてくれた良きアニメでもあるのです*2

これからも私は SHIROBAKO を応援していきたいと思います!

*1:我々の業界では『ぬーるる』と呼び広く愛されております

*2:言い過ぎ感

DBpedia Japanese を利用して各プログラミング言語の関係性を可視化してみる(座学編)

この記事はFUNAdventCalendar2015 4日目の記事です。

こんにちは、 @mizukmb です。

本記事では約2回に渡り LOD について紹介し、実際に LOD の技術を利用して各プログラミング言語の関係性を可視化してみようと思います。

f:id:mizukmb:20151203233200j:plain

対象読者

FUNAdventCalendar ということなので

  • はこだて未来大学に興味がある人
  • 研究テーマをどうしようか悩んでる学生

を対象としています。なので技術的な内容というよりは紹介メインな内容となっております。

LOD って一体なんですか?

LOD(Linked Open Data) とは、 世の中にある様々なデータを横断的且つ容易に利用できるようにするための仕組みのことです。

従来のウェブには膨大な量のデータが蓄積されています。このブログだってウェブ上に公開された貴重(?)なデータです。しかし、こうしたデータをコンピュータで処理しようとすると結構苦戦します。原因の1つとして、 データ形式の違い が挙げられます。 .html とか .csv とかそういうのです。 LOD は こうしたデータの形式を統一することで、データ同士がリンクする「データのウェブ」を目指しているのです。 LOD の普及が進むことで様々なデータを組み合わせた マッシュアップアプリケーション の構築が容易になるといったメリットがあります。

一見すると何も関連がなさそうなデータ同士を組み合わせることで新たな発見を促し、 データとしての価値を高める ことができるのも LOD の魅力といえます。

LOD を支える技術

LOD では セマンティックウェブ と呼ばれるプロジェクトの中で生まれたいくつかの技術を利用しています。言い換えれば、 LOD はセマンティックウェブプロジェクトの一種であるといえますね。今回はその中でも重要な技術である RDF(Resources Description Framework)SPARQL(SPARQL Protocol and RDF Query Language) について説明します(といっても前述のとおりあまり詳しくは説明しません)。

RDF

データ形式の一種であり、要の部分でもあります。 RDF はデータを『 主語(Subject) 述語(Predicate) 目的語(Object) 』の3つの要素で表現します。これは RDFトリプル と呼ばれ、例えば『このブログの執筆者は @mizukmb である』という一文は

  • (この)ブログ -> 主語(Subject)
  • 執筆者 -> 述語(Predicate)
  • @mizukmb -> 目的語(Object)

というように分類できます。このようにトリプルで表現できる情報を整理したものが RDF であり、その集合体(まさにデータのウェブ)が LOD であるわけです。

f:id:mizukmb:20151203232240p:plain

ちなみに、 RSSRDF で書かれています。

SPARQL

SPARQL とは、 RDF データを検索/操作するための言語 です。つまり RDF データを扱うにはほぼ欠かせない技術ってことですね。

具体的な使い方については今回は說明しませんが、後々お話します。

Wikipedia + LOD = DBpedia

だいぶ駆け足で説明してきましたが、ついにタイトルでもある DBpedia Japanese についてお話します🍣。

DBpedia Japanese を一言でいうと『日本語 Wikipediaの情報を LOD 化したウェブサイト』です。といってもページに掲載されているすべての情報ではなく、ページ右側にある infobox を対象としているようです。

f:id:mizukmb:20151203232501p:plain

また、 日本語版だけでなく英語版などの DBpedia も存在します。 DBpedia の登場によって様々データがリンクしやすくなり LOD の普及に大きく貢献しました。

長くなりそうなので、今回はここまでにします。次回は DBpedia Japanese のデータを利用して各プログラミング言語の可視化を行おうと思います。

だいぶ端折った紹介になってしまいましたが、雰囲気だけでも分かっていただけたらありがたいです。最後に、 LOD 周りの研究について紹介して終わりとします。

未来大における LOD 及びセマンティックウェブの研究

未来大では大学の所在地でもある 函館市の歴史的文化財や観光情報 の LOD 化の研究が行われていたり、 高度 ICT 演習と呼ばれる PBL にて LOD を利用した アプリケーション開発 などに利用されたりしています。また、 LOD とは関係ありませんが RDF 等の技術を利用した研究もいくつか実績があるようです。

未来大以外の LOD 及びセマンティックウェブの研究・活動

ヨコハマ・アート・LODデータ シティ鯖江など地方自治体の持つデータの LOD 化などの動きが高まっています。他にも、 既存の LOD を利用したコンテンストも毎年開催されています(LOD Challenge 2015)。

また、研究会としてセマンティックウェブとオントロジー研究会があります。

さらに最近では IoT(Internet of Things) の技術に RDF を採用するケースがふえているようです。(参考: 人工知能Vol. 30 No. 5( 2015 年9月)より Linked Data 活用を促進するプラットフォーム)

【Splatoon】新ギアの中から強そうなギアベスト5を選んでみた

はい、どうもこんばんは @mizukmb です。

先日の Nintendo Direct (11/12) にて、Splatoon の追加アップデートが発表されました。

そのなかで、40種類以上の新規ギアの追加が行われました。これによりギア選択の幅が大きく広がりました。というわけで今回は、私の独断と偏見で 強そうなギアベスト5 を発表しようと思います。

もったいぶる必要はないのでいきなり1位からいきます。

第1位 イカノルディック

堂々の第1位は イカノルディック です!おめでとうございます!

ギア名 部位 メインギア ブランド 付きやすい 付きにくい
イカノルディック アタマ カムバック ホタックス 復活時間短縮 スペシャル減少量ダウン

なんといっても、 メインとサブの相性が抜群に良い、これに尽きます。ゾンビ装備を揃えるのであればこちらのギアはかなり有効だと思います。

第2位 イカノボリベスト

次いで第2位は、イカノボリベストです!おめでとうございます!

ギア名 部位 メインギア ブランド 付きやすい 付きにくい
イカノボリベスト フク マーキングガード クラーゲス イカダッシュ速度アップ 防御力アップ

シューターほぼ全般 と相性が良いですね。 ただしプライムシューター、テメーは駄目だ

第3位 イカスカジャン

おめでとうございます!

ギア名 部位 メインギア ブランド 付きやすい 付きにくい
イカスカジャン フク 復活時間短縮 エゾッコ スペシャル減少量ダウン スペシャル増加量アップ

フクのゾンビ装備であれば これ一択 ですね。

第4位 FCカラスミ

入賞おめでとう!

ギア名 部位 メインギア ブランド 付きやすい 付きにくい
FCカラスミ フク 防御力アップ ヤコ スペシャル増加量アップ スペシャル時間延長

.96 ガロン あたりと相性いいと思います。

第5位 レアスパイカ

いいね!

ギア名 部位 メインギア ブランド 付きやすい 付きにくい
レアスパイカ クツ 安全シューズ ヤコ スペシャル増加量アップ スペシャル時間延長

同上。というか 安全シューズ ってだけで強い。


イカがでしたでしょうか。今回の追加ギアは全体的に ホタックスエゾッコヤコ ブランドが多めの印象を受けました。

今回のランキングが今後のギア選択の参考になればと思います。

マークダウン形式のリンクを作成するシェルスクリプトを書いた

いちいちタイトルとURLをコピペするの非常にだるいので、シェルから簡単に変換できるやつ書きました。

Create a markdown format link.

引数に URL を渡して、curl でHTMLファイル取得して、 title タグが含まれる行を grep コマンドで検索。あとは sed コマンドで、タグの除去、インデントの除去を行いタイトルを取得。

あとはそれをマークダウン形式に直して出力するただそれだけです。

誰かやってそうだけど、見つからなかったしいいよね。

使い方

URL渡すだけ

$ ./mdlink http://mizukmb.hatenablog.com
[mizukmbの日記](http://mizukmb.hatenablog.com)

便利

Happy Hacking Keyboard Professional2 の設定をした

Happy Hacking Keyboard Professional2 を色々といじったので備忘録的な意味も込めて投稿。

ちなみに、ぼくのHHKBはこんな感じ

環境

背面スイッチ

SW2 のみ ON ( Macintosh Mode )

背面スイッチの説明はこちら

キーリマップ

KeyRemap4MacBookというソフトウェアを使用。

Vi Mode

HHKB Pro2 の場合、方向キーが Fn + ; [ ' / で使いづらかったので、Option + h j k l に変更した。 普段から Vim を使っていてよかったと思った瞬間である。

f:id:mizukmb:20150908150825p:plain

For Japanese

左の Command キーで 英数、 右の Command キーで かな にできるようにした。要はMac の JIS 配列のアレ。

f:id:mizukmb:20150908151127p:plain

右 Shift で _ (アンダーバー)

こちらは用意されていない設定だったので、 private.xml に書いた。

Setting file of KeyRemap4MacBook

Misc & Uninstall -> Custom Setting -> Open private.xml で private.xml を開き設定。

Change Key に新しく For HHKB Pro2 という項目が追加されるので、そこの Shift_R to Underscore for US Keyboard にチェックを入れる。


以上が、僕の HHKB Pro2 で行った設定である。

まとめると

  • Opt + h j k lで方向キー(Vi Mode)
  • Command キーで英数 / かなの切替(For Japanese)
  • 右 Shift キーを _ キーに変更(For HHKB Pro2)

の3点。

あまりキーマップを変更したくなかったので、最小限に抑えた。右 Shift キーは使い心地によっては戻すかもしれないけど、とりあえず様子見。

参考

Mac で HappyHackingKeyboard Pro 2 を使う - sorry, uninuplemented:

自分仕様のキーリマップを設定する - ザリガニが見ていた...。

はてブや Qiita ストックをもっと有効活用したい

毎日厳しい暑さが続いておりますが、皆様イカがお過ごしでしょうか?

え?毎日イカのゲームしかやってないだって?

はい、私もです。

毎日体力の限界が来るまで 某イカのゲームをやり続けてます。やればやるほど面白い。これだけハマったゲームも久々です。このために本体ごと買いましたが全く後悔してません。みなさんも買いましょう、 イカのゲーム。


さて今回は、私が作った Chrome 拡張処女作である HateQii をご紹介したいと思います。

github.com

使い方についてはリポジトリの README.md に書きましたのでそちらを参考にして下さい。

作成経緯

一番大きな理由は、 ブックマーク・ストックした記事の有効活用です。

私達が普段はてなブックマークや Qiita ストックをする時、『後で参考にしよう』とか『後でじっくり読もう』とかアーカイブを目的とすることが多いです。

しかし、はてなブックマークや Qiita で有用な記事をアーカイブしても、それらを再利用する場面があるでしょうか?あるいは、わざわざ一覧ページから検索をかけることがあるでしょうか?

例えば、 あなたがプログラミングで何か技術的な問題が発生したとします。 色々と調べた結果、 Qiita で非常に参考になった記事を発見しました。あなたは問題を解決できた感動と後でまた見ることになりそうと思い、記事をストックしました。

後日、また同じ問題が発生してしまいました。あなたは、 Qiita で記事をストックしたことをすっかり忘れ、いつものように Google で検索し参考になりそうな記事を見ては戻るという非常に無駄な時間を過ごしてしまいました…。

ここで私が感じたことは、 ググった時にはてブとか Qiita のストックも一緒に検索して欲しいな〜 ということです。

はてブはまだしも、 Qiita のストックに対して検索することなんてほとんど皆無に等しく、正直、 Qiita のストックに検索かけるぐらいなら普通にググったほうが役に立ちそうな記事が見つけられそうって思ってしまうのです。

事実、Qiita にしても はてブにしても人気のある記事は検索上位に来ますからね。それぞれのページに対して検索かけるのは非常に面倒です。

そういった思いから、今回の Chrome 拡張を作成しようと思い立ったのです。

しんちょくほうこく

進捗は全く駄目です。ていうかはてブの検索できません。

軽いタイトル詐欺みたいな状態なのに公開したのは、私が Qiita のストックをググれるようになったことに満足したからです。

f:id:mizukmb:20150815231413p:plain

わかりづらいですが、他の検索キーワードのしたに3つくらいあるリンクが HateQii で拡張させた部分です。

スタイリングも全く行っていない雑な作りになっていますが、『Ruby』とググっただけなのに何だか有用な記事が増えたと思いませんか?あなたがあの時『また見よう』と思った記事を HateQii はそれを掘り起こすお手伝いをしてくれます。

とはいえ、ほぼ全く完成していないのでとりあえず現在(2015/08/15)できること、できないことをまとめます

できること

  • ログインしたユーザーの Qiita ストックに対して検索できる
  • 検索した記事のリンクに飛べる

できないこと

  • はてブ非対応
  • Qiita ストック最新20件しか検索できない

こんな感じです。サイコーにイカしたエンジニアの方々からの PR 待ってます(๑╹ڡ╹๑)

小ネタ

Qiita のユーザに関しては自分の ID じゃなくても OK です。なので、有名なエンジニアの ID を入れて Google 検索にスーパーエンジニアブレインをぶち込むこともできます。HateQii を使って君だけの最強の検索アルゴリズムを作り出せ!!

最後に

私は現在、 Splatoon をプレイしています。私と一緒に Splatoon をプレイしたい方、わたしをボコボコにしたいという方、是非フレンド登録をお願いします。

ちなみに今はこんな感じです

NNIDは mizu0623 です。

本当は mizukmb が良かったけどNNIDの仕様があまりにもクソ過ぎて諸事情によりこうなりました。 初めてまだまだ日の浅い新人イカゲーマーですがよろしくお願いします。