LoginSignup
14

More than 5 years have passed since last update.

Qiita Widget作った

Last updated at Posted at 2014-08-10

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を間違ってしてしまってたおかげで復活できたよ
  9. IE9以降に対応させるつもりでXHR書いたらクロスドメイン拒否って言われたので修正しなきゃいけない。

副産物

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

@todo

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

P.S.

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

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
14