Information

8a81612d 04ae 4bcd 8c00 f1288dab4b3e
  • 作者
  • Bdae5c74 e9ac 4660 a07b fec771d792fc YUUKI
  • 作品リンク
  • 8a81612d 04ae 4bcd 8c00 f1288dab4b3e Pooks
  • 概要
  • Pooksはプログラミング学習本を紹介するサイトです。

    「レベル別」「目的別」「カテゴリー別」に紹介しているので、
    お目当の本をスムーズに探すことができます。

  • タグ
  • こだわり・開発背景
  • 【作成した理由】
    自分が買うべき本はどれなのか、ググっても分かりにくかったので、
    「じゃあ自分で作ろう」と思ったのがキッカケです。

    【コンセプト】
    トップページから1分以内、3クリックで目当ての本まで辿り着く

    【拘った点】
    ・うざいアニメーションは見にくいので極力使わないようにしました。
    ・FBやTwitterのタイムラインの影響で、縦スクールに慣れてる方が多いと感じたので、横にスクロールする機能は付けませんでした。
    ・カテゴリーページで各言語の大まかな紹介をすることにより、それぞれの言語の特徴が分かるようにしました。
    ・どんな方に向いている本なのか、一言添えることにより、ぱっと見で買いたくなるようなページ作りを心掛けました。
    ・各レベル別で色分し、一目で本のレベルが分かるようにしました。
    ・ページを更新するごとに本の表示が入れ替わるような仕組みを作り、ユーザーに飽きさせない工夫をしました。
    ・各ページにSNSボタンを設置し、本の情報を気軽に共有できるようにしました。
    ・読者の声はTwitterの呟きを参考にしました。AmazonやYouTubeのレビューではステマが多く、参考にならないと思ったからです。

  • 開発環境
  • 【PC】
    MacBook Air(2017年製)
    【エディタ】
    Atom
    【公開用プラットフォーム】
    Heroku

    【使用言語】
    ・HTML
    ・CSS
    ・JavaScript

  • 制作期間
  • 2018年11月15日〜11月28日の計13日で制作しました。

    1日10時間近く作業したので、完成まで130時間ほど掛かりました。

  • 学習方法
  • ProgateのHTML&CSSコースを4周、
    ドットインストールの「ホームページを作れるようになろう」のCSS基礎文法入門までを約2周後、
    制作を開始しました。

    本当はRailsを用いた会員制サービスにしたかったのですが、まだ作れる自信がなかった為、ポートフォリオ一作目はとりあえずテキストサイトにしようと思いこのようなサイトになりました。

    現在はProgateのHTML&CSS,JavaScript,jQuery,Ruby,RubyonRailsコースを終わらせて
    Rails Tutorialに取り組んでいます。
    Tutorial2周後に会員制のWebサービスを作ろうと思っています。

    今作を制作するにあたって、最もタメになったのはProgateのHTML&CSSの上級コースです。
    模写コーディングの重要性を学びました。