Web Service | [Ď] WebDirector Memo

[Ď] 短時間、無料で自分のスマートフォンサイトを作れる「smart4me」

2015-02-06

0 Comments

Micchy_R

お疲れ様です。@Micchy_Rです。

無料で自分のスマートフォンサイトを作れるサービスをご紹介します。
登録、サーバ費などコストが一切かかりません。ドメインは指定できずにサービスのドメインを使用することになりますが、手軽に始められるという点ではかなり差別化できているサービスだと思います。

smart4me

残念ながらFlashを使用したサービスなので、スマートフォンから直接編集できるわけではありません。
そのあたりはいずれ改善されるとかされないとか。

ツアーページもしっかりしていますが、直感的に操作できるので、習うより慣れろ的に使ってみるのが早いかもしれません。

こちらは管理画面です。
基本的な操作は「ドラッグ」「クリック」「テキスト入力」こんなもんです。
画像の入れ込みも簡単ですし、最適なサイズにしてくれます。

Google Mapでの地図情報や、SEO対策のMETA情報も登録することができるので、かなり細かいところまで手が届いていますね。

サービスのブログ

個人向けというよりから、飲食店やショップのサイトが多いようなので、今後もこの手の情報がsmart4meによって発信されていくのかもしれません。

by Micchy_R

[Ď] クリックで一発コピーしてくれる「Material UI Colors」

2015-01-19

0 Comments

Micchy_R

お疲れ様です。@Micchy_Rです。

Googleから発表された新しいビジュアル言語のようですが、どこかまだ定着していない感じでしょうか。
関連リソースはGoogleから提供されていますが、その中のカラーパレットに特化して、クリック一発でコピーできるサイトがありましたので、紹介したいと思います。

[Ď]フリーの写真素材を探すなら「Finda Photo」

2014-12-26

0 Comments

Micchy_R

お疲れ様です。@Micchy_Rです。

いくつ知っていても困らないのが写真素材のサイト。
できるだけ引き出しをたくさん持っていたほうが、ブログのエントリーやデザインに困らないものです。

サイトのキャプチャとかなら取得しやすいですけど、エントリーの内容によってアイキャッチ画像を探すのに時間がかかってしまうときもあったりなかったり。そんな時のためにブックマークに入れておいてもよさそうな、フリー写真素材を探せるサイトの紹介です。

[Ď] ダミーのテキストが入っているタグを簡単に生成できる「Blind Text Generator」

2014-12-19

0 Comments

Micchy_R

お疲れ様です。@Micchy_Rです。

テキストなどのダミーを作る作業は手間も時間もかかってしまい、それはもう面倒な作業です。
ワイヤーフレームベースであれば、ある程度効率化もできそうですが、htmlファイルで同じことをやろうとするとタグを入れなければなりません。

コンテンツ内容は決まってないけど、スタイルシートだけ進めておきたいとか。
テンプレートページを作っておいて、納品しなければならないときとか。

下手に公開されているページと同じテキストを使用するよりかは、ダミーのテキストを使用していた方が無難。
そんなときに使えるサービスを紹介したいと思います。

[Ď] コーディングのチェックを手早くできる三種の神器

2014-12-10

0 Comments

Micchy_R

お疲れ様です。@Micchy_Rです。

成果物の品質を担保するのって結構大変ですよね。。
ディレクターなら、プロジェクトごとに通らなくてはいけない道だと思っています。

チェックする方法は山ほどあるでしょうか、手早く、簡単にできるのが良いですね。
今日は自分が使用している3つのチェック内容と[ツール]をご紹介します。

バリデーションチェック
タグ閉じ忘れチェック
ALTの指定チェック

ソースを上から眺めていくのは見落としもありますし、いかんせん時間がかかります。
なるべくソースを直接見ないでチェックしたいところです。

[Ď] プロジェクト管理でちょっとしたスケジュールをさっと書き出せる「RePrint」

2014-12-05

0 Comments

Micchy_R

お疲れ様です。@Micchy_Rです。

クライアントに渡す用のスケジュールや、自分の作業スケジュールを仮にプロットするのに、便利なPDFを提供してくれるサイトがありましたので、簡単にご紹介したいと思います。

いやいや、もう年末だし、2014年版のってもう意味がないでしょ？
と、言わずに、2015年版が出るのを期待しています。結構本気で願ってます。

個人的には忙しいときのToDOをプロットしておくのに使ったりしています。
何せ作業が立て込んで来ているのに、どのタイミングでどれくらいの精度で作っておくかが重要だったりしているので、
作業の合間合間を縫うように埋め込んで行ってる時が多々あります。。。
悪い仕事の仕方のようにも思えるのですが、自分の身を守るためにも、どれくらい詰まっているかを管理しておくべきです。

いろいろ言ってますが、さらのカレンダーなので使い方は自由ですし、見た目も綺麗なので、そのままスケジュール帳としても使えますね。

[Ď] ピクセル感覚をゲーム感覚で養うサイト「Pixact.ly」

2014-12-03

0 Comments

Micchy_R

お疲れ様です。@Micchy_Rです。

コーダーさんから上がってきたhtmlを検証しているときに、デザイナーさんから「あと5pxくらい下げて欲しい」なとか言われることがあります。
デザイン時には、上下左右のマージンを計算して制作してくださっているので、見た目が微妙に違うと気になるのはよく分かります。

そんな時「あと5px」ってどれくらいだろう？って感覚がなかなか身につかなく苦労していました。
そのままコーダーさんにお願いすれば良いのでしょうけど、感覚は養っておいた方が引き出しが増えて良いかと。

ピクセル定規のようなアプリケーションで計れば早いんですけどね。
感覚値に近いものはありますが、ゲームをやっているように養えるサイトを紹介したいと思います。

[Ď] デザインのイメージ共有やワークショップで解を導いてくれそうなまとめサイト「Call to Idea」

2014-12-01

0 Comments

Micchy_R

お疲れ様です。@Micchy_Rです。

デザインの方向性の共有というのはなかなか難しいものです。。
クライアントと握るのはもちろんなのですが、デザイナーさんにお願いするときに、「何をどうやって伝えるのか」が明確になっていないとあらぬ方向に進んでしまうことがあります。
意識共有するためにも、何か指標となるものを示すことが大事なのですが、サイトのURLだけ送って、「こんな感じで」とか言ってもほぼ伝わっていないでしょう。
「伝えた」は教えたではありません。
相手が「理解」して、初めて「伝えた」となるのだと教わりました。
今でも肝に銘じている言葉です。

前置きが長くなりましたが、イメージ共有やワークショップでワイワイとやるのは楽しいものです。
ですが、その素材集めってかなり手間のかかる作業ではないでしょうか？

自分自身も良いデザインのサイトをブックマークしたり、Pinterestで収集したりしているのですが、サイトで使用するパーツやページごとにまとめてくれている便利なサイトがあったので紹介したいと思います。

Results for category "Web Service"