Warning: include(/home/users/2/lolipop.jp-a-virtual/web/dhmo/dhmo/wp-content/advanced-cache.php): failed to open stream: No such file or directory in /home/users/2/lolipop.jp-a-virtual/web/dhmo/dhmo/wp-settings.php on line 74

Warning: include(/home/users/2/lolipop.jp-a-virtual/web/dhmo/dhmo/wp-content/advanced-cache.php): failed to open stream: No such file or directory in /home/users/2/lolipop.jp-a-virtual/web/dhmo/dhmo/wp-settings.php on line 74

Warning: include(): Failed opening '/home/users/2/lolipop.jp-a-virtual/web/dhmo/dhmo/wp-content/advanced-cache.php' for inclusion (include_path='.:/usr/local/php/5.4/lib/php') in /home/users/2/lolipop.jp-a-virtual/web/dhmo/dhmo/wp-settings.php on line 74
楽しくWebの知識を身に付ける方法まとめました。 – Androidアプリつくったった

楽しくWebの知識を身に付ける方法まとめました。

ウェブサービスFREE

楽しくWebの知識を身に付ける方法まとめました。

仕事でwebサービスの開発をしておりますが、
私が確信していることがあります。

『しかめ面でつくったものはしかめ面を生む、
笑顔で発想したものは人の笑顔を生む、そのためには楽しく学ぼう』

と楽しみながら学ぶことを推奨しています。

今回は、『楽しみながら学習できるwebサービス』を一挙公開していきたいと思います。

▼ 今回は以下の4つにジャンル分けさせて頂きました。

1.Web全般    >> コンプリートしていく感覚が楽しい。テスト形式のWebサービス
2.デザイン      >> センスだけじゃないプロとして知っておきたい知識と技術が学べる
3.コーディング    >> 『正規表現』『Javascript』をきちんと理解できるサイト
4.ITリテラシー    >> 知らないでは済まされないITの知識、今すぐチェックしてみよう。

無料で手軽なものばかり集めてます。
自分の担当ジャンルでなくともどんどんチャレンジしてみることをオススメします。

▼ では早速、見ていきましょう。


    1.Web全般 >> コンプリートしていく感覚が楽しい。テスト形式のWebサービス  

1.就職・転職に結び付くWebテストサービス『CODEIQ
本当にできる人は、見逃されない』のキャッチコピーがいいですね。
CodeIQの出題者は、基本的に実際に実務経験のある企業のITエンジニア部門で、
採用の権限を持っている方々です。

▼ こんな感じで出題者から直接フィードバックをもらうことができます。
  ちなみにandroidの出題があったのでやってみました。
  (ちょうどWebviewについて記事を書いた後、まんまそのジャンルだったのでラッキーでした。)

kennteifeedback

メリットをまとめると
① 実務経験に基づいた問題が出題されること
② 出題者から直接フィードバックをまらうことができること
③ 面接技術ではなく、実力で採用してもらえるチャンスがあること

です。実務レベルを知るいい機会なのでひそかに勉強中のジャンルがあったらチャレンジしてみましょう。
(基礎の学習はドットインストールがおすすめ)
同じ系統だとCodeStudyもオススメです。

▼ いやいや、お遊び程度でいいんだけどなぁといった場合は次のエントリーをご覧ください。

2.気軽な感じで実力チェックしたい
コンプリートしていく感覚が楽しい。賞状がもらえる検定サイト
本格からお遊び知識までweb上で検定合格して賞状がもらえます。
さらに検定が自作までできてしまいます。

検定ごっこ
個人での検定作成が可能なので
『アフィリエイトマーケティング協会(NPO法人)』や『全国商業高等学校協会主催 情報処理検定1級 筆記』
しかも検定をこのページから作成することができます。(ログインが必要です)

・Android はサックリ取れました

・アフェリエイトは2回目に取れました

※余談『日本ドナルド検定協会準2級(初級)』なんてのもありました。


    2.デザイン >> センスだけじゃないプロとして知っておきたい知識と技術が学べる 

デザインにはもちろんセンスの部分もありますが、仕事の上では技術の要素は無視することはできません。
これもゲーム感覚で楽しく学んでいきましょう。
デザインからのエントリーは『カーニング』です。

① カーニング
カーニング(文字詰め)を学べる『Kern Type
カーニングとは文字間隔の調整技術のことです。等間隔に並べればいいというのもではありません。
ka-ninngu
ロゴを動かすとスタートします。こういったセンスは学んで行きたいですね。

クリックしている間は左右に動かせるので各文字の間隔を調整します。
これでOKと思ったら右下の『compare』を押してください。

多少ずれてても100点は出せます。

カーニング

一方、これくらいずれていると大分点が引かれます。

Kern Typeカーニング失敗

最後にスコアが出てきます。(デザイナーのみなさんは80点以上を目指しましょう!)
スコア

トラッキングとカーニングの違い説明できますか?

トラッキングとは、選択した文字列の文字と文字の間隔を一律に調整する事を言います。
カーニングとは、選択した文字と文字の間隔を個別に調整する事を言います。
つまり、違いは調整の対象が『文字と文字の間』か『』

カーニング、字送り、文字ツメの違いについては、
デザイナーさんみなさんお世話になったことであろうAdobeさんのページでも
実例を交えて詳しく解説されています。

※余談ですがofficeソフトのWordにもちゃんとカーニングの機能がついています。
表題だけでもきちんと整えておくと見栄えが全然かわります。
>>Microsoftの公式ページより『文字間隔をバランスよく整えるには (カーニング)』

カラオケ好きの私的にはカラオケの表示文字もカーニングしてあげた方がいいのではと思います。
(見てるとつられてずれるので見ないようにしています。もともと正確ではないですし)

▼ さて次のエントリーに移りましょう。

英語は(多少でも)OKという人は『45+ Free Lessons In Graphic Design Theory
をチェックされることをオススメします。
あちらこちらのサイトでつまみ食いしなが学ぶより学ぶより効率的です。


    3.コーディング >> 『正規表現』『Javascript』をきちんと理解できるサイト 

 
『SEOコーディング』
変わったWebサービスです。
ストーリー?がある?シューティングゲームです。

▼ 撃墜して、アイテムを獲得すると解説が出てきます。
 ただ、だんだん余裕がなくなってくるので解説が読めなくなりますort
(シューティングゲームをしながらでも解説が読める余裕を養っているのかもしれません。)
SEO解説

SEO対策本部2 バナー
※このバナーもサイトに落ちていました。

『正規表現』
Regex Crossword(facebookログインが必要です。)
正規表現をクロスワードで楽しく学べます。
初めの内は得る覚えや勘でも何となく予想は付けられるのですが・・
この辺りまでくると多少の知識では歯が立たなくなってきます。

Regex-Crossword-hard

『JavaScript』
CodecademyはJavaScriptを学べるサイトです。

▼ 指示に従いコードを書いていくと、リアルタイムで実行結果を出してくれます。

learnjavascript
こんな感じで、コードを打つと対話式に学習が進んでいきます。

体験してみれば分かりますが結構ハマります。

▼ 次はITリテラシーです。昨年の個人情報情報流出事件の平均賠償額が
 約3000万円でということです。知らないで会社を傾けては大変です。
 この機会にチェックしてみてください。


    4.ITリテラシー >> 知らないでは済まされないITの知識、今すぐチェックしてみよう。

情報モラル・IT知識診断サイト
なんとなくサイトの見た目が一昔前を思い起こされる趣ですが
『情報モラル・』

フィッシングフィル
魚のフィルと一緒にフィッシング詐欺にだまされない「URLの見分け方」を覚えるWebサービスです。
フィッシングだから魚なんでしょうか。こんな感じのトップ画面です。
fishing

内容はまじめです ・・が、
『数字から始まるURLに騙されたらあかーん』
『direct.に騙されてはあかーん』

・・・と

お父さん(やれば分かります)の『つっこみ』で教えてくれます。

コマンドも
コマンド

お父さんに助けをもとめるってww

この世界では頼りがいのあるお父さんのようです。

お父さんの助けもあり、結果はこんな感じでした。
結果

他にもまだまだありますが、これをきっかけに色々探されることをオススメします。
こうしている間にも面白いサービスがどんどん誕生しています。

以上です。

ご参考になれば幸いです。


About the Author

dhmo
Author:DHMO(ディベロッパー名) 仕事では自社サービス・メディアの開発を行ってます。 趣味でAndroidアプリ製作を行っています。 カラオケではランキングバトルにはまっております。 Mail: dihydromooxide7@gmail.com 

Be the first to comment on "楽しくWebの知識を身に付ける方法まとめました。"

Leave a comment

Your email address will not be published.


*