■Webで苦労しているデザイン系の学生のみなさんへ

当方いちおうWebもやってるエンジニヤーなのでときどき学生の方（デザイン系、美術系が多いです）から相談を受けるのですが、

• レンタルサーバにインストールしたWordPressを管理しきれない
• ある箇所の表示を変えたいのにHTMLのどの部分をいじればいいのかわからない

というのが2大苦労事例みたいな感じです。

レンタルサーバにインストールしたWordPressを管理しきれない

解決方法: tumblrを使いましょう

• バックアップやセキュリティアップデートなどの作業から開放されます
• サイトが攻撃されてもtumblr社の人たちが全力で対応してくれます
• CMSとしては十分強力だし、複数人での編集作業や独自ドメインの設定も可能です
• つくりたいデザインに近いテーマを適用してから、「テーマの編集」でHTMLを編集可能です
• ページ内に表示可能な変数の一覧は https://www.tumblr.com/docs/en/custom_themes にあります

もちろんtumblrで実現できない要件も世の中には存在しますがそのような要件は既にデザイナひとりで抱えるような要件ではないので適宜エンジニヤーを捕まえて振りましょう。

ある箇所の表示を変えたいのにHTMLのどの部分をいじればいいのかわからない

解決方法: インスペクタを使いましょう

コードと実際の表示をグラフィカルに対応付けしてくれます。

• Firefoxなら ツール→Web開発→インスペクタ
• Chromeなら 表示→開発/管理→デベロッパーツール
• Safariなら 環境設定→詳細→メニューバーに"開発"メニューを表示

注意点としては、インスペクタに表示されるHTMLはJavaScriptなどから動的に書き換えられた結果のHTML（正確にはDOM）です。

逆に言うと、JavaScriptで動的にページを書き換えるような場合にはインスペクタは必須なのではないかと思います。

あとmiのような古臭いエディタを使うのはやめてAtomのようにHTMLタグの折りたたみができるエディタを使いましょう。

突然vimやemacsを薦めてくるエンジニヤーはクソなので相手をしないようにしましょう。（難しいもの薦めてくる人ほど最後まで面倒見てくれません）

Atom: https://atom.io/

Permalink | 記事への反応(0) | 00:22

ツイートシェア