エンジニア必見!Webデザイン・制作に役立つサイト26選

エンジニア必見!Webデザイン・制作に役立つサイト26選

ひろゆき

ひろゆき

マガンダング ハーポン!最近エンジニアに転職したひろゆきです。

詳しくはこの「フィリピンでプログラムと英語が学べる、ギークスキャンプがスゴイ!!」を読んでください。

今回はLIGエンジニアチームが普段情報収集の際に活用しているサイトをまとめてみました。俺のように最近エンジニアデビューした方は必見です!

WordPress関連(プラグインの検索、関数の解説など)

DSC_3534

■WORDPRESS.ORG 日本語
http://ja.wordpress.org/

WordPress公式の日本語サイトです。フォーラム見たり、プラグイン検索に便利です。

 

■WORDPRES.ORG 英語
http://codex.wordpress.org/

WordPressの公式リファレンスサイトです。WordPressの関数だったりフックを探す時に使います。英語ですが、情報量は日本語サイトよりも多いです。

 

■WORDPRESS 私的マニュアル
http://elearn.jp/wpman/

WordPressの関数などを解説しているサイトです。個人で運営されており、公式よりもわかりやすい気がします。

 

■AdminWeb
http://www.adminweb.jp/

WordPressやサーバー関連のコンテンツで、初心者エンジニア向けのものが充実しています。

 

■Web Design RECIPES
http://webdesignrecipes.com/

WebデザインとWordPressのコンテンツがメインです。丁寧に解説されており、デザインもキレイです。

 

■php ドキュメント
http://www.php.net/manual/ja/

phpの公式ドキュメントです。WordPressもphpで構成されているので基礎を固めるのに良いと思います。

HTML/CSS関連(canvasの解説、スクリプト・コードの紹介など)

DSC_3534

■HTML5.JP
http://www.html5.jp/canvas/

canvasについて詳しく書かれています。関数を調べる時に便利です。

 

■Google Maps デモギャラリー
https://developers.google.com/maps/documentation/javascript/demogallery?hl=ja&csw=1

Google Mapのデモギャラリーです。Google Mapを使って何かを実現したいときに眺めているとヒントがあるかもしれません。

 

■Mozilla Developer Network
https://developer.mozilla.org/ja/

html、css3とか調べる時に行き着く。

 

■stackoverflow
http://stackoverflow.com/

エンジニア用のQ&Aサイトです。英語ですが、かなりの情報量があります。

 

■Bootstrap
http://getbootstrap.com

HTML、CSS、スクリプト、コードを眺めるといろいろ参考になる。

JavaScript関連(jQueryを中心に)

DSC_3534

■jsdo.it
http://jsdo.it/

フロントエンドのコミュニティです。公開されている作品がかなり参考になります。あと、動作が確認できるのも便利。

 

■jqueryclip
http://www.jqueryclip.com/

jQueryプラグインのアーカイブサイトです。プラグインを探すときに便利です。

 

■jQuery API Documentation
http://api.jquery.com/

jQueryの基本ルールを覚える際に。

 

■jQuery入門
http://www.jquerystudy.info/index.html

こちらもjQueryの導入を学ぶ際に役立つサイトです。日本語なので安心!

Web全般、ニュース系(デザインからコーディングまで)

DSC_3534

■バシャログ
http://c-brains.jp/blog/wsg/

株式会社シーブレインさんのスタッフブログです。Webの技術記事やツール紹介などあります。

 

■クラスメソッド株式会社 開発ブログ
http://dev.classmethod.jp/

クラスメソッド株式会社が運営するブログです。連載記事など読み応えがあります。

 

■はてぶ テクノロジー
http://b.hatena.ne.jp/hotentry/it

お馴染みはてぶです。その日のトレンド記事は要チェックです。

 

■Find job! Startup
http://www.find-job.net/startup/

1記事のクオリティが高く、どの記事も参考になります。Google Analyticsのいろいろな手法が参考になります。

 

■coliss
http://coliss.com/

Web系のコンテンツを広く取り扱っています。cssやアニメーションへのこだわりがgood!

 

■Web クリエイターボックス
http://www.webcreatorbox.com/

デザイン記事がメインですがコーディングネタもありエンジニアも重宝しています。

 

■着ぐるみ追い剥ぎペンギン 技術部
http://www.kigurumi.asia/tech/

WordPressなどの技術記事がメインです。リファレンス形式で分かりやすい。

 

■IDEA*IDEA
http://www.ideaxidea.com

技術系の記事が多いですが、取り扱っているジャンルは幅広くコンテンツとして楽しめます。

 

■Stocker.jp
http://stocker.jp/diary/

Webの技術記事がメイン、iPhone、Macネタもたまに挙がります。

ツール関連(ExcelシートをHTMLテーブルに変換するツールなど)

DSC_3534

■エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)
http://styleme.jp/tool/xls2html/

その名の通りエクセルシートをhtmlに変換してくれます。地味に便利です。

 

■スマートフォンデータベース
http://smartphone.ultra-zone.net/

さっとスマホの仕様を調べたいときに便利です。

まとめ

以上、普段LIGエンジニアチームが見ているおすすめの技術系サイトでした!みなさんが困った時は大抵google先生に頼ることかと思いますが、時間があるときにこういったサイトを眺めているとそれだけでも得られるものがあると思います!

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

エンジニアのひろゆきや。大阪生まれの大阪育ち。LIGを代表するエンジニアになるため、頑張るで。ほんま、よろしくやで。

このメンバーの記事をもっと読む
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL