求職者支援訓練　フェリカテクニカルアカデミー「東京・池袋」

受講生の作品

WEBサイト開発者養成科の受講生が制作したWEBサイトの紹介です。20代から60代までの全くのWEB未経験者が、短い期間で１からHTMLやCSSを覚え、卒業した全員の受講生の方がサイトをカタチにしました。その中から幾つかご紹介します。

• 個人作品（現行クラス）
• 個人作品（1期前修了クラス）
• 個人作品（過去修了クラス）
• PC初心者作品
• グループ作品（近日ＵＰ）

個人作品（現行クラス）

6ヶ月の前半でみっちりxhtml1.0とcss2＋JQueryを学び、一つ商用サイトを作り上げます。このあと、スマートフォンで同じURLにアクセスした時に自動で振り分けられるスマートフォンサイトをhtml5をcss3+webkit+JQueryで作り上げます。こちらに掲載されている作品のほとんどは、スマートフォン対応です。

80's Bar公式WEBサイト

現行WEBクラス生

Ｓｎさん

80年代のディスコを彷彿とするバーのサイトを作りました。画像処理でナビゲーション部分にネオンのようなテイストを作り出しました。スマートフォンサイトの方は、同じネオンのテイストを画像ではなくcss3で表現しています。ぜひ、スマートフォンで見てご確認ください。 サイトを見る

ヘアーメイクアーティストYOUのサイト

現行WEBクラス生

Ｍさん

YOUさんがロンドン時代に手掛けた作品群と、帰国してから手掛けている作品群とのテイストの分け方に工夫をしました。サイトを見る

株式会社 リープソリューション

現行WEBクラス生

Ｓｍさん

営業代行の会社のスタッフ募集のためのサイトを手がけました。時間をかけてブラッシュアップを続けました。開講当初はタイピングスキルもあまり高くなかったSmさんのスキル習得スピードはまるで海綿が水を吸うようでした。また学ぶ姿勢が素晴らしいのでスキル習得レベルも大変高いです。 サイトを見る

イラストレーターsugar-kのサイト

現行WEBクラス生

Ｓｋさん

イラストレーターであるご本人のサイト（人に作ってもらったもの）をリニューアルしました。以前のサイトではSEO対策がなされていなかったため、うまく検索結果が出せないでいました。Google アナリティクス解析で順調に検索順位を伸ばしているのを確認しています。イラストを描く時はいつもペンタブレットというSkさんは、タイピングに苦手意識がありました。クラスではペンタブレットを使わずにコーディングを作り上げました。 サイトを見る

個人作品（過去修了クラス）

パソコンの基礎的な使い方を習得していない状態で、本校に入学する生徒もいます。授業が進行していく中で常に遅れているような状態が続いていましたが、諦めず自宅学習も含めて努力し続けました、その結果、HTMLとCSSをしっかり組んでひとつのサイトを作り上げることができたんです！努力を継続し続ければ、作品を作ることはできます！

天然酵母パンとおやつのサイト

WEBクラス卒業生

Ｋさん

お店に天然酵母のパンやマクロビオティックおやつを卸している麦香のサイトです。全体に添加物の入っていない健康に良いイメージがとても良くでています。SEO対策もしっかりされており、サイトができて１週間ですがすでに「千葉市花見川区　天然酵母パン」で7位にきます。これからもどんどん上位に上がってくる事でしょう。 サイトを見る

ライブハウス伝兵衛音楽堂のサイト

WEBクラス卒業生

Tさん

薪ストーブの代理店、伝兵衛堂の経営しているライブハウスのサイトです。リラックスしてなごめる空間であるライブハウスの空気が伝わってくるようなサイトになりました。シンプルな中にも細かい気配りの効いた作りに仕上がりました。このサイトがオーナーさんに気に入られ、本家の薪ストーブ代理店のサイト制作も決まりました。 サイトを見る

居酒屋「伊丹亭」のサイト

WEBクラス卒業生

Mさん

趣味で続けているバンドの行き付けの居酒屋「伊丹亭」のサイト。まだHPが無いと聞いて卒業制作として作らせてもらいました。flashでビルボードが変化し、メニューの写真も全て自分で撮影しました。ビルボード下にはオーナーがfacebookに書き込んだお店の情報が表示されます。 サイトを見る

LE BOUTON D'OR | ルブトンドールのサイト

WEBクラス卒業生

Fさん

アンティーク生地を使用した雑貨小物を製作している作家さんのサイト。何度もデザインの駄目山出しを経て、シンプルで作品を目立たせるUIに落ち着きました。 サイトを見る

すきま音楽 サイト

WEBクラス卒業生

Wさん

長年グラフィックデザイナーを営んできたWさんがサイドビジネスで始める中古CD&レコードのネットショップです。ブラウザはInternet Exploler8以降の対応です。 サイトを見る

アルク・アソシエイツ計画研究所

WEBクラス卒業生

Fさん

コンセプトは『建築物を廻るツアーコンダクター代行サイト』です。依頼主の意向通り、テキストは少なく、建築物の写真を本サイトの主役とし、その他の要素は写真をより引き立たせるデザインにしました。 サイトを見る

soft（美容室）のサイト

WEBクラス卒業生

Iさん

写真や音楽、デザインにこだわって制作しました。 友達のアーティストに協力してもらい素晴らしい写真、音楽を提供して頂きました。 音楽を聞きながら内容を読んでほしいのであえて１枚のページに 全てのコンテンツを収めました。 サイトを見る

アトリエ K舎のサイト

WEBクラス卒業生

Oさん

自身の作品を展示するwebサイトを制作いたしました。蝋燭の明かりで本を見るような古めかしい演出をするために、 色合いを温かみのある色にしてフェードインを利用しました。 サイトを見る

絵本の作り方を紹介したサイト

WEBクラス卒業生

Ａさん

絵本の作り方を紹介したサイトです。「そらくも先生」という愛らしいキャラクターが絵本の作り方を紹介してくれるサイトです。Javascriptを自身でカスタマイズし、ボタンを押すとページがロールアップするようなソースを書き込んでいますね。絵本らしい愛らしいデザインになっています。 サイトを見る

東京都内のイベント会場を紹介するサイト

WEBクラス卒業生

Ｙさん

東京都内のイベント会場を紹介するサイトです。様々なJQueryを導入しているので、動きがあって面白いサイトに仕上がっていますね。ホームのロゴの文字組みをなかなかのものです。 サイトを見る

テコンドーの紹介サイト

WEBクラス卒業生

Ｕさん

テコンドーの面白さを紹介するサイトです。ターゲットを女性に絞り、テコンドーの楽しさや面白さを女性目線で紹介しています。デザインとしても、背景や文字等の色彩も女性らしくPOPな仕上がりになっていますね。とても良いサイトになったと思います。 サイトを見る

スティールパンの紹介WEBサイト

WEBクラス卒業生

Ｍさん

スティールパン（打楽器）についての紹介ホームページです。javascriptを記述しナビゲーションにマウスを合わせると、文字が浮かび上がるようになっています。タイトルのフォントデザインもいいですね。また、このホームページはスティールパンをパソコン上で実際に演奏することができるのが最大の魅力と言えます。 サイトを見る

バレエスタジオの公式WEBサイト

WEBクラス卒業生

Ｈさん

バレエスタジオ経営者から直接依頼を受け、それを本コースの卒業制作として設計から開発までやりました。経営者から、出来る限りシックにという依頼で格調高いアカデミックな香り漂うサイトに仕上がりました。使用写真は全て、バレエスタジオから提供された物だそうです。実務に近い内容をこなした事は、良い経験になったでしょうね。 サイトを見る

井の頭公園周辺のポータルサイト

WEBクラス卒業生

Ａさん

吉祥寺にある井の頭公園周辺のポータルサイトです。 やわらかいイメージで、のんびり散歩したくなるような雰囲気を作り上げています。 Javascriptを使用し、トップページ画像に動きをつけています。HTMLとCSSにエラーもありません。ばっちり組まれていますね。 サイトを見る

バンドグループのWEBサイト

WEBクラス卒業生

Ｎさん

バンドグループの公式ホームページです。ライブでの動画も見れるようになっております。黒い背景はデザインするのがなかなか難しいのですが、上手くまとめています。contactページのフォームはCGIをしようし、組み込んでいます。 サイトを見る

アウトドアの活動紹介WEBサイト

WEBクラス卒業生

Ｔさん

青を基調とし、コンテンツに合ったデザインに仕上がっています。メニュー部にはJavascriptを多用し、動きをだしています。肝心のコンテンツ（内容）も自分の体験とあわせて読んでいる人にも、各地の情報が伝わるような構成になっており、情報を発信する役割もちゃんと果たしているサイトになっています。 サイトを見る

高円寺にある焼き鳥店の公式サイト

WEBクラス卒業生

Ｙさん

飲食店のサイトなので色味には暖色系を使用し、食欲をそそるようにしています。商品の写真も自身が取り、食べ物を写真に納める際のポイントを掴んで撮っていますね。よくできています。 サイトを見る

ネイルサロンのWEBサイト

WEBクラス卒業生

Ｋさん

ネイルということで女性がターゲットのサイトです。華やかなイメージで女性らしさを表現できているとおもいます。必要な情報（料金、ギャラリー、施設情報）などもしっかり網羅。写真などもJavaScriptで動きをつけ、操作性と視認性が向上していますね。トップページでは訪れた人にお得な情報を目立たせる！なかなかの出来だと思います。XHTML+CSSでばっちり組まれています。 サイトを見る

床屋さんのWEBサイト

WEBクラス卒業生

Ｉさん

大胆なイラストとバリカンが飛び出すインパクトのある床屋さんのサイトです。床屋さんという需要を考え、大々的なプロモーションではなく、地域に密着した情報を発信することで親近感のあるサイトになってます。XHTML+CSSでしっかり組まれて、情報の多いページではJavaScriptでタブ化するなど、はじめて作るサイトとは思えない出来栄えです。 サイトを見る

その他の作品はこちらからご覧下さい

パソコン初心者として入学した生徒の作品

パソコンの基礎的な使い方を習得していない状態で、本校に入学する生徒もいます。授業が進行していく中で常に遅れているような状態が続いていましたが、諦めず自宅学習も含めて努力し続けました、その結果、HTMLとCSSをしっかり組んでひとつのサイトを作り上げることができたんです！努力を継続し続ければ、作品を作ることはできます！

大山にある接骨院の公式WEBサイト

WEBクラス卒業生

Ｅさん

Ｅさんは、休み時間や昼休みも惜しむことなく、講師や他の生徒に毎日のように質問し、自宅でも5時間近く理解するまで復習していました。どうしても分からない場合は講師に質問メールを出すなど、決して諦めることはありませんでした。結果、このようなサイトが完成しました！SEO対策にも取り組んでおり、「接骨院　大山駅」で検索結果13位「接骨院　ハッピーロード」で検索結果5位に上がってきました。よく頑張りましたね。 サイトを見る

所沢にある建具屋さんのWEBサイト

WEBクラス卒業生

Ｋさん

所沢にある建具屋さんの公式サイトです。ＫさんのHTMLとCSSの理解は、授業中盤まで習得ができていませんでした。しかし、Ｋさんは諦めませんでした。本人の努力の結果、このサイトを作り上げることができました。SEO対策としても考慮されており「所沢」「建具店」と検索をすると1位に表示されます！ サイトを見る

奥能登珠洲の自然塩「塩娘」を紹介するWEBサイト

WEBクラス卒業生

Ｋさん

奥能登珠洲の自然塩である「塩娘」という製品を紹介するサイトです。頑張りましたね。授業を一緒に受けた生徒さん達もＫさんがゼロからHTMLとCSSを組んでサイトを完成できるとは正直、思っていなかったのではないでしょうか。本人が諦めなかった結果です。すばらしいですね。 サイトを見る