【Webデザイン】独学の勉強方法を熟考してみる。

 

こんにちは、ふひっくすです。

Webデザインの独学での勉強方法なやみますよね。

 

そこで、いろんなサイトや書籍から勉強方法をまとめていこうと思います。

あくまで僕の備忘録的な記事になるとおもいますが、あしからず。。

 

Webデザインは何からはじめるか

 

まずはProgateで「HTML&CSS」をまなびました。

 

Progateで一番最初にやったのはRubyだった気がします。

まずは、いわゆる「プログラミング拒絶反応」をとることから始めました。

 

基礎の部分が一番挫折しやすいんですが、

そこを0から丁寧に教えてくれるので大変ありがたいサービスです。

 

スクールはどうするか

 

プログラミングスクールの「TechAchademy」と「侍エンジニア塾」の無料体験。

あと、「CodeCamp」も受けてみました。

 

侍エンジニア塾の無料体験、結構気に入ったんです。

そこからProgateでプログラミングの学習をはじめました。

 

しかし、無料体験だけです。さすがに10万も20万もするのでお金がなく…。

分割払いも未成年は親の許諾がいるのでやめました。

 

手順はどうするか…?

 

いろいろググってみると、

「まずは書籍から」「Progateから」

「ウェブサイトをトレースする」「バナーを模写する」

などの情報が出てきました。

 

備忘録として参考になるサイトを上げておきます。

 

全体の流れ

 

Webデザインを独学で3ヶ月以内にモノにする7ステップ勉強法

 

ポイント

  • 基礎を終えたら実践に移る。
  • 勉強みたく完璧を求めない。
  • とにかく手を動かす。「わからない部分(サイト完成などの目標)」のために勉強する(←勉強が「目的」にならないようにする)

 

冒頭の、自転車を例えたWebデザインの勉強の仕方が参考になりました。

いままでProgateで手を動かしたり、書籍をよんで少し見ないでコード打ったりもしてた。

でも、だんだん書籍が目標になってました。。

 

これからは書籍で勉強しつつ、実践的な内容をアウトプットしていきます。

大変参考になりました。

 

 

勉強法の方向性を見直す

 

Webデザイン初心者が独学で一気に上達する俺流勉強法

 

ポイント

  • インプットしたらすぐにアウトプットする
  • なにができるのかを知っておけば十分

 

インプットしたらすぐにアウトプットする癖(習慣)をつける。

そうすれば、インプットは有意義なものになるんですね、!!

 

考え方が参考になります。

 

 

具体的なデザインスキルアップの方法

 

https://isamuson.com/?p=1466

 

ポイント

  • 【流れ】いいサイトを見る→模写する→評価を受ける
  • 【手順】バナー模写→サイト模写
  • やっぱり続けることが大事!

 

かなり具体的に書いてあります。

模写をする部分についても、

いきなり「全部」模写するのは非効率で挫折率も高くなるというのは納得できる。

 

模写してほしい箇所は大きく分けて4つです。

  • ロゴ
  • ヘッダー・メニュー付近
  • メイン画像
  • サイドバー

目的は模写するのでは無く良いデザインを盗む事です。

全部模写していたら何時間もかかってしまう場合もあるので1〜2時間と自分の中で制限時間を決めて、その時間内で収まる様に模写する箇所を考えていきます。

 

また、バナーから始めるとよさそうです。

Webサイトの模写から初めても問題はなさそうですが、

抵抗を減らすためにバナーからはじめてもいいね!

 

最初からサイトを模写するのは時間もかかるし難しいと思うで、最初はバナーなどから模写していきましょう!

バナーはデザインの細かい部分が良く分かるので初心者の人にはオススメです。僕も最初はバナーのトレースから始まったので1ヶ月ぐらいバナーの模写をしてからサイトの模写に移る方が良いと思います。

 

 

バナー制作の具体例

 

https://isamuson.com/?p=1648

 

ポイント

 

  • 自分で考えてデザインを真似する
  • 並べて模写→最後に重ねる(違いを目視)
  • あまり深く考えない。質より量。

 

バナー制作するときの気をつけるべき点まで書いてありました!

その模写作品も公開されています。

これを参考にすすめていこう〜!!

 

【傘選び】100均の折り畳みと普通の傘どちらがよいのか。

 

こんにちは、フヒックスです。

 

折り畳みと普通の傘、どっちにするか迷いますよね。

そんな時にどちらを選ぶのがベストなのか考えてみます。

 

どっちも使うのがベスト!

 

当たり前ですが、どちらも使うといいとこ取りできます。

 

例えば、「電車の中やバスの中」

このような狭い空間に「普通の傘」はしんどいです。

折り畳みがベストでしょう。

 

また、「旅行などで車を使う」

これは折り畳みと普通の傘、両方いけますね。

ですが、利便性から考えると普通の傘の方が安心できるでしょう。

 

一回整理してまとめてみると…

 

【種類】【場所】【程度】【職種】
普通の傘旅行大雨自営業
折り畳み電車小雨サラリーマン

 

こんな感じですかね…?

 

 

折り畳みは100均でも案外長く使える

 

折り畳みってだいたい百均で売ってますよね。「ダイソー」の品質はすごいです。

僕はもう3年間、ダイソーで買った折り畳みを使っています。

色は黒で無地なのでシンプルで気に入っています。

 

※折り畳み傘入れについてはこちらをご参考に!↓

https://fuhixx.com/folding-umbrella-bag-how

 

コンビニの100円傘はやめておけっ!

 

それに対して、コンビニでビニール傘を買っても100均より高い・・。

 

100円で売ってたりもしますが、

大きさは折り畳みと変わらないという…。

それじゃあ、意味がありません!笑

 

あれは本当に

 

「マジで大雨ヤバイ!誰も迎えにきてくんない!

タクシー呼べないし!歩くしかない!泣」

 

という「”超”緊急用」に買うもの。

一回買ってみて使ってみましたが本当に小さい。しかも畳めないんです。

 

「まじ買う意味…ない。なさすぎる。」

 

ってなりました(^^;)

 

買うならダイソーで買いましょう!!

 

まとめ

 

まとめると・・・

  • 折り畳みは100均のダイソーで買うべし
  • コンビニの100円傘はクソ!
  • 広いところ→普通の傘
  • 狭いところ→折り畳み傘

以上を参考に、あなたにあった傘を探してみてくださいね〜^^/

 

【折り畳み傘】雨の日に濡れたままカバンに入れたくない!どうすれば?

 

こんにちは、フヒックスです。

 

今回は、雨の日に濡れたまま折り畳み傘を入れてしまわないための対処法について紹介して行きます。

 

100均一の折り畳み傘入れ!買いましょ!

 

僕は、折りたたみ傘の入れ物があると知りませんでしたし、

濡れるのが面倒だからスーパーの袋とかに入れてました。

 

実際に資料などが濡れたにもかかわらず笑

 

しかし、ここは入れ物を買いましょう!笑

シンプルなものでいいです。100均で構いません。

 

こんな感じの折りたたみ傘入れです。

 

これ、ダイソーに売ってましたよ〜!

折りたたみ傘を入れるとすっぽりハマってくれました。

近くに100均があったらついでに寄ってみてくださいね!

 

 

どうしても買う時間ない日は?

 

近くに100均がない。

折りたたみ傘入れが売っていない。

 

そんな時は、

  1. (安いジュースでも買って)買い物袋に入れる
  2. 乾かす
  3. ずっと持っとく
  4. 諦めてカバンの中に入れる

このどれかになりますよねー。

ですが、1番目以外は無駄だったり、諦めてる。笑

 

じゃあ、1番を事前に対策しておけば…?

 

そうです。何か買い物をしたら袋を捨てずに持ち帰ればよいのです。

三角型にたたんでどこか入れ物の中に保管しておく。(入れ物は100均でもOK!)

 

そして、いざという日に備えてカバンの中に袋を2枚くらい入れておきましょう!

最低でも1枚は入れてくださいね、!

100均の小さな袋入れをもっていくとなお良いと感じますね。

 

これでカバンの中の資料が濡れることはありませんね、!

 

 

まとめ

 

折りたたみ傘は入れ物がある!

袋があれば濡れない!

 

大事なのはこの2点です!

これで雨も歓迎できます。

 

【自律神経】じっとしてても体がしんどい…

 

こんにちは、フヒックスです。

 

今回は、じっとしていてもしんどいという症状がどこからくるのか調べてみました。

 

 

なぜしんどくなるの…?なんもしてないのに。

 

あなたは、ほとんど動いていないという日でも

「しんど〜。」

「なんかわからんけど、だるい。。」

という状態になっていませんか?

 

 

僕は、春頃になると決まって体調が悪くなります。。

それで通学するのがさらに困難の度を増してきます、、。

 

この症状を改善するには一体どうすればいいのでしょうか…?

 

 

急にしんどいのは、自律神経の乱れかも。

 

ある時期から以前より急にしんどくなってきて、

日を増すごとにその症状がひどくなっている。

 

そんな時は自律神経の乱れからきていることがあります。

 

ストレスが原因?

 

「しんどい 自律神経」で検索すると、トップにでてくるサイトにこんなことが書かれていました。

 

自律神経が乱れる原因は「ストレス」です。しかし、ストレスそのものが、必ずしも悪いわけではありません。適度なストレスはやる気や張り合い、心身の増強に役立ちます。

 

ストレスが過剰にたまるとそれが自律神経に悪い影響を及ぼす可能性があるんですね。

これが本当に専門医の記事だとしたらかなり信頼できる情報ですね。

 

じゃあ、日頃ストレスをためないようにするには?

と考えてみると。

やはり「リラックス」することが大切になってきます。

 

瞑想音楽を聴くなどを習慣として取り入れてみる。

ストレッチを毎朝するのもいいですね。

 

僕は、バイトで体が疲れた時のために、

バイト当日の朝だけはストレッチするようにしています。

でも毎日して習慣づけるのが大切なんですね〜。

 

生活習慣も見直そう!

 

他にも、生活習慣が原因になっているとも考えられます。

 

ストレスに加え、不規則な生活も問題です。例えば夜更かしをする、昼まで寝ている、不規則な時間に食事するといった生活は自律神経の乱れに直結します。


というのも、基本的には交感神経は昼間に優位になり、副交感神経は体が休息状態に向かう夜間や食事のさいに優位になるというリズムがあります。生活が不規則になると自律神経が乱れてしまうのです。

 

 

ある期間に急にしんどくなってきたという場合は、ほかの病気も考えられます。

しかし、急激な異変がない限りは病気とは考えられにくいです。

 

原因は生活習慣にひそんでいる可能性が高くなります。

例えば、ある日から仕事の残業が忙しくなったり飲み会を夜通しやって

夜遅くまで起きていたり。

寝る前にベッドでスマホでずーとTwitterをチェックしていたり、などです。(Twitterじゃなくても同じですが)

 

「今日だけは飲んでもいいじゃん」

「寝られないからスマホみよう」

 

といった行動が

「習慣化」してしまうために起こり得ます。

 

毎日するには不必要な時間は少しずつ削除していき、

規則的な生活を心がけるようにしていきましょう!

 

 

【デザイン本】あなたのそのデザイン、やばくない?重要な3つのポイント

 

こんにちは、フヒックスです。

 

今回は、デザインの本の中でも好評な「なるほどデザイン」からデザインの重要な要点を紹介します。

 

3つのポイントが非常に大事になってくる

 

  • 意図した構図を美しくする

→デザインに正解はない。だから、非常識な方法がしっくりくる場合もある

 

  • 足し算と引き算

→足しすぎている場合は引き算する、何も足していない場合は足し算する。

 

例えば、横断歩道で歩いている人がたくさんいる写真を撮ってみる。

その中で一番目立っているのは何だろうと考えると・・?

 

そう、「全てが目立ちすぎて(主張しすぎ)主役がない」状態になってる。

だからまずは1つの主役を決める。

 

(主役のない交差点)

 

この交差点では、若干だけど中央の赤い服を着ている人に目がいくよね。

なので、その人を主役にして全体をモノクロにするとより赤い人が目立つようになる。

 

  • 見えない線を意識する

 

人は見えないラインを無意識で意識しています。

「見えないラインを意識。それに沿って構成する。」

これだけで、スッキリしたデザインになります。

 

他にも多々意識すべき点はありますが、以上の3つは基礎になるデザインの考え方になります。

 

 

デザインに正解なんてない

 

世にある全てのデザインは「正解」ではありません。

なぜかというと、そもそもデザインに正解なんて存在しないからです。

 

デザインには「何をどこにどうやって置くか」という問いに対して絶対的な正解がない。

–なるほどデザイン 9p 編集とデザインの関係

 

どうやってデザインしていくか。

試行錯誤してその時の最適解を導き出すのがデザインです。

 

あなたのデザインにも、無限の解があることを知りましょう!^^

興味があれば読んでみてね〜!

 

それでは〜^^/

 

【PC掃除】7カ月経ったパソコンを掃除する時に大事な事3つ!

 

 

こんにちは、フヒックスです。

 

今回は、pcを掃除する上で大事なこと3つを紹介して行きます。

 

大事なこと3つ

 

先に結論からいくと、

 

  1. エアダスターを使って済ませる
  2. 細かすぎるホコリは気にしない
  3. 基盤には絶対に触らない

 

この3つが大事です!

まずは上記を徹底して意識してくださいね〜!

 

 

掃除機でもよくない・・?

 

絶対、掃除機より「エアダスター」の方がいいんですよね〜笑

 

正直僕も買うか迷ったんですが、

 

「掃除機じゃどうしようもねぇ!」

「これは静電気も危ないし効率も悪い!!」

 

と気づいて即買いましたよ!!

 

でも一部掃除機つかうのはアリかも

 

あんまり基板に当たりにくいところを掃除機でちゃちゃっとだけ吸うのはアリ。

かもしれませんね。

じっさいにやってみました。

でもエアダスター使うと、掃除機じゃ全然取れてないというのがわかります(笑)

 

 

やっベーホコリたまりすぎじゃね、!?

 

あなたは、ホコリがたまりすぎて困っていませんか・・?

パソコンはホコリが溜まるけど、

「面倒だからほうっておいてもいいかな・・。」

「後1カ月くらいいいでしょ、。」

なーんて思っていませんか・・?

 

僕も、新しく買ったパソコンは大事にしようと思い、3カ月後には掃除したほうがいいと思っていたのですが・・なかなか手を付けづらいんですよね〜。

 

なのでこれを機に掃除してみてください!

面倒だけど、やってみると、ホコリが「ビューンビュンビュン!」とエアダスターで空中に散らしていくのは割と楽しい。(^v^)

 

 

やってみると結構ほこりがビュンビュンと果てしなく飛んでくので、

「うわぁーーこんなほこりたまってたんやー!」

となってびっくり。^^;

 

掃除はノートパソコンでも同じく大切なので、

近頃やろうと思います。

 

【無気力を治す】人生が変わる本1選!【すぐやる人】

 

こんにちは、フヒックスです。

 

今回は、無気力を直して人生を変えてくれそうな本を1冊紹介します。

 

なんでこんなに俺って無気力なの?どうすれば・・?

 

あなたは、今まで無気力で無関心な自分に嫌気がさしていることと思います。

しかし、「人生の知恵は人に聞け」です。

「人に聞くったって誰に?」となると思います。ですが、直接的に人に聞かなくても耳を傾けることはできます。

 

その方法が、「本を読む」ということです。

本を読むことで、今までのあなたにはなかった考えが見え始めるのです。

 

動けない無気力にはこの本を!

 

アマゾンのレビューで特別評価が高いわけではありませんが、

個人的に勇気をくれた本がこの本です。

 

「結局すぐやる人がすべてを手に入れる」↓

 

まさにタイトル通りの本となっています。

やる気を出すにはどうすればいいのか、どうゆう時にやる気が無くなるのか・・など様々な視点から書かれています。

 

  • 「なぜやる気が出ないのか」
  • 「どうすればやる気が出るのか」

 

この2点に注力して、簡単に実践できる方法を紹介してくれます。

 

内容は少し薄い気がします。

しかし、マジでやる気ない人には響く内容です。

少しでも興味のある人は図書館で借りて見てください。

 

内容の割に高いので、

無理して本を買うまででもないかもね・・笑

 

でも、3回読んでみると「結構大事なこと書いてあるなぁ」とは感じました。

機会があれば、さらっと読むのではなく、

熟読して実践していくことをお勧めします。

 

図書館で借りて2週間くらい経つので、延長してまた読んでみようと決めました。

あなたも無気力とムキあってください。なぜ無気力になるのか。

どうすればやる気が湧くのか。

 

習慣を変えれば、人生も変わると言われるように、

無気力を少しずつなおしていけばその分活力に変わって行きます。

 

これを機にやる気を引き出してみてくださいね、!!

あなたも一緒に無気力と戦いましょう!

 

それでは〜^^/

 

 

【飲み物】スッキリできるジュースとは!?

 

こんにちは、フヒックスです。

久々にジュースを飲んで見ました。

 

スッキリするジュースとは・・?

 

スッキリできるジュースは飲んでいて気分が少し良くなるという基準で考えて行きます。

 

おすすめなのが、「なっちゃん」のアップルジュースです。

果汁20%ですが、1.5Lで約250円!安いのでおすすめです。

 

 

甘くてさっぱりした味で気分が変わります!

風呂上がりに飲むと、気分が少し良くなります。

 

この後、なっちゃんのオレンジの1.5Lも飲みました!

家族も美味しく飲んでいました!

 

コンビニなどで見かけたら是非買ってみてくださいね、!

 

 

【Progate】プログラミングをはじめてみた

 

こんにちは、ふひっくすです!

 

ごく最近、プログラミングを始めてみました!

毎日をぼーっと生きていたので良いパソコンも手に入ったし、

何かをはじめようと思いまして。

 

プログラミングを知った時

 

プログラミングを知ったのは小学生の時でした。

小学生の頃に、ゲームを作りたいと思っていました。

しかし、パソコンがないには話にならないし、買ってもらえるわけでも買えるわけでもないので完全に諦めてました

その時は、ゲームに一番はまっていた時期ですし、本気でパソコン買うお金を貯めようとも思いませんでした。

 

バイトをしたくないと思っていたので、高校になってもバイトせずにだらだら生きる毎日です。

ちゃんと宿題や課題、高校展・芸文祭のB1パネルの作品は提出していましたが、

それ以外のじかんはずーーっとネットサーフィンで「人生とは」とは「自由になるには」とか考えていたものです。(笑)

 

そんな話はおいといて(笑)

感想を日記として残しておきます。

 

現在のProgateレベル

 

68です。。

まっだまだですね。

 

最初にRubyの初級編を終わらせて、そのあとJavaScriptを無料の範囲までやりました。

その後は、HTML&CSSばかりをやっています。

 

4/5に始めたと思うので、今日でだいたい一週間くらいでしょうか。

 

侍エンジニア塾とテックアカデミーのオンラインサポート無料体験を受けて、プログラミングの可能性を知りました。

高校の時にうけていたらなぁ・・。と思いましたが、今からならまだ間に合うので、Webデザイナーを目指すべく取り組みたいと思います。

 

めっちゃスライドが見やすい&わかりやすいのでお勧めです。

無料では物足りなくなったので、有料プランに切り替えようと思います。

 

 

ゲームブログをはじめて3ヶ月が経つ

 

こんにちは、フヒックスです。

 

速いもので、ゲームブログを開設してからもうすぐ3ヶ月経ちます。

たぶん、2018年の1月27日から開始なので、あと2週間というところでしょうか。

 

そのサイトとは…

 

正直、デザインは「ほとんどそのままじゃんっ!!(笑)」と言われるであろうシンプルさです。THEシンプル。

ヘッダーは著作権フリーの無料素材を使いました。

こちらのサイトです

 

サイト名「エンジョイ!アプリ攻略日記」

ほんとにそのまんまの名前にしました。

アプリのゲームについてどんな記事がアクセスを集めるのか、

AppMedia等の大手企業の隙間を狙う感覚で記事を書いてみました。

 

あんまりジャンルを広げると管理が難しいので、

新作アプリゲームに焦点を絞って書いています。

 

右に偏りすぎなデザインです…。

芸大いってるのにセンスがやばい…(笑)

 

アクセスの来た記事

 

一番は「超進化物語のリセマラランキング」です(笑)

やっぱり個性が皆無な「攻略まとめ記事」なるものが一番アクセスあつめるんですよね…これが現実。

 

二番は「ドロップアイテムまとめ!※調査中※」です(笑)

これは、魔界ウォーズという十数年ぶりにやっとリリースされたアプリだけあってニッチ層に需要が高く、

とくに武器や防具などのレアアイテムを「ドロップ」することが一番の楽しみ要素だと感じたのでこの記事を書いてみたところヒットしました。

この2記事のおかげでコメントが10件くらいきました。

記事の修正について指摘してくださるので助かっています。

 

ブログの更新は…

 

最近はすごくサボり気味です(笑)

3日に1回更新すればいい方ですが、それでもとりあえずは続けていきたいと思います。

ゲームブログは収益性が低いといわれているので、

どんなに良質な記事を書いて、毎日書いても

毎月5~10万が天井らしいです。

なので、趣味だとおもって続けていきたいと思います。

 

始めた理由

 

また、もともとは稼ぎたいと思って始めたので、もし収益が2万円に到達(かなり先になりそう…)になったら売るつもりです。

サイト売買をすることによって、だいだい12ヶ月分以上の収益が手に入るので。

2万円だと12万円ですね。

ゲームはサービス終了するとほとんど読まれなくなると思うので、

大事に置いておくより、スキルを身につけて売る

またスキルを身に着けて売る

という繰り返しによって収益を得る方が効率もよく、変なこだわりをなくすことができると思います。ある人にそうゆうようなことを教わってゲームブログをはじめました。

 

アドセンスがなぜか収益化できない。

 

なぜかわからないけど、アドセンスを張ってもエラーが出るし、

2次審査の仕方もよくわからないんですよね………。orz

いろいろググってみても、明確な答えが載っていなかったので、

Googleのサポートに問い合わせるしかなさそう。