2012-10-01

はてなブックマークコメントを読む「はてコま!」を作りました

サイト作ったよー! - はてコま! | はてブコメまとめ B!

と、サイトの話より、先に言いたいことがあります

このサイト作っていろいろ確認とかして「さーて公開」って思った矢先に自分の作ったサイトからこんな記事見つけて「うひゃー!」ってなりましたw

はてブをもっと快適に!「みんなのはてブ」を公開しました。

はてなブックマークトップページって、正直なんか飽きちゃったし、スクロールせずに表示できるのが数エントリーだけで、やたらヘッダがでかかったり、広告がでかかったり、欲しい情報がほんのちょっとしか表示されないし、気のせいかエロいサイトサムネイルが表示されなかったり、デザインもまじめくさいし、改善したらもっともっと使いやすシャレオツになるし、アクセスも稼げるんじゃないのって思います

私も自分サイトを作ろうと思った経緯はこの方とほぼ同じです。。公式って少し見辛いって思っていました。

そんなときはてブ1000users超え記事アンテナ(´・ω・)|トップページを見つけて「あぁ自分で作るか」ってなりました。

週6フリーターさんがいろいろと使用したものを紹介してくれて、あまり技術のない自分でも作ることができました!

この場をお借りして、お礼を申し上げますありがとうございます

では、恒例化している感じがする、サイト作成にあたってのご報告です。

作成したもの

はてコま! | はてブコメまとめ B!

使い方はいたって簡単。タグを選ぶか検索すると最近はてブ100以上の記事があがってきます

最初サイトを作るにあたって「フリーターさんのもの差別化したいなぁ」と思ったので、私は"はてブエントリーコメント"を"見る"ものに仕上げようと思いました。

なんでコメントを見たいと思ったかという原因はこちらの記事です。

この記事を読んでる人にも感じた人がいると思うのですが、タイトルを読んで「?」となりませんか?

記事を読み進めていくと更に「NSLog」が問題なのか??と混乱しませんか?

最初タイトルの印象が強すぎて、はてブコメントを読んでやっと正確に判断できました。

なので、コメントをもうちょい読みたいなーと思い、こういったサイトしました。

開発するために

  • Vim
    • ねおこんは使っていません。補完には、omni補完だけ使用しています
    • Emacsってなんですか?

それと、フリーターさんのとこに書いてあるものを参考にさせてもらってます

本当にありがとうございます

開発の流れ

Webサービスを作ったことがなかったのですが、HTMLCSSは知っていましたので、ほとんどVimコーディングし、ブラウザで確認するという普通の作業をしていました。

php勉強したことがなかったので、わからないことがあれば都度ネット検索していました。

JavaScriptでFeedを取得したり、PHPを使ってAPIからJSONを取得など、ファイルがまとまっていない感があります

実は、bootstrapで作ったナビゲーションバーのドロップボタンスマフォだと押せないんですよね。。

こういう問題があるときフレームワークを使ったのを後悔しますよね。

実に手軽に使えるbootstrapですが、なんとなく使うのはオススメしません。

ネット上には他にグリッドシステムだけや、違う素材を配布しているサイトがあるので、俺俺フレームワークを作ることをオススメです。(でも、まとまっているという観点でbootstrapは使いたいですよね。)

サーバーさくらインターネットホスティングサーバーを使用しています

開発のその後

初めて、こういったサービスを作ったのですが、小さい微調整に非常に時間がかかりますね。

見難い、見易いを考えながらコードを変更して、ブラウザで確認して・・・を繰り返すのは時間もったいないですね。どなたかいいノウハウをお持ちではないでしょうか?

みなさんも、こう立て続けにはてな関連のサービスが立ち上がると自分でも何か作りたくなりますよね。

思ったら作って便利な世の中にしましょう!えいえいおー!

トラックバック - http://anond.hatelabo.jp/20121001143708

記事への反応(ブックマークコメント)

ログイン ユーザー登録
ようこそ ゲスト さん