カテゴリー別アーカイブ: 学校

「iPhoneアプリ講座」5回目〜7回目の様子です。

こんにちは。学校事業部の古谷です。

だんだんと暖かくなって来ましたね。クスールも神保町に来て1年が経ち、2度目の春が来ます!
そんな1年前から育てている緑たちをご紹介。クスールには色々な植物がいます。(中には惜しくも枯れてしまっていった緑も。。。涙)

こういった植物は空気を綺麗にしてくれる作用があり、うちのオフィスもなかなか空気の入れ替えができない作りなので、きっとこの子たちが綺麗にしてくれているはずでしょう。また、いつも艶々の葉っぱでいてくれればクスールメンバーも受講生もちょっと遊びに来た方々も、気持ちよく過ごしてくれるはずだと思い楽しく育てています。

そんなこんなで、遅れてしまっていた「iPhoneアプリ講座」のレポートを。
まずは5回目の講座の様子です。
続きを読む

「ほんきでHTML講座」第2~6回目の様子をご報告します!

こんにちは。ほんきでHTML補助講師の綿村です。

三寒四温とはよく言ったもので、汗ばむ日があると思ったら翌日は真冬の寒さに逆戻り。
こういう時に体調崩しがちなので、しっかり体調管理をして年度末を迎えましょう。

さて、講座2〜5回目の報告ができていなかったので6回目と合わせてブログを書きました!
(ブログ更新できずすみません!)

2回目から新しい参加者が増えて合計7人になり、にぎやかな講座になりました。

まず、恒例の最終課題の企画発表を行いました。
友人のポートフォリオサイトを作る方や業務で役立つWebアプリ系のサイトを制作される方など、とても個性的で完成が楽しみな企画ばかりでした!

緊張の企画発表を終え、続いてCSSの基礎を習っていきます。
1回目の終盤に縦並びのメニューの装飾をCSSで行いましたが、その復習を兼ねてもう一度制作しました。
(1回目ではメニューを作るのが難しかった方が、1週間の間にきちんと復習されて2回目ではスムーズにCSSを書けるようになっていました!)

ひと通りのCSSメニューの復習を終え、次にセレクターや擬似クラスについて学んでいきます。
CSSメニューではdivやul, liに対して直接CSSを充てていましたが、セレクターや疑似クラスでより実践的な制作ができるようになります。

続いて3回目。
先週祝日の為、1週お休みをして2週間ぶりの講座です。

この日はFloatを用いてのレイアウト作成について、徹底的に学んでいきます。
(お仕事でだんだんとFlexboxを使う事例が増えてきましたが、まだ一部ブラウザにおいてベンダープレフィックスが必要なのでFloatになりました)

ボックスを横並びにし、それを囲んでいるブロック要素の高さが潰れてしまう現象を再現してみたり、clearでfloat解除する方法、Floatを使用するにあたり注意する点などを解説しました。
またbox-sizingを用いて、ボックスモデルの説明をしました。Floatでの横並びはピクセル数が超過してしまうとカラム落ちするのでボックスモデルの理解は必須ですね。

そしてそして4回目です。

4回目は、前回まで学んだ内容に加えてposition: absoluteとrelativeを使って実際にサイトのヘッダー部分を作っていきます。
座標で要素の位置を決められるので、自由に使用する事ができれば表現の幅が広がりますね。

WEBフォントで書体を変更したり、サイト全体を囲むブロック要素のidにwrapperを用いて、ロゴにはh1を、メインビジュアルにはheroなどなど実際の制作に近い形で講座を進めていきました。

5回目には、スマートフォン全盛の時代に必須のスキルとなったレスポンシブデザインの内容に入っていきます。
viewportやRetinaディスプレイでの画像の取扱の注意点を解説していきます。
そして講座用に用意をしたデモサイトを生徒さんたちが作りながら、floatで回り込ませたレイアウトを、レスポンシブでfloatを解除させるCSSを書いていきます。

6回目に入ると、CSS3の角丸やボックスシャドウ、そしてアニメーションについての内容に入っていきます。
マウスオーバーで隠れていた要素をアニメーションで出現させました。アニメーションは視覚的に目につきやすく、訴求効果もあるので効果的にWEBサイトに導入していきたいですね。
またjQueryのプラグインでハンバーガーメニューの設置も行いました。Javascript(jQuery)は、本講座ではほんの少しのみの解説ですが実際にWEBサイトに仕込むとどの様な効果があるのか、実際に手を動かして確認していきます!

さて、次回は簡単なJavascript(jQuery)を書いてスクロールに追従する固定するメニューやカルーセルスライドショーを実装していきます。
そしていよいよ8回目の企画発表が迫り、講座内でも制作の時間を設けて8回目に向けて自分の企画サイトを作っていきます。

「iPhoneアプリ講座」第4回目の様子です!

みなさんこんにちは。学校事業部の古谷です。

この日もいいお天気でお散歩日和でした。なので授業が始まる前に、近くのコーヒー屋へ。
コーヒ屋なんて言ったら怒られそうですが、クスールの近くにグリッチコーヒーというスペシャリティコーヒーを出してくれるお店があります。私はそこでいつも480円のカフェラテを買っています。酸味のあるコーヒーとミルクってすごく相性良くて私は大好きです。そんなにたくさんコーヒーは飲めないので、グリッチのコーヒーを飲む時は少し特別な気分でございます。ぜひみなさまもお立ち寄りください。

iPhone

では今回も授業の様子を書いていきたいと思います。
「iPhoneアプリ講座」は今回で4回目。

iPhone
続きを読む

iPhoneアプリ講座3回目の授業の様子です!

みなさんこんにちは。学校事業部の古谷です。

最近は春一番が吹き、もうずぐ春がすぐそこに近づいて来ましたね。
実は先日クスールメンバーでオフィスの1階にあるラム肉で有名な「ラムミートテンダー」に行って来ました。ランチは行ったことがあったのですが、まだディナーは行ったことがなく、ドキドキしながら行きました。やはりここに置いているラムは、選び抜かれたラムでとって美味しく、ほっぺが落ちそうでした。もしみなさんもお近くに寄られた際は、行ってみてください。※予約必須です!
私はラムの自家製ソーセージが一番好みでした!こちらはラムのたたき。
https://tabelog.com/tokyo/A1310/A131003/13185240/

ラムミートテンダー

それでは授業の内容をレポートしていきます。
今回は3回目で、だいぶみなさんSwiftには慣れきたのではないかと思います。
しかし先週が休みだったため、少し思い出してもらうために、今までの学習を網羅した復習を行いました。

iPhone

続きを読む

「ほんきでJavaScript」「もっとほんきでJavaScript」受講生募集中!!

こんにちは。学校事業部です。
「ほんきでHTML」と「Phoneアプリ講座(Swift)」の授業が開催中ですが、今回は4月からはじまる2種類の講座のご紹介。

初心者向け「ほんきでJavaScript」、中級者向け「もっとほんきでJavaScript」です。
受講生募集中ですので、ぜひご興味お持ちの方はぜひお気軽にお問い合わせください。

js

続きを読む

iPhoneアプリ講座2回目の授業が行われました!

こんにちは。学校事業部の古谷です。

最近とても寒いですね。みなさんお風邪引いていないでしょうか。まだまだインフルエンザやノロウイルスも流行っているので気をつけてください。
イベントのご紹介です。4月22日にはcshoolオフィスの近く、テラススクエアでCoffee Collectionが開催されます。そこでは日本を代表するスペシャリティーコーヒー店の最高の1杯を飲むことができます。そして今回のCoffee Collectionでは新たに出店する5店舗を、一般募集されるそうですので、我こそはうちのcoffeeshopを!という方が周りにいらしたら紹介してあげてください。
http://coffeecollection-discover.strikingly.com/

coffeecollection

では授業の様子をピックアップしてお話していきます。
クスールでは先々週の土曜日「iPhoneアプリ講座」が行われました。(先週はお休みです。)

iPhone

続きを読む

ほんきでHTML講座がスタート!

初めまして!本講座の補助講師をさせてもらうことになりました綿村と申します。私がHTMLやCSSを学ぶ際につまずいた点やもっと早く知っておきたかった事など、授業を通じて受講生のみなさんにお伝えしていければと思っております。

そして今回は29日から開講した全8回の「ほんきでHTML」の内容や様子を私がレポートしていきますのでよろしくお願いします。

html

第1回目は自己紹介から始まりました。
過去にWEBデザインの勉強されもう一度基礎からやり直したいという方、運用しているECサイトのデザインをカスタマイズしたい方、CSSを基礎からやり直して表現方法を広げたいなど様々な思いを持った計6名の方たちがいらっしゃいました。

自己紹介を終え、早速授業に入っていきます。

続きを読む

iPhoneアプリ講座がスタートしました!

みなさん。こんにちは。
学校事業部です。

2017年一発目の講座「iPhoneアプリ講座」「ほんきでJavaScript」がスタートしました。
土曜日は「iPhoneアプリ講座」を行い、5名の方が参加されています。

iPhoneapp

まず最初は自己紹介から行い、授業に入っていきました。
最初はXcodeのセットアップの説明から行いました。

続きを読む

ほんきでUIデザイン〜 最終日

みなさんこんにちは。
学校事業部の古谷です。

クリスマスも終わり、年末ですね。今年もあと数日。
インフルエンザやノロウィルスが流行っているので気をつけて今年を乗り切りましょう!
そしてやり残したことがあったら、来年にやりましょう。

img_4104mini

そんな中、「ほんきでUIデザイン」の授業が行われました。
この日は最終日です。5時ごろに発表を行います。

UIデザイン
続きを読む

ほんきでUIデザイン〜 7回目

みなさんこんにちは。
学校事業部の古谷です。

東京はキラキラモードですね。私は田舎育ちなので、クオリティーの高いイルミネーションを見るとすごい興奮してしまいます。なので今年もどこかのキラキラでも見に行こうかと思いますが六本木青の洞窟とか超メジャー級のものしか知らないので、何か面白いイルミネーションやっているところご存知でしたら教えてください。
神保町も負けじと最近キラキラしています。

UIデザイン

そんなこの日も「ほんきでUIデザイン」の授業が行われました。7回目です。
前半は画面遷移の際に発生するアニメーションについての解説を行いました。前回にPixate/ピクスエイトで動きの解説も少し行ったので飲み込みやすい内容でした。

UIデザイン

続きを読む