タグ

Web制作とWEB制作に関するnekoaquaのブックマーク (51)

  • スマホ向けサイト制作3手法の基礎知識と課題、OS/機種依存のハマリどころ3選

    スマホ向けサイト制作3手法の基礎知識と課題、OS/機種依存のハマリどころ3選:スマホ向けサイト制作で泣かないための秘伝ノウハウ(1)(1/2 ページ) スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。第1回は、PCやケータイと比べて際立ったスマホの特徴2つや、スマホ向けサイト制作3手法の基礎知識と課題、iPhoneAndroidなどOS/機種依存でのハマリどころをサンプルを交えて3つ紹介 連載開始に当たって 初めまして。KSKの「フレックスファームビジネスユニット」でエバンジェリストをしている渡辺と申します。筆者の所属するフレックスファームでは、スマートフォン向けWebサイト構築支援ツールの開発・販売を行っています。国内で販売されて

    スマホ向けサイト制作3手法の基礎知識と課題、OS/機種依存のハマリどころ3選
    nekoaqua
    nekoaqua 2012/11/05
    スマホ向けサイト制作で泣かないための秘伝ノウハウ(1):スマホ向けサイト制作3手法の基礎知識と課題、OS/機種依存のハマリどころ3選 (1/2) - @IT
  • Google SEOの順位決定に大きな影響を与える30の要因【最新版】

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. GoogleSEOランキングの決定要因を知ることはWEB集客に必要不可欠だ。 Googleは世界最大の検索エンジンであり、「世界中のインターネットユーザーにベストのコンテンツを届ける」ために、不断の改善を重ねている。 そして、近年のパンダアップデートの継続的な実施により、今まで以上に検索エンジンのクオリティが高まり、ユーザーにとって理想的な形に近づきつつある。 従って、今までは有効だった方法が、全く逆効果になるという例すら少なくない。 そこで、日は、最新版のGoogle SEOの順位決定に大きな影響を与える30の要因をご紹介する。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上

    Google SEOの順位決定に大きな影響を与える30の要因【最新版】
    nekoaqua
    nekoaqua 2012/10/03
    Google SEOの順位決定に大きな影響を与える30の要因【最新版】 | バズ部
  • SEOキーワード選定法~検索エンジン上位表示に絶対必要な5ステップ~

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. SEOキーワードの選定と言うと、ほとんどの方が、漠然と月間の検索数のみを調べているのではないだろうか? しかし、効率的にSEO対策を実施するためには、それだけでは足りない。 SEOで最速で最大の成果を出すためには、以下の5つのステップが必要だ。 効果的なSEOキーワードのリストアップ検索数リサーチライバルサイトの詳細のリサーチ対策するキーワードの順番検索エンジンにも読者にも高評価されるコンテンツアイデア逆に言うと、それさえ、しっかりとこなして、ある程度経験を積めば、狙い通りに検索エンジンを攻略できるようになる。日は、そのために、『鉄板のSEOキーワード選定法~検索の上位表示に絶対必要な5ステップ~』をステップ・バイ・ステップでご紹介する

    SEOキーワード選定法~検索エンジン上位表示に絶対必要な5ステップ~
    nekoaqua
    nekoaqua 2012/09/15
    SEOキーワード選定法~検索エンジン上位表示に絶対必要な5ステップ~ | バズ部
  • スマートフォン対応、気をつけたいトラブル

    8/18におこなわれたCSS Nite in OSAKA, Vol.32での発表用スライドです。4/27のCSS Nite in OSAKA, Vol.29で使用したスライドをベースに、若干の追記・修正をした内容となっています。Read less

    スマートフォン対応、気をつけたいトラブル
    nekoaqua
    nekoaqua 2012/08/21
    スマートフォン対応、気をつけたいトラブル
  • それじゃあ何も伝わらない!元ディレクターがデザイナーになって気付いた、デザイン依頼で注意すべき4つのこと : LINE Corporation ディレクターブログ

    ネッツアイに火の用心 あなたのハートにG-SHOCK!こんにちは、nakatanigoです。 かつてはディレクターブログを書く立場だったのですが、諸事情により遠ざかっておりました。 というのも、かつて前職でデザイナーをしていた経験から、ディレクターを2年ほど経験した後、デザイナーに転籍したのです。 そこで、今回はその経験から、ディレクターからデザイナーにデザインを依頼する際に注意すべきことをお話させていただきます。ディレクターがデザイナーに依頼をする際、こういう言い方は避けたほうがいいという事例もあわせてご紹介します。 大前提として、デザイナーはディレクターから言われたことしかやらないわけではありませんので、依頼に疑問があれば質問し相談します。しっかりとコミュニケーションをとれば下記のような事例は起こらないと思いますが、それが抜けてしまった場合には効果の小さいデサインができあがってしまうと

    それじゃあ何も伝わらない!元ディレクターがデザイナーになって気付いた、デザイン依頼で注意すべき4つのこと : LINE Corporation ディレクターブログ
    nekoaqua
    nekoaqua 2012/08/17
    それじゃあ何も伝わらない!元ディレクターがデザイナーになって気付いた、デザイン依頼で注意すべき4つのこと - NHN Japan ディレクターブログ
  • designmap.info

    nekoaqua
    nekoaqua 2012/07/17
    19のステップで、まったくのゼロから、独学でWebデザイナーになる方法 - ウェブデザイナーになるには
  • ferret-biyori.com - ferret biyori リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    nekoaqua
    nekoaqua 2012/06/21
    「本当に理解してますか?」今さら聞けないアクセス解析の基礎のキソ:第4回「参照元(リファラー)って何だ?」 | Ferret日和
  • 最低限覚えておきたいWEB配色の基本2大原理と6つの配色パターン

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBサイトのデザインは、誰もが頭を悩ませる部分だ。 「どういう配色なら良い印象を持ってもらうことができるのか?」「どのレイアウトならコンバージョンが上がるのか?」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基の2大原理と、今すぐに使える6つの配色パターンがすぐに分かる。 そして、初心者でも、統一感のある配色のWEBサイトを作るための大きな助けとなるはずだ。 WEB配色の2大原理と6つの配色パターン画像を拡大して表示する ※追記:インフォグラフィックの最後のクレジットの部分が途切

    最低限覚えておきたいWEB配色の基本2大原理と6つの配色パターン
    nekoaqua
    nekoaqua 2012/06/06
    最低限覚えておきたいWEB配色の基本2大原理と6つの配色パターン | バズ部
  • ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌

    gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風

    nekoaqua
    nekoaqua 2012/06/04
    ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌
  • html5-memo.com

    html5-memo.com
    nekoaqua
    nekoaqua 2012/05/29
    ソースコピーですぐ使えてスマホ専用サイト作成に便利!PC・スマートフォンサイトの振り分けJavaScript作りました。 | HTML5でサイトをつくろう
  • Creatorish is for sale at Squadhelp.com!

    About Creatorish.com Edit Creatorish.com is a captivating domain name that sparks thoughts of innovation and originality. The name is a clever combination of "creator" and "ish," suggesting a creative and imaginative mindset. It's perfect for startups that focus on creativity, design, technology, and anything that involves inventiveness. The name is short, catchy, and easy to remember, making it a

    Creatorish is for sale at Squadhelp.com!
    nekoaqua
    nekoaqua 2012/05/24
    僕がWeb制作するときに使っているスターターテンプレート :: Creatorish
  • 1.売れるセールスコピーを書くために必要不可欠な10の要素

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. コピーライティングは、WEBマーケティングで結果を出すために必要不可欠だ。 いくら商品やサービスに自信があったとしても、コピーライティングのスキルがなければ結果は出ない。 しかし現実を見ると、商品やサービスの販売実績が伸びない理由を、商品の質に求めて、肝心のコピーライティングを改善しようとしないビジネスオーナーは意外なほど多い。 とても大切なことなので、繰り返すが、商品やサービスの売れ行きが良くない場合は、まずセールスレターのコピーライティングを見直そう。 そのための参考になるように、ここでは、売れるコピーライティングを書くために必要不可欠な10の要素を、 トップコピーボディコピークロージングコピーの3つに分けてお伝えする。あなたがセール

    1.売れるセールスコピーを書くために必要不可欠な10の要素
    nekoaqua
    nekoaqua 2012/05/01
    売れるセールスコピーを書くために必要不可欠な10の要素 | バズ部
  • フロントエンドがやっておかなきゃいけない、iPhone(スマホ)向けサイトを軽量化・高速化するための必須項目をメモ。 | Mnemoniqs Web Designer Blog

    Webサイトの待ち時間の80%はフロントエンドの処理によるもの なんて言われるとドキっとしちゃいます。どんな素敵にデザインして綺麗にコーディングしても、ページが重くてイライラしてるユーザーがいたら台無しです。なのでスマホ向けサイトのデザインに入る段階から、高速化・軽量化を意識するために、いくつか項目をメモしておきます。 デザインの段階から軽量化を意識する 画像を極力使わないで魅せる努力をする 当たり前ですが、画像を使えば使うだけレスポンスは遅くなります。背景画像にドデーンと写真を使ったり、見出しを使うたびに大きなアイコンを入れるなど、わざわざページを重くさせるようなデザインにする必要はありません。 多少シンプルになったとしても、色のメリハリ・1pxの線などでカバーしましょう。テキストも可能な限り画像にせず、デフォルト文字にするべきです。Webデザイナーの腕の見せ所ですね。 HTML5+C

    nekoaqua
    nekoaqua 2012/04/20
    フロントエンドがやっておかなきゃいけない、iPhone(スマホ)向けサイトを軽量化・高速化するための必須項目をメモ。 | Mnemoniqs Web Designer Blog
  • 商品・プロダクトの写真を美しく見せる時に、気をつけたい基本的な8つのポイント

    8 Common Post-production Mistakes in Product Photography [ad#ad-2] 下記は各ポイントを意訳したものです。 ※各写真の左は、間違いを強調したものです。 背景がくすんでる 水平線が平らじゃない なんだか汚い コントラストが充分じゃない 明るさが足りない ホワイトバランスが間違ってる 遠近感がおかしい リアルじゃない 背景がくすんでる 商品写真の背景をホワイトと決めたら、グレーではなくホワイトにしてください。 グレーの背景にするのであれば、グラデーションにするとより美しいです。

    nekoaqua
    nekoaqua 2012/04/17
    商品・プロダクトの写真を美しく見せる時に、気をつけたい基本的な8つのポイント | コリス
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
    nekoaqua
    nekoaqua 2012/04/17
    【決定版】 WordPressを初めて使う方は必見!最初に入れておくべき必須プラグイン10選! - NAVER まとめ
  • 新卒Webデザイナーにとりあえず読ませておきたいデザインの原理原則が学べるエントリー

    「素人っぽいデザイン」から抜け出すために、デザイ... / デザインを勉強したことがない人でもデザインできる... / 非デザイナーのためのデザイン基テクニック その...他...全10件

    新卒Webデザイナーにとりあえず読ませておきたいデザインの原理原則が学べるエントリー
    nekoaqua
    nekoaqua 2012/03/29
    新卒Webデザイナーにとりあえず読ませておきたいデザインの原理原則が学べるエントリーまとめ10個 - W3Q
  • ケータイ・スマートフォン・タブレットの振り分け機能付きQRコードが簡単に作成できる -スマートQR

    プログラムやサーバーなどの複雑な専門知識なしで、ケータイ・スマートフォン・タブレット用のQRコードを一化できるオンラインサービスを紹介します。 QRコードでできるのは世界初! とのことです。 端末振り分け機能付きQRコード -スマートQR [ad#ad-2] スマートQRの主な特徴 スマートQRの使い方 スマートQRの主な特徴 一つのQRコードで、ユーザーの端末ごとに設定されたリンクへ移動します。 プログラムなどの知識無しに簡単に、QRコードを作成できます。 ケータイ、スマートフォン、タブレットの振り分けに対応。 対応端末 ケータイ3キャリア docomo au Softbank スマートフォン iPhone Android タブレット iPad Android [ad#ad-2] スマートQRの使い方 使い方は簡単で、下記の2つの準備してください。 端末ごとのURL一覧 QRコードのデ

    nekoaqua
    nekoaqua 2012/03/27
    ケータイ・スマートフォン・タブレットの振り分け機能付きQRコードが簡単に作成できる -スマートQR | コリス
  • リストに1pxのラインを追加するだけで、印象がぐっとよくなる

    #sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; border-bottom:1px solid #84b2e0; } 1. 下に薄いラインを追加してみる このリストに1ラインを加えるだけで全然印象が変わってきます。試しに下に白いラインを追加してみます。 #sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; bord

    リストに1pxのラインを追加するだけで、印象がぐっとよくなる
    nekoaqua
    nekoaqua 2012/03/27
    リストに1pxのラインを追加するだけで、印象がぐっとよくなる|Webpark
  • WEBシステムのデザインについて今の会社を退職する前に私が後輩に伝えたこと

    このたび会社を退職することが決まり、デザインについてほとんど初心者である後輩に対して私の思考を託す時が来ました。 私自身WEBシステムの制作を手がけたことはなく(ないのかよ!!と全力でつっこんでおk)今度のプロジェクトでうちのチーム初のWEBシステム制作案件があるそうなので、デザインする時のポイントなどを自分なりにまとめてみました。 私は携われないんですけどね\(^o^)/ 様々なWEBシステムのデザイン よいデザインはデザインをする対象(今回はWEBシステム)のことを知らなければ出来ません。 自分の考えだけでデザインをはじめると、思考の偏った使いにく~いものになってしまう恐れがありますので 必ず調査をしましょう。 そして、何故その要素がそこに配置されているのかを考えましょう。 以下に様々なWEBシステムのキャプチャと 超稚拙で言葉足らずな安易すぎる説明を掲載します。 ですが、掲載されてい

    WEBシステムのデザインについて今の会社を退職する前に私が後輩に伝えたこと
    nekoaqua
    nekoaqua 2012/03/23
    WEBシステムのデザインについて今の会社を退職する前に私が後輩に伝えたこと | ウェビメモ
  • WEBシステム開発の値段

    1 名前:以下、はてなにかわりまして元増田がお送りします。 投稿日:2012/02/23 11:49:47うちの団体で、インターネットで講習会を申し込めるようなシステムを作ることになって、ネットで調べた何社かに見積りを頼んだら、出てきた金額が業者によって25万~400万で出てきた。 見積りの項目も各社バラバラだしそれぞれの意味も、なにがなんだか素人の俺にはさっぱりわからない。 年間に1万人ぐらいが100会場でやる研修の申込みを受付けられるようにするってだけの機能なのになんで各社こんなにもバラバラなのかが理解不能。 若いってだけでITに詳しいと思われて、担当にあてがわれて、25万~400万の間で業者決める手掛かりが全くない状態でどうすればいいんだ?(それでもし業者選びに失敗したらやっぱり俺のせいなのかな。。) 続きを読む

    nekoaqua
    nekoaqua 2012/02/26
    WEBシステム開発の値段