Miyakawa Blog

ウェブディレクターが日々のことを綴るブログ

WEB制作

ウェブコンテンツを作るためのディレクションの初歩の初歩

先日参加してきた WDF Vol.16 「SEOそこまで言って委員会」で、「コンテンツが大事なんですよ」という話だったので私なりのコンテンツの作り方をまとめてみようと思う。 当たり前といえば当たり前のことなんですけどね。 コンテンツの作り方というとディレク…

jQuery Plugin - Headroom.js の使い方

Headroom.jsについて Headroom は jQuery の Plugin の1つです。 機能は、ダウンスクロールするとヘッダーが非表示になり、アップスクロールするとヘッダーが再表示されるという軽量な Script です。 Headroom.js http://wicky.nillia.ms/headroom.js/ Headr…

ラインアートを描く jQuery Plugin - Lazy Line Painter を試してみた

今日も 1 つ面白い jQuery Plugin を見つけたのでご紹介します。 Illustrator が得意なデザイナさんなら使って遊んでみたいと思うかもしれないプラグインです。 どんな特徴があるかというと、線画で描かれながらイラストが完成していく様子をアニメーション…

デザイナでも簡単 bxSlider で jQuery 写真スライド

今日は某所で jQuery の写真スライドなどお分かりですか? という質問を受けることがありました。 いつも検索して適当に準備するか、プログラマに任せていたので自分なりに使いやすいモノをちょっと調べてアーカイブしておこうと思いました。 bxSlider とい…

jQuery Mobile 1.3.2 を利用したときの覚書

職種は「ウェブディレクター」ですが、いざというときは自分でもできるように心がけています。 本職のデザイナーさんや、プログラマさんには適いませんが、自分でも作れることは好きなのでいろいろ試してます。 久しぶりに jQuery Mobile を仕事で使ったんだ…

Sublime Text 2 のインストールに関する覚書

Sublime Text 2 は大変強力なエディタでウェブ制作界隈では非常に有名なエディタです。 デフォルトで備わっている機能だけでも強力な編集機能があります。 パッケージと呼ばれるプラグインをインストールすることにより、HTML や CSS の入力補完する機能を追…

Sass のち Compass ときどき Norton

Retina MacBook Pro 13 に買い替えておよそ 2, 3週間程度です。WEB 開発の環境を整えようと Sublime Text 2 や Node.js、Homebrew、RubyGems、Sass や Compass などを入れる作業中、なぜか Sass と Compass だけが入らずズット悩んでました。 正確にいうと R…

CVCKアワード 第 2 期 公開プレゼン発表してきました

本日(2013.12.14.14:00)開催された CVCKアワード第2期公開プレゼンの発表者としてビジネスモデルのプレゼンをしてきました。 応援に来てくれたみんな、そしてメッセージくれたみんなありがとう。すごく勇気づけられました。 発表者は5人いて私は3番手でし…

WPカスタマイズ編 終幕:WordPressのプラグイン探しの長い旅もホドホドに

今回、友人から相談を受けたページを「WordPress をプラグインでいろいろカスタマイズして、サイトを立ち上げよう!」っと、考えたのが失敗の元でした。 結論から言えば、「友人のニーズにあったプラグインを揃えることは不可能」です。 「プラグインの仕様…

Pinterest風のWordPressフリーテンプレートを使って

Shaken Grid (Lite) | Shaken and Stirred Web: Kick-ass WordPress Themes and Templates 今回、上記のテンプレートを使ってと友人のとあるサイトを作りました。 上記テンプレートの有料版のテンプレートもあったのですが、コストをかけたくなかったので今…

WordPressにPinterestのPin Itボタンを設置する簡単な方法

ここしばらく個人的にWordPressをいろいろと研究した結果を少しずつ残しておきたいと思う。 Wordpressをカスタマイズしてみたり、いろんなプラグインを試したりした結果、以下の方法に落ちつきました。 この方法であれば比較的簡単にPinterestのPin Itボタン…

Zen Codingの覚え書き

Zen CodingはHTMLのコーディングを倍速化するためのフレームワークです。。 主要エディタのプラグインとして使用することができる。 今日はDreamweaverとWordPressへのインストールでの覚書を書きます。 Dreamweaver用Zen Coding DreamweaverCS3および、CS5.…

FaceBookプラグイン設置の備忘録

Facebookのプラグインの使い方をよく忘れてしまうのでまとめておく。 整理をすると。 1.Like Buttonを設置する場合について 「いいね!」ボタンをブログなどに設置する場合。 必要なCodeは下記より取得 Like Button - Facebook開発者 Like Buttonの基本仕様 …

WordPressを携帯でみれるようにするKtai Style

WordPressのプラグインネタ。 今回は携帯でみやすくする為のプラグイン「Ktai Style」。 WordPress Plugins/JSeries » Ktai Style (携帯対応プラグイン) http://wppluginsj.sourceforge.jp/ktai_style/ プラグインフォルダに放り込むだけで対応できました。…

WordPressブログをiPhoneで見やすくするプラグイン

WPtouch: Mobile Plugin + Theme for WordPress » BraveNewCode Inc. http://www.bravenewcode.com/products/wptouch/ iPhoneでTwitter記事を読んでいる流れで、あるユーザのページへ行く外部リンクがありました。 外部リンクを追って行くとその先はWordPres…

Twitterへのブログ更新通知テスト

ブログ更新情報をWordPressのシステムからTwitterに通知するシステム「WordTwit」をテストしまいます。 WordTwi これはWordPressにプラグインとして組み込んで使うツールです。 また、「WordTwi」の設定するオプションにURLの短縮サービスを登録することがで…

ブログシステムをWordPressに差し替えました

MovableTypeのブログシステムから、WordPressに差し替えました。 400件を超えるエントリーを再構築する時間が10分を超えるようになって来たためです。 旧URLのファイルはこの際、サーバから削除しました。 もったいなかったですが、心機一転これからもブログ…

ウェブ制作のためのサイトマップの重要性

ホームページ制作の初期段階では企画書や仕様書などの作成も重要ですが、特に大切なものはサイトマップではないかと私は考えています。 クライアントとの打ち合わせにしても、サイト構造の全体が見渡せるので話がしやすくなります。 サイトマップの必要性 サ…

ウェブ制作のための6W3Hによる企画書作り

前回この「WEB制作」のカテゴリで、企画作りに欠かせない基礎情報を集めるという話を書きました。 当然、集められた情報はKJ法や管理図などを使って整理していき分析をかけるわけですが、その分析された結果をどのように企画書にまとめるのでしょうか? ホー…