ディレクション 初心者もこれでバッチリ！ワイヤーフレームの作り方
webサイト（ホームページ）の設計図となる「ワイヤーフレーム」。webサイトを制作する際には、ワイヤーフレームの制作が欠かせません。それは、家を建てるとき、設計図もなしにいきなり木を切ったりしないのと同じです。この記事は以下のような人の役に...
Web
ディレクション 
コーディング 【htmlコーディング】現役コーダーが選んだ必須ツール11選
今回は私が普段業務で使用しているアプリケーション、ツールのご紹介です。デザイン関係Adobe製品Web業界ではAdobe製品ないと生きていけません。Photoshop、Illustratorがないと仕事になりません。それくらい大事な便利なソ...
コーディング 【初心者向け】CSS擬似クラスnth-child、nth-of-typeの違いを解説
「nth-child」、「nth-of-type」と似たような処理の擬似クラスがあります。どちらも「n番目の要素」に処理を行う擬似クラスになります。どういう違いがあるか解説してきます。「nth-child」と「nth-of-type」nth...
Web 【実体験】大阪でwebデザインの職業訓練に行ってみた！
ハローワークから申し込むことができる「職業訓練校」。就職の支援を目的とし、無料でスキルを身につけることのできる制度です。ただ、実際に申し込むとなると「行く価値があるのかな」「どんなことを勉強するんだろう」などとしり込みしてしまいますよね。わ...
コーディング 【HTML/CSS】初心者コーダーが自信をつけるためにやること
コーダーになってはや14年が経ちました。新しい知識がいっぱいでてきてまだいろいろ覚えることがあって大変です。さて、先日下記のツイートをしました。初心者コーダーさんにまず言いたいこと。一度サイトを組み上げてください。htmlやcssは汚くたっ...
コーディング 【CSS】float（フロート）の使い方と解除方法を現役コーダーが解説
今回はツイッターで思ったより反響がありましたのでfloat（フロート）についてを解説していこうと思います。難しいとよく耳にしますが理解すると意外と簡単ですよ。そもそもfloat（フロート）とはそもそもfloat（フロート）とはどういうスタイ...
コーディング 【コーダー向け】CSSでつまづきやすいポイントと解決法
CSS覚えることいっぱいあって面倒ですよね。慣れないうちは、セレクタ？プロパティ？宣言？なにそれって感じですよね。今回は初心者コーダー向けにCSSについてつまづきやすいポイントと解決法を解説していこうと思います。CSSとはCSSとはCasc...
コーディング まずは流れを知ろう！HTML・CSSコーディングの手順
今回は初心者コーダー向けにコーディングの進め方を解説していこうと思います。コーディングの流れコーダーによって若干の入れ替えはあるかもしれませんが、実際のコーディングの流れは以下の6ステップになります。ファイル、フォルダを作るレイアウトを考え...
コーディング 【初心者向け】コーディングが上達する勉強法を現役コーダーが教えます
web制作会社に入社したら案件を振られコーディングをするわけですけど、知識や技術がないとき「ちゃんと組めるんだろうか」、「納期までに完了させることができるんだろうか」となりたての時代は不安ばかりですよね。今回はコーダーになりコーディングが上...
デザイン 【ポートフォリオ掲載OK】デザイン練習に使えるワイヤーフレーム配布します
未経験からwebデザイナーになろうとしたとき、ハードルとなるのが就活用に使う作品の制作です。しかし、スクールの課題などがない場合、何のサイトを作るか迷いませんか？そこで今回はサイトの設計書である「ワイヤーフレーム」を配布します。デザインの練...