検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力
「GIGAZINEのTwitter公式アカウントを公開開始、ここに至るまでの経緯も公開」でも書いたように、GIGAZINEのRSSをTwitterに配信する際にいろいろなサービスを比較検討した結果、この「dlvr.it」に落ち着きました。 機能としてはRSSをTwitter・Facebook・Tumblr・LinkedIn・Ping.fm・Identi.caなどに一括配信するというシンプルなものなのですが、短縮URLをデフォルト以外にbit.lyなどのその他の短縮サービスにしたり、独自ドメイン（GIGAZINEの場合はgigaz.in）にすることが可能。また、タイトルだけ・概要だけ・本文というような配信範囲設定、配信時に接頭か接尾に文字を挿入、RSSのカテゴリをハッシュタグに変換、条件にあったものだけを配信するフィルタリング、リアルタイムにクリック数を計測するアクセス解析、Google A
配色センスに自信がなくても綺麗なサイトをつくる方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。配色はセンスではない！ よく「私は色のセンスがないから…」などという言葉を聞きますが、 配色には基本となるセオリーがあり、知識として学ぶことができるものなのです。 よりよいWebデザインにするための配色のセオリー http://sweetlovexx.seesaa.net/article/90107619.html こちらにもいろいろ参考になる情報が盛りだくさんです。 書籍もいろいろあるのでamazonなどで検索してみてはいかがでしょうか。 「でも勉強とか面倒じゃないですか」 というひとでも大丈夫。 以下のサイトを使えば、なんとなくそれとなくカッコいい配色が手に入ります。 Color Scheme Designer 3 http:/
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
あくまで自分の頭を整理する感じでいきたい 新しい形のWebコミュニケーションシステムを模索してみたくなったので、既存のモデルを確認しておこうという自己満足型エントリ Webは自己満足で成り立ってるから細かいことは気にしない！ でも、偏見とかありそうなので、ツッコミとか大歓迎です いくつかのWebコミュニケーションモデルから特徴を見つけたい なるべく被っているモデルは除外していきたいので、俺の好きなサービスとか無いぞ！みたいなことになるかもしれません。ごめんなさい！ 思ったことをホイホイ書いていくスタンスでいきたい E-mail :-) 返信・転送できる 基本的にはプライベート 添付ファイルとしてファイル送信可 個人サイトのページのメールフォームから送れたりする メーリングリスト 一応パブリック(でもなかったりするけど) 添付ファイルでファイル送信可・・・だけどネチケットがそれを許すのか？そ
YouTubeに代表されるビデオシェアサービス関連のデータをダウンロードできるツールはいくつかありますが、好きなファイル形式を選んでダウンロードできるのが「BenderConverter」です。 ダウンロードできるビデオファイルのフォーマットというのは、大体MPEGとかAVIファイルが多いと思います。ところがBenderConverterなら、MP3、MP4、WAV、MOV、WMV、iPhone3G用のファイルまで、選べるファイル形式は全部で12種類！なんとGIFアニメに変換したり、コマ毎にJPEG画像にしたものまでダウンロードできちゃうのです。 ファイル形式は何でもいいという場合は、先日の記事「驚愕!? YouTubeの動画がこんな簡単な方法でダウンロードできるなんて！」で紹介した「3outube」がありますが、特定のファイル形式でダウンロードしたい時はこちらのほうがおすすめです。 他に
Mockingbird is no longer in operation. We’re hoping to open-source the code sometime in the near future. In the meantime, some simple alternatives, in a similar spirit to Mockingbird, are: Excalidraw: https://excalidraw.com TLDraw: https://www.tldraw.com If you need a more comprehensive mockup solution, you might want to check out the following: FigJam: https://www.figma.com/figjam/ MockFlow: http
Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。 いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのwebサイト作成時にサイトカラーを決められない人の為のwebサービスいくつかという記事も凄く参考になりますよ。 原色大辞典 色のリファレンス国内サイト。国内にも同じようなサイトは沢山ありますが個人的にここが一番見やすくて使いやすいです。 原色大辞典 colr.org 写真からスキームを作成してくれます。手持ちの画像をアップロードしてスキーム作成も可能ですが、flickrからランダムで呼び出したり、ピッカー機能があったり、タグ付け出来たりと多機能ですが、UIがシンプルで使いやすい。動作も軽いので重宝しま
遅いエントリーですが、Smashing Magazineで使えるユーザビリティーガイドラインがまとまっています。 ざっとご紹介しますね。 1. フォームのラベルはフィールドの上がベスト study by UX Mattersによると、フォームのラベルはフィールドの上が理想的とのこと。多くのフォームで、ラベルはフィールドの左に置かれ、2カラムのレイアウトになっている。いいデザインだが、最も使いやすいレイアウトとは言えない。なぜなら、フォームは一般的に垂直方向に並んでおり、ユーザーは上から下に向かって入力していく。ユーザーは視線を下の方向に向けていくのだ。そのため、ラベルが左にあるよりも、同じ方向にある方が認識しやすい。 2. ユーザーの視線は人の顔に向く Webページを見るとき、人の顔や目に視線が行く。マーケッターにとっては、注目を集める有効なテクニック。ユーザーは画像の中の人の視線が向いて
バックアップとってなくって泣きを見たのは過去に1回。あれはつらかったな。 バックアップってみなさんどうしてますか？ あたしは、たまに外付けハードに必要なファイルをガーーーっ!! っと保存してますけど、それでもついついさぼりがちになってます。よくないですねぇ。 何かパソコンに問題があると必ず言われる1言。 ｢最後にバックアップしたのいつ？｣バックアップは大事なんです。わかっているんです。でも、パソコンの調子が悪くなったことないし。いつ必要になるかわからない（もしかしたらずっとうまくいけば必要ない）バックアップ用の外付けにお金だすくらいなら、なんか他のことに...なんて思ってついついバックアップ先延ばしにしてる人いませんか？ そんなあなたのために、無料でバックアップする方法紹介します！ 注）ここで紹介するのは、フルバックアップではありません。ドキュメントや、写真、音楽等、必要なファイルのコピー
テキストメール制作時にポイントになるのが、罫線や囲み枠を用いた装飾部分である。読者の注目を引くのに有効なだけではなく、トピックの見出しに番号をふって目次を用意すれば、メールの可読性が向上する。これまでの記事の中で触れた改行やフォントの問題をクリアすれば、表現力豊かな装飾を施すことができるだろう。 そこで今回は、メルマガなどですぐに活用できる罫線や囲み枠を紹介していく。まずは、テキストメールの注意点をおさらいしておこう。 機種依存文字を除く 丸囲い文字やローマ数字、単位記号、半角カタカナなどは特定のパソコンだけでしか読むことができず、文字化けの原因になるため使用を避ける。フォントを意識したレイアウトを 等幅フォントがセオリー。メルマガ内に「等幅フォントでご覧下さい」と記載する方法もあるが、プロポーショナルフォントでもレイアウトが崩れないようにすることが望ましい。主要メールソフト/Webメール
先日、ティム・オライリー氏が Government 2.0 というアイデアを提唱しましたが、彼のいうとおり、公共機関や政府は Web サイトを構築するというよりかは Web サービスを立ち上げる姿勢が必要だと思います。広報新聞やパンフレットを作るというより、Web 上に新たな公共施設を設けると想像すれば良いのでしょう。 オライリー氏記事では幾つか具体的な例も含めて書かれているので、これだけ読むだけでもいろいろイマジネーションは広がりますが、彼の考えるビジョンにたどり着くには何をしたら良いのか考えてみました。 コミュニケーションの隔たりの明確化 SNS でもブログでも何でもいいですが、とりあえず技術を取り入れたものの上手く機能しない場合がありますが、その原因は組織の構成である場合があります。縦割りのコミュニケーションが普通に行われている中、それとはまったく違うコミュニケーションを前提にしたツ
使えるcssのオンラインサービスが 50個、Speckyboyで記事にされていた のでよさ気なものをいくつかご紹介します。 全部良さそうなので気になる方はぜひ 記事元を訪れてみてください。 日本語のテキストで作成できるｃｓｓメニュージェネレーターは本当に助かります。 Grid Designer 2 細かい設定を行えてすぐに反映されるグリッドシステム。 Grid Designer 2 nP: Grid Generator グリッドを作成すると、ｃｓｓのソースも出してくれます。 nP: Grid Generator Dynamic 4 Column Layout Generator これ面白い。4カラム専用のレイアウトジェネレーター。設定と同時に反映、 ｃｓｓもＤＬ（コピペ）出来ます。 Dynamic 4 Column Layout Generator XHTML/CSS Markup Gen
× First time here? Welcome! We have a lot of fun stuff to play with like our Motivational Poster maker, Magazine Cover maker, Pop Art poster, and much more! Play as much as you like—everything is free. We also sell awesome custom-printed products. Wallpaper: Create cool desktop or phone wallpapers with calendar.Convert any photo into a perfectly-sized desktop wallpaper for your computer or porta
Webサービスを活用していきたい人のために Webサービスを活用する機会は増える一方だ。いつの間にか、メールのやりとりはWebメールサービスに、Webブラウザのブックマークはソーシャルブックマークに、ビジネス文書の作成だってオンラインワープロに──気づけばWebサービスを多用していたという人は少なくないだろう。そして、これからWebサービスを活用していきたいと考えている人もいると思う。本特集では、Webサービスをプライベートやビジネスなどに積極的に取り入れていきたい人に向けて、ジャンル別にさまざまなサービスリストを提供していく。ジャンルやサービスは順次拡充していく予定なのでぜひ活用してほしい。 掲載ジャンル一覧(順次拡充予定) Webサービスの種類 更新日 New Webメール 05-23-2009 New ソーシャルブックマーク 05-23-2009 New オンラインカレンダー 05-
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
