新しくサイトを作りました。

  • このエントリーをはてなブックマークに追加

このサイトはMovable Typeで作ってるんですが、最近は技術系の記事はQiitaに投稿したり、写真はFlickrに投稿したり、日記の記事はTumblrに投稿しようかなぁーとか思ったりと・・。
他のサービスで記事を書いたりすることが増えてきたので、APIで記事を取得してそれをまとめたサイトを作ってみようかなぁー!
と思いまして。時間をみつけてはちょくちょく作っていたのが、ようやく見れるぐらいになってきたのでご紹介です!


フロント側の構成

  • Typescript
  • AngularJS
  • RequireJS
  • scss,Compass

仕事でTypescript、AngularJS、requireJSを使っているので勉強がてら同じ構成で作ってみることにしました。

サーバー側の構成

  • Node.js
  • mongoDB

サーバー側をガッツリ作るのは初なのですが、この2つはjavascriptで作ることができるのでとてもとっつきやすかったです。

サイトの目標・構成

  1. ページ遷移は更新しないで非同期で、なるべくページ移動が早くなるように。
  2. 記事・写真などのコンテンツはAPIで取得する。
  3. APIで取得した記事などは、ローカルストレージに保存しておく。
  4. 更新があった時のみApiを再度取得するように。

のようなことを実現できたら、かなり早くなるんじゃないかな!とワクワクしながら作っていましたw

それぞれの詳しい説明や、苦労したポイントは話すと長くなってしまうので、別の記事にしたいと思います。

こんなかんじで考えながら作っていたのが・・。

こちらです!
まだまだ工夫したいところはありますが。とりあえず見れる形にはなったので勢いで公開です。

技術系の記事はQiitaに書くことが増えるかなぁって気がしているのでclover.blueを更新することが多くなるんじゃないかなぁと思ってます。

んですが、当分はdevelo.orgも愛着あるのでお知らせ的に更新しようかなぁと考えてます。
clover.blueのほうに移行したいなぁという思いではいるのですが、まだまだちょっと様子を見ながらお試しな感じでやっていく感じになる気がしています。

ちょっとまた方針変えたりする場合はお知らせしたいと思います。

clover.blueの方はjQueryプラグインとかその辺りの記事を充実させたり。
お仕事系のコンテンツを充実させる方向性にしたいかなぁーとか思っているところです。

更新が滞りがちですが、今後共よろしくお願いいたします。

コメント : 0

コメントフォーム

トラックバック : 0

http://develo.org/mt/mt-tb.cgi/122

このページの先頭へ戻る