Image
背景画像を変更
Image
プロフィール画像
を変更
Setting
Quit
Completion

株式会社ダラフ

daraf
http://daraf.co.jp

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の便利なメソッドをあまり使わず、あえて命名規則などを理解するために回りくどい方法で要件を達成していきます。一つ一つ理解しながら進めてきましょう。

一年間スタイルシートを書いてわかったこと

ブラインドタッチすらままならなかった僕が、 一年間勉強してみてわかったことを備忘録がてらまとめようと思います。

コンサル語とその用法

会社のミーティングの場などで出てくる、 コンサルタント語をまとめました。 自分自身わからない単語が多いので、クイズ形式にして備忘録としてまとめたいと思います。

シラバス開発履歴

シラバスの開発日誌です。僕らの軌跡を赤裸々に。

Backbone.jsから学ぶイベント実装

Backbone.jsのイベント実装を追うことでJavaScriptにおけるイベントの実装方法を学びます。