jchristopher-setup

1: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 05:06:08.49 ID:qSjKXh7o0.net
dreamweaverとhtmlとCSSの参考書は買ってきた



2: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 05:09:15.63 ID:buKGDtrF0.net
本格的だな



11: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 05:53:50.50 ID:qSjKXh7o0.net
>>2
Webやろうと思ったキッカケがAdobeのソフト全部使えるプランに入ってたからなんだよね



3: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 05:15:33.13 ID:kQX4xyfJd.net
形から入る典型



4: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 05:28:24.44 ID:Rs3c+1WJ0.net
HTMLの基礎は非常に簡単だからそこから始めろ
メモ帳で書いてブラウザで開けば書いた通り表示されるから
文字コードを理解したらフリーソフトのエディタを導入個人的にはサクラエディタがオヌヌメ
CSSはHTMLをデザイン的に補完するものだと思えばいい

一通りタグを覚えたら無料のテンプレートのソースを見て勉強
手打ちでサイトが作れるようになったらDreamweaverの使い方を動画で学べばいい



5: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 05:32:02.13 ID:Rs3c+1WJ0.net
HTMLやCSSの基礎はリファレンスサイトを読めばタグの役割が分かる
HTML5とCSS3はちょっと高度なのでまずは基礎を理解してから
最終的にはjavascriptやPeal、PHP、WordPressを学べばWEBコーダーの完成



6: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 05:33:16.84 ID:kQX4xyfJd.net
学校のカリキュラムじゃねーんだから
独学でタグ打ちからなんてできるかよ



8: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 05:41:25.93 ID:Rs3c+1WJ0.net
>>6
俺完全に独学だけどHTMLのタグ手打ちから覚えたよ
その方が理解が早い

10年経った今コーディングだけじゃなくイラレやフォトショで中小企業のサイト制作から
InDesignも使ったDTPまで出来るようになった
もちろん面倒なサイトはWordPress使ってるけど



9: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 05:51:50.57 ID:kQX4xyfJd.net
>>8
10年前の誰もが思考錯誤してたような時期と同じに考えてもなー、、
最近PCに触れ始めた人は動作の仕組みとか全く意識したことないところから始まるケースが多いから
コンピューターに近い側からのアプローチは伝わらないことが多いぞ



13: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 05:59:05.78 ID:Rs3c+1WJ0.net
>>9
まあそうか
Dreamweaver覚えれば大抵のことは出来るしね
タグの意味は細かい修正が必要になった時にリファレンスでググればいいし
ただ文字コードの概念とかデザインのトレンドとかは調べた方がいいかも



7: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 05:36:22.63 ID:+WHYeHNW0.net
webデザインをやるにはデザインの勉強をしなきゃな



10: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 05:52:15.42 ID:Rs3c+1WJ0.net
>>7
イラレとフォトショの使い方の勉強も同時にやった方がいいだろうね
「いいデザイン」ってのはトレンド見て学べばいいし



12: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 05:57:01.65 ID:qSjKXh7o0.net
>>10
イラレ、フォトショも超初心者レベルだけど使えないことはない
デザインは自信は全くないけど一応それ関連の専攻だから素人ではない



11: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 05:53:50.50 ID:qSjKXh7o0.net
在宅ワーカーの人?



15: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:01:48.09 ID:Rs3c+1WJ0.net
>>11
今は自営業だけど数年前まで広告代理店勤めのデザイナーだった
タグは「HTMLタグとは?」ってググればいいよ
WEBデザイナーに最も必要なのは「検索による情報収集能力」かも



16: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:03:09.05 ID:qSjKXh7o0.net
>>15
基本は検索で情報集めるのか
参考書とかいらんかったのだろうか
とにかく手を動かしてみる



21: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:07:49.29 ID:wL1WNJKrd.net
>>16
javasc、html、css辺りは紙の媒体あった方がいいよ
特にcss



22: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:09:57.29 ID:Rs3c+1WJ0.net
>>16
せっかく買ったなら一通り読みなよ
タグはリファレンスを参照すればいいけどプロレベルだと色々ルールや定石があるからプロに学んだ方がいい
最新のトレンドやそのコーディングの方法なんかはググって覚えるといいけどまだ先の話だね



14: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:01:37.43 ID:qSjKXh7o0.net
Adobemuseとかいうソフトがコード無しでWebデザインできるってなってるけどイラレと同じ感覚でできるってこと?めっさ楽ですやんwwww



18: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:06:29.69 ID:Rs3c+1WJ0.net
>>14
Adobe版ホームページビルダーって感じだね
読みづらいコードになりそうだけどセンスさえ良ければ簡単なページ物のサイトは作れそう



17: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:04:50.08 ID:wL1WNJKrd.net
プログラムはともかく、webデザは意味は簡単でも何かと文書多くて忘れやすいから形から入るのが正解だと思うわ

あとは作るには小学生でも三日でマスター出来んだが、センスがなぁ…



20: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:07:15.19 ID:qSjKXh7o0.net
>>17
まあ誰かに頼まれてるわけでもなく趣味の段階だからデザインに関しては好きなようにやらしてくれ



19: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:07:10.14 ID:kQX4xyfJd.net
タグとか操作とかの技術的なことは検索が楽で良い

一方、デザイン、レイアウトとか色調とかの参考は
書籍の方が良いと思う、Webと違って環境によって崩れないし
ガンマ値による補正による見た目の差異とかに悩まされないし

まぁ今はMacもガンマ2.2だだたりするし、デジタル化が進んでプロファイル補正も安定してるし
色で悩む場面はほとんどないかもしれないが。



23: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:16:53.75 ID:Rs3c+1WJ0.net
Google Chrome使ってるなら「ソースを表示」と「要素を検証」で
簡単そうなサイトの中身を見てみるといい



24: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:19:04.62 ID:qSjKXh7o0.net
>>23
サイト見てみたがこんなたくさん手打ちで書いてるの?
はやくも挫折しそうだ



25: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:22:48.09 ID:Rs3c+1WJ0.net
>>24
最近はDreamweaverとかCMS使ってる人が多いよ
土台を作って後は手打ちで修正って感じ

タグを覚えるならシンプルなテキストサイトみたいなのが良いかも



26: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:27:27.43 ID:Rs3c+1WJ0.net



39: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:02:17.63 ID:Y+MIzKo90.net
>>26
いくつかお世話になったサイトがあった
PGも重要だけど考え方も必要じゃね?

http://www.webcreatorbox.com/



30: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:46:55.89 ID:qSjKXh7o0.net
>>26
親切すぎわろた
頑張るわありがとう



27: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:28:25.35 ID:/iLsrwTn0.net
Webデザインの採用募集にAdobe系ソフトの基本操作みたいな事が条件になってる所多いんだが
あれってどのレベルなの?
俺もその業界行きたいんだけど使ってた画像編集系ソフトってGIMPとかなんだよね
Adobeは無料配布のCS2が入ってるだけ

Web系のスキル的には
レン鯖借りてHTML4とCSSをサクラエディタでリファレンス見ながら手打ちで作ってたぐらい
PHPは使ってたけどDBは一瞬触ってログは.csvで事足りるやってなってたからほぼ使えない
デザイン性はお世辞にも良くなかったと思うから色々なサイト眺めながらやってた

今月学校卒業なんだけど割と真面目にどっか入って実際やってる人の見習いたいって考えてる



28: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:35:41.97 ID:Rs3c+1WJ0.net
>>27
イラレ、フォトショ、DWの基本操作や指示された物が作れるスキルかな
まずはデザイナーじゃなくデザインオペレーターからスタートだよ
ちなみにCS2は誰にでも無料配布な訳じゃないんだけど……まあいっか

WEB系なら後はWordPressとjavascript使えれば尚良い
最終的には「このサイトみたいなの作れる?」って見せられて
どうやれば同じものが作れるか分かるレベルになれば



33: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:51:11.82 ID:/iLsrwTn0.net
>>28
ありがとう今日にでもWordPressでブログこさえてみるか
問題はJSかなー動的なオサレサイトはサイトよく弄ってた頃はまだガラケのが多いぐらいでPCもしょぼかったから
処理重くなると思ってあまり触ってなかったんだよね 今だと極端な話動画埋め込んでもヌルヌルだしマウスオーバー以外もやってみる
ある程度触り終えたら4~5月ぐらいになりそうだけどまだ新卒って通用するのか謎だ
よしWebコーダーなるぞー

Web系の求人見てると残業とか結構少ないとか無いって書いてたりするの多いんだけど
自分でブラックとか書くわけないし実際どんな業務環境どんな感じなのか気になる



29: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:44:58.67 ID:Rs3c+1WJ0.net
jQueryを使いこなせると尚良い



31: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:47:24.39 ID:Rs3c+1WJ0.net
でも若者に言いたいのはデザインやWEBプログラマーを目指すくらいなら
跡継ぎがいない伝統工芸の工房に弟子入りした方がいい
IT業界にとって人材は使い捨てだから



32: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:50:17.19 ID:+WHYeHNW0.net
IE6の無い世界でよかったな




34: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:53:28.87 ID:Rs3c+1WJ0.net
>>32
心の底から同意
そしてWordPressやDreamweaver、jQueryのある時代で良かったな



35: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:54:35.54 ID:/iLsrwTn0.net
そうだそれだJSで思い出したがjQueryって仕事でサイト制作してる人も使ったりするのか



36: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 06:55:14.66 ID:Y+MIzKo90.net
WordPressでテーマは作ったけど
作業要領としては画像処理のが時間かかっている
作りたいイメージが明確であればぐぐってPGは作れるものだよ



41: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:05:59.83 ID:Rs3c+1WJ0.net
>>35
使う必要があれば使うよクライアントの要望や仕事内容次第

>>36
その通り
デザイン性で言えばコーディングより素材が大事
俺も飲食店のサイト作る時とかまず最初に機材一式持ってとりあえず写真撮りに行くしね



38: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:01:22.12 ID:Rs3c+1WJ0.net
>>33
動的な手法にこだわる必要は無いよ
PC向けで言えばApple公式みたいなシンプル+ちょっと動的なのが今のトレンド
大抵のサイトはスマホ向けのUIに重点を置いてる
スマホはブラウザや画面解像度がバラバラなので実機テストが大変

職場に関してはその会社次第
例えば飲食チェーンの会社で自社サイトや自社の印刷物を作るなんて仕事なら楽
下請けデザイン会社や広告代理店で納期があるならどこへ行っても地獄

派遣ならキッチリ帰らせてもらえるとは思うけど育てる気も未来も無い



46: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:12:11.93 ID:/iLsrwTn0.net
>>38
「シンプル+ちょっと動的」これくっそ大好きだわ
たしかに画面サイズは悩む 相対的な調整よく使ってた気がする

適当にググって出て来た就職サイトで条件絞ったら
ECサイトとかも結構多いけど楽天とかのごちゃごちゃした感じはあまり好きじゃないんだよね
面白いデザイン作ってる会社なら数人の小規模でも気にしないとかだし
ECサイトのWebコーダーとかでも実務経験ってのがついたら儲けもんかなってスタンスで探す予定
http://www.find-job.net/x/3-tja-112-5-205-27/1-1-1/



40: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:04:33.82 ID:/XOE6i2l0.net
Javascript「俺は!?」



42: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:06:33.78 ID:Y+MIzKo90.net
>>40
少なくても自分のサイトで使う予定はない
法人サイトはブラウザ+PDFで再現出来ないとダメかと



44: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:08:32.63 ID:Rs3c+1WJ0.net
>>40
DB扱えないしjQueryさんが居るからなあ
やりたいことがあって拾ってきて使うことはあってもそれほど重要視してないな



43: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:08:32.04 ID:/XOE6i2l0.net
マジレスすると、今後真面目に生きて行きたいなら
html
CSS
Javascript
Muse
Edge Animate
Photoshop

これ必須

Edge Animate は HTML5版のFlash見たいな物だし最近出たばっかりだから、動きのあるサイトが作れる



45: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:10:47.15 ID:Y+MIzKo90.net
>>43
これからのトレンドならSVGじゃね?



47: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:13:07.51 ID:/XOE6i2l0.net
>>45
Edge animate ならそうだね
そうなるとIllustratorの技術も必要になるけど
正直イラレはフォトショが出来れば、扱えるからな



49: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:19:16.69 ID:Y+MIzKo90.net
>>47
Illustratorは出来て損はないよね
紙出力の9割はIllustratorで済むし
フライヤー作ってる間に覚えた



50: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:21:08.79 ID:Rs3c+1WJ0.net
>>47
イメージでイラレ難しいと思ってる子多いけど
Adobe製品は基本理念が一緒だから多少操作やショートカットの違いはあれどさほど変わらないよね



52: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:23:57.89 ID:Y+MIzKo90.net
>>50
たぶん何かで触れていないと難しいと思う
やりたい事が明確ならぐぐると処方はスグ出てくるけどな



48: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:13:49.82 ID:Rs3c+1WJ0.net
マジレスするとWEBデザイナーなんてやめておけ



51: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:21:22.87 ID:Y+MIzKo90.net
>>48
食えなさそうな職業に思えるよな



53: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:26:16.13 ID:Rs3c+1WJ0.net
>>51
一応技術職だから転職楽だし仕事もあるけど給料安いし座り仕事で体悪くなる
スタートアップに絡むとか会社が大きくなるなら多少旨味もあるかも知れないけど
正直、割に合わない



55: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:30:56.69 ID:Y+MIzKo90.net
>>53
日本だとプロに頼めるのは一部の企業ぐらいだからな
そもそも客が少ないと思うのよ
オイラは高くて自分で作っちまったけど
WordPressが流行ってから楽にはなったな



56: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:36:06.44 ID:Rs3c+1WJ0.net
>>55
日本人はデザインやプログラムに金を払うって感覚が希薄だからな
その結果ダサくてモッサリで使いづらいUIのHDDレコーダーみたいなのが出来上がる
あと無駄にFlash多用したティザーサイトとか

金を払うクライアントが無知でケチでセンス無いままだから
日本中クソみたいなデザインで溢れ返ってる



58: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:47:50.28 ID:Rs3c+1WJ0.net
勤め人はどれだけいいデザイン作っても
成績は営業担当のものだしクソ営業マンやクソクライアントと関わると無駄な作業が増える
クリエイティブな仕事がしたいならスタートアップが一番
楽に働きたいなら他業種のお抱えデザイナー



59: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:53:08.16 ID:Rs3c+1WJ0.net
目指す前にこういうの読んでおこう

http://www.aruaru.unsung.jp/



57: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:37:01.70 ID:rTmt2KJA0.net
webデザインなんかパクってなんぼざます



60: 以下、\(^o^)/でVIPがお送りします 2015/03/12(木) 07:53:16.17 ID:/XOE6i2l0.net
>>57
これ

レイアウトを真似るだけで6割完成だからあとは自分流に編集するだけ
関連
webディレクターおれが初心者に役立つサイト教える

パソコンの大先生に役立つWebサイト挙げていくぞ!

引用元 http://viper.2ch.sc/test/read.cgi/news4vip/1426104368/
スポンサードリンク