在庫管理システムを開発してみよう
簡易的な在庫管理システムを開発していただきます。
C言語基礎テスト
C言語の確認テストです。
Jquery + CSS3
jQueryプラグインとCSS3の機能を利用して、インタラクティブなWEBページの開発をおこいます。基本的な利用法からちょっとしたtipsまで実際に試しながら学習していきましょう。
No1 CSSフレームワークTwitter Bootstrap
人気の高いCSSフレームワークである、Twitter Bootstrapを利用して、CSSを記述します。CSSフレームワーク特有の記述の仕方を学びます。一からCSSを書くのではなく、決められたプロパティをうまく利用して高速にコーディングを行ないましょう。
npmでフロントエンド開発の効率アップ
jQueryなどは非常に便利ですが、プロジェクトのたびに公式サイトからzipをダウンロードして利用するのは面倒です。またバージョンをあげる際にもこれを繰り返さなければなりません。npm, bowerなどのパッケージ管理システムを使って、管理を楽にしましょう。
OGP, Twitter Cards, oEmbedでソーシャルにバズらせる
FacebookやTwitterなどのSNSに最適化していきます。Fb/Twに最適化することで、SNS上でシェアされる確率を向上させます。OGPやTwitter Cardsの仕様を理解し、適切に対応していきます。
レスポンシブデザインでモバイル・PC両対応
モバイルファーストと言われてずいぶんと日が経ちました。今ではスマフォでWEBを閲覧する人とても多く存在します。ここでは、最初からレスポンシブ用にデザインされたサイトをコーディングし、PCとモバイル両方で最適化したデザインを構築します。
WordPressをレンタルサーバーにデプロイする
WordPressをSAKURAのレンタルサーバーにデプロイします。設定ファイルにサーバーの情報を記述し、サーバーにWordPressをインストールします。データベースとの接続なども平行して学びましょう。
WordPressのプラグイン
ここでは、WordPressの代表的なプラグインを実際に利用してみます。スパム防止やSEOなどほとんどのWordPressサイトで定番のように利用されているものばかりです。この機会にプラグインを利用することに慣れてしまいましょう。
FTPソフトを使ってサイトをアップロード
静的WEBサイトをSAKURAのレンタルサーバーにFTPクライアントを使ってデプロイします。レンサバを契約して、サイトを公開してみましょう。
Photoshopの基本的な使い方
フォトレタッチソフトの代表である、Adobe Photoshopの基本的な利用法を見ていく。フォトショを利用して、画像を加工し、WEBデザインにおける画像の役割を再認識しましょう。
Illustratorの基本的使い方
ドローソフトの代表である、Adobe Illustratorの基本的な使い方を見ていく。WEBデザインにおいてイラレは定番ツールとしての地位を確立している。イラレを使いこなして、クールなウェブデザインを構築しましょう。
WEB制作のためのワイヤーフレーム実践演習
ワイヤーフレームとは、ウェブページの「レイアウト」のことです。WEB制作においては、このレイアウトがプロトタイプであり、モックアップでもあります。レイアウトを丁寧に作成することで、制作のゴールを明確にし、不毛な修正作業のコストを削減することができます。ここではワイヤーフレームの書き方を見ていきます。
静的WEBサイト構築入門 - HTML/CSSの学習総仕上げ
ここでは、静的なWEBサイトを制作します。ページ数は3ページです。コンテンツの内容は企業サイトと同様な内容です。今まで学習してきた、HTML,CSSを使って、サイトを制作してみましょう。サイトのページ構成を考えながらステップバイステップで進めていきます。
CSS入門 - WEBページの視覚情報を記述する
視覚的情報を記述する専用の言語であるCSS(通称スタイルシート)を基本から学びます。CSSはWEBにおける「見た目」を担当します。いくつかある頻出のプロパティを中心に、実際にHTMLにスタイルを当てながら学習していきましょう。
HTML入門 - WEBに文章を記述する
HTMLとは、HyperText Markup Languageの略であり、文書の論理構造や表示の仕方などを記述することができます。Webページの「情報」を記述する言語です。ただの文字列に「意味」と「構造」を定義していくものです。WEBの第一歩として学習していきましょう。
はじめてのRailsアプリ 2chの簡易クローンアプリを作る
Ruby on Railsの基礎の基礎を学習します。簡単な掲示板を作成するこのコースでは、RoRの便利なメソッドをあまり使わず、あえて命名規則などを理解するために回りくどい方法で要件を達成していきます。一つ一つ理解しながら進めてきましょう。
Ruby on Rails実践講座 - Twitterの簡易クローンを開発する
Twitterの簡易クローンを作りながら、Railsの基本を学習します。
バナナデザイン株式会社について
バナナを食べるくらいならバナナになれ。
一年間スタイルシートを書いてわかったこと
ブラインドタッチすらままならなかった僕が、
一年間勉強してみてわかったことを備忘録がてらまとめようと思います。
ダラフ社が求めるサーバーサイドエンジニアの学習コース
ダラフ社に入社後に求められる技術を学習コースにしました。
ActiveRecord::Baseの挙動詳細クイズ
ActiveRecord::Baseファンの皆さんなら余裕。
コンサル語とその用法
会社のミーティングの場などで出てくる、
コンサルタント語をまとめました。
自分自身わからない単語が多いので、クイズ形式にして備忘録としてまとめたいと思います。
シラバス開発履歴
シラバスの開発日誌です。僕らの軌跡を赤裸々に。
Backbone.jsから学ぶイベント実装
Backbone.jsのイベント実装を追うことでJavaScriptにおけるイベントの実装方法を学びます。