Qiita Widget作った

Qiita Widget

なにをするもの？

言うまでもなくQiitaの投稿をサイトに埋め込めるやつ。

Repo

使い方

<div data-qiita-widget="widget" data-name="your-url-name"></div>
<script src="https://rawgit.com/kimama1997/qiita-widget/master/dist/qiita-widget-simple.min.js" async="async"></script>

デフォルトの取得件数は10件。data-countで件数を指定すれば最大100件まで取得可能。

中身

1. ✝コード見てね(汚いけど)
2. Coffeeで書いた
3. ViewQiitaWidgetっていうClassを作る
4. いろんな種類を排出してるよ()
5. ウィジェットはDOMを組み立てて出力するよ
6. 一応bowerも使えるよ(bower install https://github.com/kimama1997/qiita-widget.git --save)
7. QiitaAPIにXHRで直接リクエストしてるんで鯖に掛ける負荷の心配もアクセスの多いサイトでのレートリミットの心配も無用。
8. ちなみに作ってる時に間違えてrm qiita-widget.coffeeしちゃったよ

• 運よくnpm install -gを間違ってしてしまってたおかげで復活できたよ

1. IE9以降に対応させるつもりでXHR書いたらクロスドメイン拒否って言われたので修正しなきゃいけない。

副産物

Wordpressウィジェットも出来た。
https://github.com/kimama1997/Qiita-Widget-wp

• とりあえず自分のブログに貼ってみた

@todo

• Read more on Qiitaを追加できるようにする
• user iconを表示出来るようにする
• IE対応←重要

P.S.

suinさんのの方が絶対イイ（