はてブpocket現時点での制作実績です。制作する度に追加していきます。最新のものから順番に記載します。個人サイト、練習用サイトです。架空医療系サイト(トップページのみ)架空医療系サイト■使用言語等BootStrap-sass■制作期間1.5日(デザインカンプ10時間、コーディング4時間)■ポイント定番レイアウトをBootStrapにて制作できることを目標にしました。既存の医療系サイトを多数参考にしましたが、デザインから作業を始めました。Photoshop、BootStrap、SASSの勉強を目的としております。Photoshopにてバナー制作も初めて行いました。一から作るのは苦労しました。SASSについては今回から本格的に導入しました。今回は変数の利用とスタイルのネストを覚えました。デザインカンプの前にワイヤーフレームを作るべきだと痛感した。バナー制作でPhotoshopの使い方がわからず苦労した。Photoshop仕事術を見ながら制作しました。コーディングの一連の流れを勉強する目的で制作しました。本の少しですが、sass(.suss方式)のコーディングもしました。sassは次回以降のコーディングに本格的に組み込みます。■苦労した点や学んだことPhotoshopについて、基本的な操作や考え方が少しわかりました。Bootstrapのグリッドレイアウトの仕組みも何となく理解しました。前述の書籍がPhotoshopCC2014対応で、2015に無い機能の記載が多く苦労した。Photoshop自体初めてで基本的な操作や仕組みがわからず苦労した。Bootstrapの基本がわからず、しょうもないところで時間がかかった。■ポイントWordPressカスタマイズの勉強を目的に制作しました。カスタム投稿、カスタム分類、カスタムフィールドを設定しています。それぞれの実装はプラグインを使用しています。■苦労した点や学んだことカスタム投稿等の存在自体知らなかったのでそれ自体を理解するところから始めました。カスタムフィールドの出力など苦労しました。■ポイント主にCakePHP、jQueryの勉強を目的に制作しました。TwitterAPI1.1使用です。Illustratorにてデザインカンプを制作しました。レスポンシブにも対応しました。■苦労した点や学んだこととにかく初めてづくしなので、手を動かしながら一つずつ学んでいきました。悩んだこと多数ですが、その中からいくつか抜粋します。Illustrator自体が初めてだったので使用方法に戸惑った。デザインも初めてで、配色、レイアウトなど迷った。CakePHPが(PHPも)未経験なので、言語仕様を都度調べながらの作業となった。TwiiterAPIも初めて。PHP用のTwitterAPIライブラリがあったがうまく動かず。ポイントブログ部分はWordPressにてオリジナルテーマを制作しました。調べながらの作業となりました。制作途中であり、もっと良くしたいと思います。HTML4,CSS2の実務経験がありますが、HTML5,CSS3は今回が初めてでした。学んでいきたいと思います。制作ツール普段使用しているツールをあげていきます。Yosemite,Windows8.1,Centos7(Windowsの仮想環境)圧倒的にWindows歴が長いですが、最近はMacにて作業しています。コードエディタBrackets,SublimeText3,秀丸ごく最近、Bracketsを使い始めました。Emmetへの対応など。2015まだまだ使い始めたところです。できるように使い方を学んでいきます。その他のツールFileZilla(FTPクライアント)スポンサーリンクこの記事が気に入っていただけたらシェアお願いします。コメントをキャンセルメールアドレスが公開されることはありません。Web担当者として日々学んだことを書いていきます。