Subtle Patterns | Free textures for your next web project.
ポップで扱いやすい背景画像が大量にあります。
色味も基本的に落ち着いていて、どんなサイトにも合うかと思います。その場で背景をすぐ試せるのも良い感じです。
無料商用化で利用できます。
Subtle Patterns | Free textures for your next web project.
ポップで扱いやすい背景画像が大量にあります。
色味も基本的に落ち着いていて、どんなサイトにも合うかと思います。その場で背景をすぐ試せるのも良い感じです。
無料商用化で利用できます。
FitText – A plugin for inflating web type
文字列の操作はとても難しく、それらを自動化してくれるのは大変助かりますね。
ウインドウのサイズに合わせて文字サイズや文字間のサイズを調整してくれるのですが、動作が自然で素敵です。
色々な所で利用できすおなのでメモしておきます。
要素を簡単に振るわせる事が出来ます。
色々な振るわせ方があり楽しいです。特に「crazy shake」はもう壊れそうなくらい震えますw
実装も簡単ですね。
jQueryやphpなどの知識がなくても導入できるので、サイトのちょっとしたアクセントにいかがでしょうか。
わりと色々な所にアクセントとして利用することが増えてきていたので、ここらでテキストにエフェクトやアニメーションを追加するjQueryプラグインをまとめて置こうと思います。選択肢を持っておくと、ページ製作も効率良く進める事が出来ますね。
Textualizer | K. Risk – JavaScript Refined
テキストをフィードインで入れ替えながら表示させる事ができます。表示させる文字列の中に「前に使用した文字」が含まれていれば、それは消さずにスライドさせて次の文章を表示させます。ちょっと分かりづらいですがリンク先のデモを見てもらえれば分かるかと思います。
指定したテキストにcss3のアニメーションを指定する事が出来ます。豊富なオプションがあり、待ち時間やエフェクトの切り替えなど、かなり細かく設定できるのが特徴です。
文字列の指定した部分がくるっと入れ替わります。シンプルで控えめ。簡単に実装でき、待機やアニメーションの時間を設定する事が出来ます。githubはこちら→jdan/dynamo.js · GitHub
Shuffle Letters Effect: a jQuery Plugin | Tutorialzine
文字列をシャッフルさせながら表示します。文字の入れ替えも可能。デモを見てみるとどういうことか良く分かるかと思います。→Shuffle Text Effect with jQuery | Tutorialzine Demo
色々と使い道がありそうですね。
Text Opening Sequence with CSS Animations | Codrops
まさにこれから映画が始まるのか? と思えるほど重厚な雰囲気を出せるjQueryプラグインです。凄いんですけれども、使い道に困りそうですw
Sliding Letters with jQuery | Codrops
テキストをマウスオーバーすると、スライドするような感じでかわいらしくアニメーションします。太めの文字で動作させると良い感じでは無いでしょうか。デモでどういった動作をするかがわかります→Sliding Letters with jQuery
peachananr/simple-text-rotator · GitHub
文字列の一部をシンプルなエフェクトとともに入れ替える事が出来ます。色々なエフェクトが容易されておりたのしげです。デモで動作を確認してみてください→jQuery Super Easy Text Rotator by Pete R. | The Pete Design
Squiggle
テキストの取り消し線をぐにゃぐにゃした手書き風で表現してくれます。かなり特殊で面白いですね。
テキストを指定された図形に合わせて整形して表示してくれます。インパクト大きいですね。
Arctext.js – Curving Text with CSS3 and jQuery | Codrops
色々な使い道が出来そうです。色々なレイアウトに使う事ができそうです。
テキストをタイプしながらというイメージでアニメーションさせたり、文字をランダムに入れ替えながら表示させたりと様々な表現ができるようです。シンプルな分色々な所に使えそうですね。
ottonascarella/textblur · GitHub
ブラーでボカしたような感じからアニメーションしてくっきりと文字列が表示されるようにアニメーションします。デモ→TextBlur – a jQuery Plugin
艦隊これくしょん -艦これ- 艦これRPG 着任ノ書 (富士見ドラゴンブック)
言わずもがな、大人気ブラウザゲームがまさかのTRPG化ですね。一度遊んでみて大体の感触が掴めたので感想を書いていこうかと思いますよ。
まず、リプレイからして「初めて」の人たちを集めているのに好感がもてました。艦これは知ってるけれどTRPG初めて、TRPGは知ってるけれど艦これ初めてという人たちが、どういう風に遊ぶのかという雰囲気を掴むことが出来ます。
キャラクターに属性が加えられていく様や、状況により空想・妄言を言い合いながら「本当にそうなる」一連の流れは本当にTRPGらしい。ここまでやって良いのがTRPG、というのが分かるリプレイは個人的に好きです。
全体的に進行も丁寧で、チュートリアルのように進んでくれて、読んだ後すぐに「遊べる気がする!!」と思えます。
そもそもルルブにリプレイがついているというのは、初めてTRPGを遊びたいと思う人たちにはとても嬉しいことですよね。
賛否あるようですが、キャラクターを一から作成するではなくすでにステータスが決まっているキャラクターを選ぶ「テンプレート」という方式は艦これに合っていますし、なにより初めての人たちの負担を減らす事が出来ます。特に艦これを知っている人たちからすれば、艦娘たちのステータスは元々決まっているのが当たり前ですしね。
テンプレート方式だからといって、選べるキャラクターは三十人程度。さらには四月に拡張も発売が決定し、さらに選べる艦娘は増えるようです。特徴もきっちり捉えていて「ああ、そうそう、こんな感じだよね」という物に仕上がっています。艦これを知っていればすっと理解できるものになっていますね。
さらに、数行のキャラクター解説とリアクション表に記載されている台詞から艦これ知識の無い人にも優しい設計。そもそも艦娘という存在自体、背中に砲台をしょっていたり弓を持っていたりして容姿が性能を表しているので、「こういう子なのかな?」という想像のみでのプレイでも的を得ていたりします。
艦これRPGの基礎となっているサイコロフィクションというTRPGルールは判定が少し特殊ではありますが、一度マスターしてしまえば行為判定も攻撃判定も回避も全て同じ方法で行うのでプレイに集中できます。舞台も大量にある表によりとても「なんじゃこりゃ」な物になりやすく、お話の種が出来やすいので動きやすくなっています。艦これRPGでTRPGに興味を持てば、他のサイコロフィクションシリーズにも手が伸びやすいというのもいいですね。
手番や感情などといったルールも遊びやすさに繋がっています。誰と誰がどういった環境にあるのか、どういう感情を抱いているのか。さらには手番があることによって、それぞれがどう物語を薦めたいのかという「主導」を握ることができるというのが、なによりもTRPGらしくて素敵だと思います。
さらに、今回は手番の人だけ、もしくはもう一人という括りではなくなっており、原則全員登場している事になっています。常に物語に参加できるのは嬉しいですね。
艦これRPGの大きな特徴に「イベントカード」があります。そのシーンがどういった物になるのか記入されたもので、補給や遊びなどの演出の他に、キーワードという項目があります。これが楽しい。突拍子の無い話題に頭がまっ白になったり、思わず吹きだしてしまう物があったり。「それじゃあこのキーワードどうしよう?」と皆でワーワーこれから起こることを予測しあえます。
あらゆる意味で、原作であるブラウザゲームの艦これは「ランダム要素」との戦いでありますね。これをTRPGでも出来るだけ再現しようと頑張っているのが見て取れます。プロットや判定にそれは秩序に現れているでしょう。
戦闘ルール自体も艦これに合わせていて、フェイズが細かく分かれているのも面白いです。原作の艦これを遊んだことがある人はスッと入る事ができるかと思います。
とりとめのない内容となりましたが、艦これからTRPGに入る人にはとても遊びやすいシステムになっているかと思います。サイコロフィクションらしいサイコロフィクション。TRPG好きもきっちり受け止める姿勢にはほれぼれします。
エラッタ、FAQも迅速で、ツイッターによるフォローを見ていると本気具合が窺えます。
これを機にTRPGを遊ぶ人がぐっと増えると嬉しい限りです。
どうみてもこれはエロg・・・げほんごほん。
ポップかわいい商用で利用可能な日本語フリーフォント「はらませにゃんこ」がリリースされました。角張りつつも大きく見やすい文字が嬉しいですね。
特殊な記号つき。かわいい。
利用する場合にはいくつかの禁止事項もありますが、かなり自由に使えます。是非ともゲットしておきましょう!
SimilarWeb – Free & Advanced Web Analytics Tool
サイトを運営していると、他人のサイトにどれだけのアクセスがあるのか気になる物です。このサービスでは、かなりの情報を得る事ができて楽しいです。そういうわけで、他人のサイトをアクセス解析してみましょう。
解説と共にご紹介。
利用するにはアドレスを入力するだけです。
入力したのは→niconicoです。ニコニコ動画にどういった人が来るのか見てみましょう。
まず大まかなランクが表示されます。世界で196位、日本で7位! 流石・・・。
一週間のアクセス数です。「M」というのはミリオンで百万なので、「3千万」アクセスがあるようです。え? これまじ?
流入です。左四つが特に大事でしょうか。ダイレクトはお気に入りや流入元が不明な物です。リファラはリンクなどから飛んできた物。サーチは検索。ソーシャルはtwitterやフェイスブックから来たものです。
全世界のどこから来たのかも確認できます。わりと世界中で利用されている印象があります。台湾つよいw
個人的にはこれが一番嬉しいです。どこからきて、何処へ行くのか? 大まかな数字が分かります。そのサイトがどこに依存しているのかがわかりますよ。
検索キーワードもわかります。どの単語で来る事が多いのか、どういうジャンルのサイトという割合が大きいのか。大事ですね。
その他にもソーシャル流入や広告流入もわかりますよ。かなり便利です。
割と念願だった機能をついに実装しました。
wordpressに設定されている数多のタグを利用し、入力された文字列から入力補助を行うというものです。
オートコンプリートとも言いますね。「word」と打ったら「wordpress」を入力候補としてあげてくれる、というあれです。しかし、ただ実装したのでは面白くない。そう、面白くないのです!!
たとえば私たちは略称をよく使いますね。ぱっと思いつくものだと「魔法少女まどか☆マギカ」を「まどマギ」とかです。さらに、スペースで区切って違う言葉を入力する時があります「東京 レストラン」とかとか!!
全部対応したい。したい。したいよおおおお。
とずっと思っていました。そしてようやく実装できました。嬉しいです。ハァハァ。
英語の小文字大文字を無視します。
ひらがなカタカナも勿論無視。
そして一番実装したかったのがこれ。文字列の繋がりを無視しつつ全てにマッチする文字列の候補。はぁはぁ
候補が出て選択。
新たに候補が出ます。
選択したあとも前の文字列は消えません!!
設定項目は一つだけ。wordpressのサーチフォームはテーマによってクラスやIDが違います。環境に合わせて設定してください。
記事を更新時にタグ一覧をjson化しプラグインフォルダに生成しています。頻繁に生成しないよう、生成した日から一日経つと再度生成するようにしています。
なので、利用する時は最初に何でも良いので記事を更新してください。
動作に不満がある、納得いかない、という場合は適当に改変してくださいな!
動作にはjQuery UIのautocompleteを使用しています。
アイコンノベルというらしいですね。初めて知りました。
画像、動画、ニコニコ静画、ツイッターなどなど、アドレスを貼り付けるだけでサムネイルを表示してくれるようです。
アイノベで何ができるか試してみるんだ -アイノベ-こちらのアイコンノベルである程度確認する事が出来ますよ。皆考えることは同じなんですね。
軽く弄りながら使い方を見ていきましょう。
アイコンを選択し、発言をする形のようですね。
アップロードは分かるのですが、「ニコ静から取り込む」というのはどうなのでしょう?
と思ったらフリーアイコンというものがあるようですね。へえ、よくできてます。
アドレスを入力しただけでプレビュー画像が出てきます。
追加を押すと一覧に出る分けですか。で、このアイコンをクリックすると、
アイコンが設定できるわけですね。発言内容を設定して追加します。
追加した発言は簡単に入れかえられるようですね。
あとはカテゴリやタグを設定するだけ。基本的なブログを利用できれば扱いは簡単ですね。
利用価値は色々あるとは思いますが、かなり限定的な需要になるかと思われます。発言も一つ一つ追加していく必要があるのがTRPGプレイヤーには少しきついでしょうか。テキストファイルにまとめておいたのを一括変換できる、とかならまた違った結果にはなってくるとは思いますが。
ともあれ、操作は単純ですぐに利用でき、アイコンも色々扱えるのは純粋に嬉しいところです。かわいらしい対話型コンテンツを作りたいけれど、ホームページを作る知識などないという人へ向けての機能だと思うので、今後どう成長していくのか期待大です。
ちなみに、私もどどんとふやIRCのTRPGチャットログをhtml形式に変換するツールを作っています。大量のログを一括で変換したい場合にはお使いください(ガチマ)→TRPGセッションのログをhtml形式に整形し直す「aoringo CHAT logger」 » aoringo works