タグ別アーカイブ: IRC

「aoringo works」一周年! 軽くこれまでを振り返る part1 ~本サイトの性質~

一周年振り替えり | aoringo works

一年で記事を227個投下

やあ、「aoringo works」もついに一周年が経過いたしました。ありがとうございます。ありがとうございます。

現時点で総記事数227という中々に良い数字となりました。ほぼ日刊という形でしょうか。まあよくもここまでこれたなあと自分では思います。

今回から数回にわけて、一周年の振り返りをしたいと思いますよ。

書評サイトとしてスタート

元々は書評サイトとしてスタートしました。クリエイターズネットワークさんのブログスペースサービス開始に合わせての始動、といった感じでしょうか。同時にいくつかのサイトを始動させ、経過を観察。

クリエイターズネットワーク

今でも書評は続けており、一カテゴリ、一コンテンツとして収まっています。

プログラムを始める

サイトを運営し始めて数ヶ月たったくらいから、デザイン、機能もろもろに不満が出始めます。

微妙に使いづらいなあ。そうだ、じゃあ自分で作ればいいんだ。

まあそんな感じで即本を買い込み勉強を始めます。ここから一ヶ月ほどブログ運営を停止、プログラムに熱中してました。

そこからは自分の欲しい機能を持ったプログラムをほぼ日刊で製作し続け、サイトの性質もここで「書評&プログラムサイト」へと変化していきます。

チャットログを整形するaoringo chat logmakerの製作

時を同じくして、IRCチャットログを吹き出し状に整形するプログラムを作り、ブログに取り込みました。これがその後「chat logger」へと変化します。

aoringo CHAT logger

ここくらいから、TRPG界になんとなく足を踏み入れます。どどんとふの存在をしり、セッションマッチングサイト「セッションマッチングシステム」を共同製作します。

TRPG.NET セッションマッチングシステム

この時点ではまだTRPGを実際に遊んでません。受注し、提供している状況です。その後も色々作っていく中で、そろそろTRPGを遊んでみたいな。と思うようになります。

TRPGを遊び始める

実際にTRPGを遊び始めたのはプログラムを始めてから五ヶ月程度後。ブログ開始時からは七ヶ月程度経ってから。割と貪欲にシステムにとらわれず色々遊んでおりました。

ここくらいからサイトの性質が完全によろず屋状態に。カテゴリごとに完全に分かれた形なりはじめます。デザインも八月手前くらいに今のデザインに落ち着きました。

今に至る

そうして今に至ります。実際の文章より現実はもっとカオスなんですが、大体こんな感じですよ。プログラムを提供したり、思い立ったら色々作っていたりします。結果としてこんなへんてこなサイト状態になりましたが、私らしくていいかなと思っています。

統一することは怖いことじゃない

一つのブログに色々な要素を詰め込むことは、基本的には利用者を迷わせてサイト自体が迷宮化すると言われています。

しかし、カテゴリをきちんと整理し、トップページからの導線を考えれば、私はそんなことはないと考えています。今後も新しい趣味や計画が始動したとしても、このサイトを中心に活動していく事でしょう。目指せライフログブログ。そんな感じですよ。

TRPGのリプレイに最適なCSSスタイルを考える

タイトル通りです。

CSSってのは、HTMLの見た目をエレガントにカッチョウヨクデザインする事の出来る特別な文法であります。この機会に勉強するのもよいでしょう。

この記事では、CSSはある程度理解しているという前提に立ち考えていこうかと思いますよ。

pre か p か dl か。

まずどのHTMLタグを使用してデザインをするのか、選定をしていかないといけませんね。

テキストをそのまま持って来るという意味で、一番簡単なのが「pre」タグです。

<pre>
改行なんかも気にせずいけるもんね
わーいわーい
</pre>

brタグなんかを利用しなくてもそのままコピペでいけちゃいますね。ただ、問題点もあります。

それは各行のデザインをする事が出来ないということ。無難なテキスト丸出しなのでションボリーにな感じになりがちです。

二つ目、「dl」タグです。これは辞典などの項目に用いられますね。

<dl>
 <dt>PC1</dt>
 <dd>あいうえお</dd>
</dl>

こんな感じです。見出しと内容でこのように分かれてくれるの比較的見やすい形になるし、CSSでスタイリングもしやすいです。

が、htmlタグを見ての通り、それぞれの項目をタグで包む必要があるので面倒くさいという点があります。

そんなわけで、今回私は「p」タグを利用することにしました。

このブログを作るのに利用されている「wordpress」では、普通に文章を打てば、吐き出されるhtmlデータは全て「p」タグで囲われているのです。

これを利用しない手はありません。

実際にデザインしていく

とはいっても特に難しい事は考えません。見やすい文章になるように細かく調整していくだけです。

<div class="replay">
 <p>PC1:テスト</p>

<p>GM :テテスト</p>

<p>
 PC1:テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト</p>

<p>GM :テ、テスト</p>
</div>

利用するテキストはこんな感じ。div.replayに囲まれた物のみに適応される形ですね。

素のままだとこんな感じ。

まず横幅を大体600pxにします。これは、横長になりすぎるとそれだけでストレスになる場合があるからですね。

読みやすい!

しかし折り返された文章が名前と被って読みづらい気もします。

そこで。

「text-indent」と「padding-left」を使用します。

text-indentは文章の一行目だけをインデントします。

p{
 text-indent:1em;
}

これで、

こんな感じになるわけですね。

じゃあこうしてみると?

p{
 text-indent:-3em;
 padding-left:3em;
 }

こんな感じで二行目以降にインデントする事が出来るわけですね。

他にも色々と装飾を乗っけて、見やすいTRPGリプレイを目指してみて下さいね。

軽く修正してみて最終的にはこんな形に。

<style type="text/css">
 body{
 max-width :600px;
 margin :0 auto;
 }

p{
 margin :0;
 text-indent :-4em;
 padding :10px 0 10px 4em;
 border-bottom :1px dotted gray;
 font-size :12px;
 font-family :monospace;
 }
 </style>

今回のデモは↑より。

また、aoringo worksではIRCやどどんとふの利用により生成されたチャットログを見やすくするためのwebツールを開発しています。

aoringo CHAT logger

こちらもご利用下さいな。

開発

一人、もしくは複数で制作されたもの。aoringo発案、メイン制作なものは「aoringo」が冠につく。

aoringo CHAT logger
IRC、TRPGチャットのログを綺麗に整形することができるwebツール
Aoringo Elysion Enemy-sheeter
エリュシオンTRPGのエネミーシートを簡単に作成できるwebツール
共同制作:Kurumi’s TRPG archive

提供

依頼を受ける形で制作した制作物。

TRPG.NET セッションマッチングシステム
TRPG.NETが運営している、TRPGをプレイする全ての人たちに向けたTRPGマッチング特化webサービス
cre.jp 検索ページ
NEXTに属する各種体系の総合的な検索webツール
IRC公開LOG | クリエイターズネットワーク
NEXTが運営する一部のIRCチャンネルのチャットログを閲覧することが出来る。CRE.jp、TRPG.net、語り部で運用中

どどんとふのログを形成するプラグイン「aoringo dodontof logmaker」を作りました。


どどんとふ、便利ですよね。ログもhtml形式で出してくれますし・・・・。

名前は太字だし、文字も大きめだし、とても見やすいと思います。

けれどもまあ、折角どどんとふは画像をサポートしてるし、白熱したログはもっとこう、視覚に訴えるような、こう、なんか、アレな感じで・・・・という欲求をお持ちの方は少なからず居ると思います。というわけで作りました。

どどんとふのログを形成するwordpress用プラグイン、「あおりんご どどんとふ ログメーカー」です。

続きを読む どどんとふのログを形成するプラグイン「aoringo dodontof logmaker」を作りました。

IRCBOTで遊ぼうとしたけれどnadokaの導入につまづいた。何故だかこうにも繋がらない。

IRCでBOTを触ってみようと思ったんですね。Rubyの勉強に。

繋ぐ鯖だけ変更して、接続。チャンネルにいる事を確認・・・までは良かった。nadokaさん自体に繋げない。nadokaさんはそもそもircプロクシ。nadokaさん自体に繋げないと色々と不便じゃん?!

続きを読む IRCBOTで遊ぼうとしたけれどnadokaの導入につまづいた。何故だかこうにも繋がらない。

宴会・二次会のお供に 笑える・受ける・ネタになるカラオケ曲たち

さて、宴会シーズンですね。二次会はなにになりますか? 私はカラオケ派です。というわけでネタ色の強い曲達を紹介いたします。

つかみに

いきなりネタ全開の曲はどん引きされる場合があります。ジャブのような曲は必要です。場の雰囲気として「ネタ曲は受け入れられるかどうか」の判断にもなりますね

死にたがり/梨本うい

【初音ミク】死にたがり【オリジナル曲】 – ニコニコ動画:GINZA

ロック調で聞きやすく、ストレートですね。ネタにもなるし真面目にも歌えます。場の雰囲気がどちら側か判断しやすい曲です。

グリーン・グリーン/in the soup

こちらもロック。あの「グリーングリーン」をかっちょうよく歌い上げます。みんなもノリノリでついてきてくれるのでとても歌いやすい。

酔っ払いが多い場合

もうなにがなんだかわからなくなってるパターンはよくあります。とりあえずもう騒げ! 歌え! 飲め!! みたいな状況。精神年齢ががくんと下がり、プロレスラーのマネをし始めたりとかとか。そんな「どうにでもなれ」みたいな空気の時にはこんな曲がいいかと思います。

死ね死ね団のテーマ/キャッツアイズ ヤング・フレッシュ

タイトルからしてもう・・・。ネットではflashなどで有名ですね。

名古屋はええよ!やっとかめ/つボイノリオ

関東で歌うとなかなか受けるはず

うんこ/森山直太朗

すっごく良い曲なのですけれどね、うんこ。

崖の上のポニョ/藤岡藤巻と大橋のぞみ

歌のおにいさん、おねえさんの気分で歌うのがコツです。綺麗に歌いましょう。

本気なあなたに

本気で笑いを取りに行く。そんなあなたにはこれらがお勧め。

スマイル/the pillows

しっとりな曲調がいきなり叩き付けるような歌詞と共に変貌します。とりあえず注目度は抜群。

星のアルペジオ/BUMP OF CHICKEN

隠しトラックですので入っているカラオケは限られていますが、このシーズンならではの曲でもあります。

撲殺天使ドクロちゃん/ドクロちゃん

意外に穴場。危険物でもあるので取り扱いは十分注意が必要です。

やっちゃった/般若

あえぎ声、裏声まで使えたら完璧。個人的にこれが鉄板です。

DT捨テル/ゴールデン・イクシオン・ボンバー DT

全てが酷い曲です。酷すぎです。でも好き。

きみのためなら死ねる/光吉猛修とスーパーラバーズ

天国と地獄〈完全版〉/光吉猛修とスーパーラバーズ with ラブラビッツ

残念ながらまだカラオケには入っていない様子・・・もう少ししたら歌えるようになるかも? おじさんたちの哀愁漂う声が癖になります。

浮気なぼくら&インストゥルメンタル/YELLOW MAGIC ORCHESTRA

渋い声であればあるほどよろしいです。キュン♪ をまろやかに、かわいらしく、余韻を残すように歌うのです。

難易度高し

受ける!! が、歌唱力を問われる曲です。だからこそ完璧に歌えたら持ちネタになります。

ROLLING 1000tOON/マキシマム ザ ホルモン

マキシマムザホルモンは全体的に憶えるのが大変ですが、この曲は比較的歌いやすい部類かと個人的に思っています。歌詞を気持ち省略しつつリズム良く歌い上げると上手くいきます。デス声、裏声、高い声を切り替える必要があり、大抵疲れ果てちゃいます。

三人のおじさん/BUMP OF CHICKEN

口笛が吹ける人はこれ。隠しトラックなので歌えるカラオケは限られます。また、スローテンポなので場が暖まってないと苦痛な時間を味わうことも。タイミングが難しい曲です。

Vicinity Of Obscenity/System of a down

system of a downは聞きやすい曲が多くて好きです。この曲は真面目に歌ってもかっこいいんだ・・・。

ぴんくの象/KOKIA

キンキンに高い声を出せる人は是非ともこの曲をマスターしていただきたいです。かなり難易度高めですが、インパクト大。

ゆきこさん/ミドリ

荒々しく、そしてかわいい歌です。デス声で喉が潰れる曲でもあります。

真面目な空気のなかにシレっと混ぜる

ネタ曲が通じなさそう、けれども笑いはとっていきたいぜ。そんなロックなあなたに真面目、でもネタな曲を。

マッシュルームマザー/キノピオP

【初音ミク】マッシュルームマザー【オリジナルPV】 – ニコニコ動画:GINZA

君はいなせなガール/石風呂

君はいなせなガール/歌、IAとmiki – ニコニコ動画:GINZA
ダウナーにがくんがくんするように歌うと独特の面白みが出る曲たちです。歌詞もおもしろおかしいのが良いです。

危険牌

ネタ曲だけれどちょっと待つべきな曲。

男女/太郎

あまりにも有名になりすぎました。20代の人が多い場所ではちょっと危険です。「男女かー」といった反応をされる場合が・・・。職場の飲み会、宴会など、上司が多い場所では盛り上がると思います。

金太の大冒険/つボイノリオ

いまさら・・・な感が強いです。直接的すぎるのもマイナスに働く場合があります。

オタ系

あなたが職場でオタク認定されていて、遠回しに、いや、直接的にでも「アニメの曲いれてよ」といわれたら。ドヤ顔でこれらを入れるのです。

Os-宇宙人/エリオをかまってちゃん

若干危険牌。完璧に歌える自信が無ければいれるべきではありません。逆に完璧に歌えて場の空気を支配できるのであれば、最強の一手間違いなし。

ハレ晴レユカイ/涼宮ハルヒ(平野綾),長門有希(茅原実里),朝比奈みくる(後藤邑子)

有名なので抵抗はないはず。踊りまでできれば完璧です。

さくらんぼキッス 〜爆発だも〜ん〜/KOTOKO

台詞の部分まで気持ちを込めて歌うんです。聞いた方は悶絶死すること間違いなし。「歌えっていうんじゃなかった」と頭を抱えさせたら成功です。(ぇ

Princess Bride!/KOTOKO

KOTOKOでネタに使える曲を漁ってたら日がくれそうですね。

.

まだまだ紹介したい曲沢山あるのですけれど、今回はこの辺で。新年会、忘年会をたのしんでくださいね!

.

IRCもしくはtwitter用? webサイト紹介ブックマークレット

作業効率が加速する…無駄を省いてブログ執筆の時間を短縮しよう!私が現在使用している「ブックマークレット」6選! | OZPAの表4
私が作業効率を上げるために、ブログ執筆の際に使用しているブックマークレットをさらしあげてみたいと思います。 …

ここで紹介されている『「開いているページのタイトル」のリンク作成』をよく使わせて頂いております。ありがとうございます。

ブックマークレットというのは、まあリンク形式で実行できるアプリケーション、といったものでして、これをお気に入りいれれば実行するだけで色々な作業が簡単になるけです。文章を灰色文字で引用してみたり、そのページのアドレスをHTMLタグで装飾したり、ですよ。

で、まあ、IRCやtwitterを利用しているとアドレスを貼り付ける機会がなかなか多い。アドレスだけ張るのはあまりにも不親切だし、わざわざページのタイトルをコピペするなんて何度手間だって話ですよね。なのでちょこっとだけ弄らせて貰いました。

続きを読む IRCもしくはtwitter用? webサイト紹介ブックマークレット