calendarcodediamondfacebookfingerglobalgoogleplushatenahomepagetopplainpocketrssservicetwitterwordpresshome2searchfoldernext-arrowback-arrowfirst-arrowlast-arrow

Web制作に必要な知識が一通り学べるベスト記事9選

  • 作成：2016/01/18
  • 更新：2016/06/29
  • Web制作
best_selection

年末にやるべきだったと思いつつも、今更ながらWeb制作前に知っておくと助かる記事を、コムテブログの中から厳選しました。結構自分でもよく見返す記事です。Web制作に必要な基本知識をざっと知りたいときに。

Sponsored Link

バージョン管理

gitinit

ファイル等の変更箇所の履歴を管理。複数人が関わるプロジェクトで必須となるGit（ギット）のコマンドやGUIなどの初歩的な知識を順を追って解説してあります。最初は何を準備すればよいのか、Gitのインストールからクライアントツールとリモートまで。

パッケージマネージャー/タスクランナー

17gulp

ライブラリを管理しやすくするパッケージマネージャーと、テスト実行などの処理を簡単なコマンドで自動化するために知っておきたい知識。この記事ではNode.jsから、npm / gulp をインストールして活用するまでのフローを書きました。WindowsとMac両方のバージョン管理ツールnodebrew / nodistのインストール方法も記載。

証票

WebDirection

企画書・議事録・要件定義書・ＮＤＡ（秘密保持契約）などの書類から、見積書や納品書などの証票一式をまとめた記事。書類が必要になった時にサクッと見る。

UX・UI・IA

basic_knowledge_UXUIIA

Webサイト全体の設計図、ナビゲーションをデザインする時、どの位置にどういった情報を配置するのか、画面遷移、画面内の機能の決定などを行う前に復習しておきたい内容。

打ち合わせ/受託用マニュアル

cheatfile_hearing

クライアントからのサイト制作依頼や問い合わせに対する返答例、制作フローの説明を作るときにどういったこと記述し返答すればよいのか。ヒアリングシートからWordPress管理マニュアルなども網羅。問い合わせがあった後に見るとよいでしょう。

全体の制作フロー

designing_in_browser_production

見積りの目安から計算方法、受注前のやり取りから契約後のWeb制作の流れが書いてあります。クオリティを一定以上に保つための仕様書もメモしてあります。「次にやるべきこと」が分からなくなった時に見るとよいでしょう。

コーディングフロー

template_creation_coding

こちらは、コーディングに特化した制作の流れです。仕様書・入稿データ等の確認、HTML5マークアップ、CSSの設定、WordPress 組み込みの流れまで。コーディング開始前に読んでおきたい内容。

マルチデバイス対応

tap_target

既存のコーポレートサイトをスマホ対応にコーディングした時に遭遇したバグ、ユーザーエージェント判別法、メディアクエリ記法など。前もってバグを知っておき事前に不具合を減らすために知っておきたいこと。

独自ドメインでHPとgmail を運用させる

gmail_domain2_webproduct

ドメイン割り当てや、メール受信設定など依頼によっては請け負うこともあります。独自ドメインでHPとgmail を運用させるまでの流れ。こちらはサーバのレコード設定方法などが役に立ちます。

スポンサード リンク

この記事を書いた人
投稿者：commte

株式会社コムテ代表取締役。2015/8：弊社にてWeb制作スクールを開始。 WebDesign + Web制作 (最新情報 配信)。おっとりした話し方をするおっさん。

URL：西田 鉄平
この後によく読まれている記事

Comments

Leave a Comment

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。