2015.07.17

ブログのアイキャッチ、OGP画像をタイトルから自動生成してみる


↑こんなのを自動生成するツールを作ってみました。

ブログの投稿にキャッチ画像と呼ばれる記事固有の画像を設置している人も多いかと思います。
アイキャッチ画像には、画像があることで読み手に読まれやすくなったり、SNSでシェアするときに拡散されやすくなる効果があるため設置しておくメリットは大きいです。

ただ適切なアイキャッチ画像を見つけて設置するというのは結構大変です。テーマに沿った画像を見つけるのも大変ですし、画像自体の権利云々もやっかいです。技術ブログだと特にテーマが限られており、真っ黒いターミナルを写したような画像を毎度毎度のように掲げざるを得ないというのも辛いです。

そこでなんとか自動生成できないかとやってみたのが今回の趣旨です。

>> 続きを読む
2015.01.30

文字からユニークなアイコン画像を作ってみるテスト


文字列から一定のアルゴリズムに従って、ユニークな画像を作れないかと思って作ってみました。
イメージとしてはGithubの「Identicon」みたいな感じで、ユーザー名から一意のデフォルトアイコンを生成してくれるやつのもっと複雑版です。

>> 続きを読む
2015.01.24

話題のReact.js使ってみた。

にわかに話題になっているJavascriptライブラリ「React.js」を使ってみました。

>> 続きを読む
2014.09.08

enchant.jsでゲーム終了後リトライ機能をつける

ゲーム終了後に再度遊べるようにするリトライ機能の実装方法について。

公式のドキュメントに記載がないので
location.reload()
で読み込みをリセットしていたのですが、
画面が反転する、リロードに時間がかかるなど
あまりいいやり方ではないので解決策を探してました。

>> 続きを読む
2013.09.21

自動で広告リンクを貼ってくれるLinkplazaを導入してみた

Javascriptのコードを設置するだけでサイト内のテキストを
自動で解析し、楽天のリンク(アフィリエイト)へ置き換えてくれる
Linkplazaというシステムを利用してみました。

今月頭にリリースされたサービスらしく、見かけた時
たまたまβユーザを募集していたため、勢いで参加してみました。
諸事情により登録後しばらく放置してしまっていましたが…。
>> 続きを読む
2013.07.10

Javascriptでデータ(JSON等)から手っ取り早くTableを組み立てる

WebAPIなどで配列状のデータを取ってきた時、
表示用に解析してテーブルタグを生成するのって結構な手間ですよね。
そこで割と手っ取り早くHTMLでTableタグを組み立てる関数を作ってみました。
まだ試作段階なので機能性は乏しいですが。
時間があればモジュール化してより汎用的に使えるようにしたいです。
>> 続きを読む
2013.03.05

最速のJSONビジュアライザー(解析・表示)

JSON形式のAPIを使うとき、構造を把握するのが結構面倒くさいので、
簡単にJSON形式のデータを解析・整形できるツールを作ってみました。

最速のJSONビジュアライザー
http://kimihiro-n.site44.com/json_dump/index.html

※2013/03/12 リンクのミス修正しました。
※2013/05/19 ツール名を「最速のJSONビジュアライザー」に変更しました。

>> 続きを読む
2013.01.24

location.hashで遊んでみる

location.hashで遊んでみました。

https://dl.dropbox.com/u/7647582/tools/junk/animate_location.html
※ブラクラ注意
環境によってはブラウザが落ちるかもしれません。
自己責任でどうぞ。
アドレスバーがぐるぐると変化します。
止めたいときはタブ(Window)ごと閉じてください。
消えるまで時間かかる時もあります。

>> 続きを読む
2013.01.21

JSONCでYoutubeのAPIレスポンスをシンプルに

YoutubeAPIをいじっていて発見した事のメモ
YoutubeのAPIを叩くと膨大な量のXML/JSONが吐出されるので
解析に手間取ってしまうのですが、YoutubeAPI v2から、
このレスポンスを小さくするJSONCという形式で結果をとれるみたいです。

>> 続きを読む
2013.01.17

CKEditorにそのままペーストする

メモ帳に下書きして、こっち(ブログ)に貼り付けるという事を
たまにするのですが、CKEditorを使っていると少し困った問題が。

>> 続きを読む
(Page 1 of 2.) >>2