大切にしていること
小さなことからコツコツと毎日やる。
毎日1mmでもいいから前にすすめる。
できること
執筆
文章を考えるのが好きです
ブログ執筆で毎日1000～2000文字程度
書いていました。
コーディング
HTML / CSS / SCSS
あなただけのWebサイトを
コーディング・制作いたします。
コーディング
JavaScript / jQuery
制作したWebサイトに、
スライドショーなど動きをつけます
WordPress化
WordPress
「WordPress」というCMSを用いて
専門知識や技術がなくとも
Webサイトを更新できるようにします
デザイン
AdobeXdデザインカンプの
作成ができます。
デザインカンプからコーディングも可能です。
レスポンシブ対応
PC / mobile / tablet
PC、table、mobile、
どの端末でみても
レイアウト崩れが起きないように
コーディングいたします。
ブログ
くまぶろぐ。
Web制作系発信ブログ
フリーランス
Web制作の発信ブログです。フリーランス活動記録的なものや、 Web制作学習の気づきやチーム活動について発信しています。 毎週火曜に更新。
制作物
FaiThLinK
チームポートフォリオサイト
html / css / Sass/ JS / jQuery / AdobeXd
レスポンシブ
フリーランス集団のチームポートフォリオサイトです。
お問い合わせページあり
◎かかった時間、日数：2週間ぐらい
◎難しかった点とどう対応したか
◎難しかった点
➡チームメンバーの作業割り振りや、コンテンツの内容で何をいれるべきか考慮しました。
➡複数人でひとつのサイトをつくることができました。
◎コーディングにこだわった点
➡Fvのアニメーションやチームメンバーの背景の円の動き（メンバーが制作してくれました）
ポートフォリオ
このサイト
html / css / Sass/ JS / jQuery / AdobeXd
レスポンシブ
このポートフォリオサイトです。
下層ページはなし
◎かかった時間、日数：1日3～4時間、1ヶ月
◎難しかった点とどう対応したか
◎難しかった点
➡デザインカンプがなく、レイアウトをゼロから考えねばならなかったこと。
➡現役フリーランスエンジニアのご指導、googleなど駆使しました。
◎コーディングにこだわった点
➡CSS設計（MCSS）、Sass、さらに動きのあるサイトにしたこと。
Queencleopatra7様
https://www.queencleopatra7.com/
html / css / Sass/ JS / jQuery / AdobeXd
レスポンシブ
Queencleopatra7様のWebサイトです。
下層4ページ
◎かかった時間、日数：約4週間
◎難しかった点とどう対応したか
◎難しかった点
➡画像点数が非常に多く切り抜き・画像加工作業が多かった
➡画像加工はPhotoShopで自動化した。
◎コーディングにこだわった点
➡プルダウンメニューのホバーとタップを、JavaScriptで切り替えたこと
株式会社シャインブライト様
https://shine-bright.jp/
html / css / Sass/ JS / jQuery / AdobeXd /WordPress
レスポンシブ
株式会社 シャインブライト様のWebサイトです。
下層6ページ
◎かかった時間、日数：約1ヶ月
◎難しかった点とどう対応したか
◎難しかった点
➡初の静的サイトからWordPress化まで通した案件だったので戸惑いました。
➡テンプレートのファイル設計
◎コーディングにこだわった点
➡初のWordPress化案件だったので、チームで役割を決めてコーディングしました。
株式会社Losta様
https://losta.jp/
html / css / Sass/ JS / jQuery / AdobeXd
レスポンシブ
株式会社 Losta様のWebサイトです。
下層5ページ
◎かかった時間、日数：2週間
◎難しかった点とどう対応したか
◎難しかった点
➡FV・Webサイト全体のアニメーションの実装
➡アニメーションのタイミングの調整
◎コーディングにこだわった点
➡Sassファイルを分割し、他メンバーの作業と干渉しないようにファイル設計したこと
模写サイト
Light Up (LP模写サイト)
html / css / AdobeXd
非レスポンシブ
AdobeXdデザインカンプからコーディングを行っております。
人生で初めて模写コーディングしたサイトです。
◎制作時間、日数➡ 1日1時間程度、約1ヶ月～約2ヶ月
◎難しかった点とどう対応したか
◎難しかった点
➡人生初の模写で、制作に当てれる時間があまりなかった点。
➡調べるだけでその日の制作が終わることもしばしば。
◎コーディングにこだわった点
➡不明点だらけだったが、とにかく完成させることを目標にしました。
暮らしの体験宿 いろは (模写サイト)
html / css
JavaScript(jQuery) / AdobeXd
レスポンシブ
AdobeXdデザインカンプからコーディングを行っております。
人生で初めてレスポンシブサイトを模写しました。
◎制作時間、日数➡ 1日約1時間、約1~2ヶ月
◎難しかった点とどう対応したか
◎難しかった点
➡人生初のレスポンシブ模写、制作に当てれる時間が少なかったこと。
➡メンターやgoogleなどを駆使した。
◎コーディングでこだわった点
➡CSS設計（FROU）を取り入れてみたこと。
架空LP (模写サイト)
html / css / JavaScript(jQuery) / AdobeXd
レスポンシブ
ユーザー名：igarashikakuu
パスワード：igarashikakuu88
AdobeXdデザインカンプからコーディングを行っております。
下層ページありません
◎制作時間、日数➡ 1日1時間程度、約25日
◎難しかった点とどう対応したか
◎難しかった点
➡以前の模写より、動きがあったこと。
➡レスポンシブやJS/jQueryを調べるのに時間を費やした。
◎コーディングにこだわった点
➡CSS設計（MCSS）とSassを導入してみたこと。
石井花壇 (模写サイト)
html / Sass / JavaScript(jQuery) / AdobeXd
レスポンシブ
ユーザー名：ishiikadan
パスワード：ishiikadan65
AdobeXdデザインカンプからコーディングを行っております。
下層ページが3Pあります。
◎制作時間、日数➡ 1日2～3時間程度、約15日
◎難しかった点とどう対応したか
◎難しかった点
➡縦書きレイアウトとモーダルの実装
➡プラグインとモーダルの実装に手間取った
◎コーディングにこだわった点
➡レスポンシブでレイアウト崩れがないように気を付けたこと