すごい役立った！Web制作に特化した「提案書」に入れておきたいこと、知識
作成：2014/02/3 更新：2014/11/01 ディレクション > 提案書に必ず書いておきたいことを順を追ってメモしました。イメージはブログ用なので簡易的なものとなっています。フローや内容は会社によって違うと思います。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイトリニューアルの提案 自社分析によるサイトの問題点とその解決策 見やすさ、管理しやすさへの主な工夫 サイトレイアウト案（トップページ） フロント画面＋管理画面 イメージ 保守＋運用 セキュリティ面でのご提案 バックアップと緊急時の対応 サイトマップ案 強み、実績、事例 スケジュール サイトリニューアルの提案 企画提案書の流れをメモしておきます。実際に提案するときは、ポイントをおさえて簡潔に説明していきます。必要な部分だけピップアップして使います。 自社分析によるサイトの問題点とその解決策
CSS(スタイルシート)の基本、小技、テクニック総まとめ
CSSの基本や使える小技テクニックなどを幅広くまとめました。以前書いて今もそこそこアクセスがある「CSSの知識をもっと深める30+2の小技テクニック集｜Webpark」という記事があるのですが、2年近く前の記事ですしパワーアップさせて作り直しました。 恐らく過去最長の記事ですので目次を作りました。クリックするとするりと移動します。基本的な内容が多いですが、お役に立つ項目があればうれしいです。 ということで順番に説明していきます。 1. 全般的なこと 1-1. CSSリセット ブラウザごとでデフォルトのスタイルは異なっています。その違いをそのままにしておくと、後でブラウザ間の表示の違いに悩むことになり、どこが原因か分からないとイライラしてしまいます。 そんなことのないように、いったんデフォルトのスタイルをリセットしてしまおうというのがリセットCSSです。 方法は色々ありますが、個人的には一番
大規模サイトの制作過程をリアルタイムで公開しているブログの紹介 | パシのSEOブログ
知っている方も多いと思いますが、解体工事のマッチングサービスを行なっているクラッソーネさんが、解体工事業者のポータルサイトの制作経過をリアルタイムSEO日誌で公開しています。完全ホワイトハットSEOでアクセスを集める方法を実践する形です。 私が面白いと感じたのが、ブログでサイト制作やSEOの取り組みをリアルタイムで公開していることです。ブログを見ればわかりますが、1週間毎に記事が更新されており、何をどのように進めて、今後どうして行くのかという事が超細かく解説されています。 しかも完成前にドメインを公開するというのが、まず見ないやり方です。SEOブログでは、1次情報が公開されること自体が珍しいですが、ここまでさらけ出すのはかなり稀なので興味をそそられます。 ちなみに、私は今回取り上げるサイトや企業と一切関わっておりませんので、純粋な紹介＋感想という事になります。いつもどおり好き勝手書かせて頂
世界一うざい「ページTOPへ戻る」が実装されました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGの副社長、ゴウです。 この度、LIGブログに「ページTOPに戻る」機能が実装されました。 どのサイトにでもある、普通の要素だと思うのですが、今回、我々は“ウザさ”にこだわって作ってみました。 ページ右下にある弊社エンジニアの段田をクリックすると… ゴゴゴゴゴ… ドドドドドドドド… という感じで、段田が天に登るラピュタのように上昇していきます。 俺が知る限り、ここまでうざったい「ページTOPに戻る」は無いと思いますし、今回の開発にはデザインとJSの実装で4日ほどかかっており、「うざい」という以外に感想が無いような機能の実装に大切な会社のリソースを割いてしまった事をこの場を借りてお詫び申し上げます。 とは言え、この機能の一番下に、広告領域も設けてあります。 時間にして2秒ほどしか見えない上に、クリックをするにはそれなりの慣れと反射神経を必要とするのですが、今回特別にこの広告枠
WEB制作会社って実際儲かるの？これから先もやっていけるの？その疑問に答える！
WEB制作会社って実際儲かるの？これから先もやっていけるの？その疑問に答える！ 2013.02.26 | 相談 | 考える。 どうもWP-Dパープルです。今日は表題の件、WEB制作会社は実際に儲かるのか？そして、これから先もやっていけるのか？という質問サイトなどでよくある疑問について、WP-D執筆陣が答える！ということで、そのまとめです。WP-D執筆陣の多くは実際にWEB制作会社勤務、もしくはフリーランスとしてWEB制作を行なっているので、この疑問について各々思うことがあるようです。 ※今回は完全に匿名にするために、アイコンや色を変えています。実際のカラーとアイコンのカラーのつながりはありません。 ※アイコンにはfont-iconを利用しています。本来可愛い動物のアイコンが表示されているはずですが、もし下記の吹き出し左のアイコンがアルファベットで表示されている場合は、何度かリロードしてみて
SEO Japan - 優れた文章を書くための11の賢いヒント
SEO屋の私がいうのもなんですが、サイトのコンバージョンを最も劇的に改善する手法といえばLPO。LPOサービスを自ら始めた位に惚れ込んでいるウェブマーケティング手法ですが、名前や内容は知っていても意外とちゃんと実施したことがないサイトやウェブマーケッターが未だに多すぎることに嘆いている最近です。多変量テストや行動ターゲティングとはいわずとも、A/Bテスト位は定期的にやっていきましょうよ、、ということで、今回は米国カリスマウェブマーケッターのニール・パテル氏が自らの経験を元にA/Bテストで実施するべき項目を11まとめた面白くてためになる記事を。 — SEO Japan 既存のトラフィックからもっとお金を絞り取りたいのなら、A/Bテストの実施を開始する必要がある。少なくとも毎月10,000人のビジターがいるなら、毎月でないにしろふた月に一度は一つ新しいA/Bテストを実施することを検討すべきだ。
5年間放置サイトで月間35万PV稼ぐ3つの戦略
訪問数は約4倍、PVは約2倍になっています。 PVより訪問数の伸びが高いので検索エンジンからの流入が増えているのでしょう。 最近のGoogleは新しいページを重要視するというのはウソですね。だって、うちのページは最低5年前、大半は10年以上前に書かれたものですから（笑） では何がほったらかしなのに検索エンジンにも有利に働き訪問数が増え続ける要因なのかというと。 おそらくですが、ツイッターやフェイスブックなどのSNSやQ&Aサイトなどでたびたび引用され被リンクが逓増し続けているからだと思います。 もしGoogleが「新しさ」を重要視しているなら、ひょっとするとページではなく「被リンクの新しさ」ではないかと勝手に想像しています。 「引用元になる→被リンクが増える→検索順位が上がる→引用される」この循環ですね。 さて、ここから本題です。 うちのサイトが引用されやすい３つの要因。 1) 枯れたコン
サイトを運営している人ならチェックしておきたい情報サイトまとめ - ウェブネタマニア
サイトを運営していて 必ずチェックするようになった 役立つ情報サイトをメモ ■コリス 言わずと知れたサイト制作に関するアウトプットとクリップした情報を 紹介するブログ フリー素材の情報等も豊富 ■かちびと.net Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介しているサイト ■Webクリエイターボックス WebデザインやWebサイト制作、最新のWeb業界情報などを紹介してるサイト。 ■二十歳街道まっしぐら 管理人のカメきちさんが みつけたWebサービスや役立ちそうな情報を更新 ■ライフハッカー［日本版］ 生活全般に役立つライフハック情報を紹介しているサイト（ウェブネタも多数） ■フリーソフトの樹 おすすめのフリーソフトや知っていると便利な無料サイトなど、 パソコンを楽しむ情報を幅広い分野で毎日紹介しているサイト ■100shiki 海外のユニークなサイトを紹介 ■Ph
簡単で便利すぎ！WEB制作を「楽」にする無料ツールまとめ
作成：2013/01/28 更新：2014/11/01 Tool > Webサービス フリーソフト、無料ツールなのにここまで使える 前回、無料素材をご紹介しました。 今回は無料で使える「ツール」をまとめます。フォント、画像、配色、htmlからエディター・アフィリエイトリンク作成補助まで。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．フォント ２．画像編集 ３．ロゴ作成 / ネタ ４．配色 ５．HTML5 ６．CSS ７．ブラウザチェック ８．エディター ９．アフィリエイトリンク作成 １０．フォーム作成 １．フォント PCにインストールされているフォント一覧をプレビュー Font picker イラスト等に使われているフォントを調べる WhatTheFont Windows上のテキストをくっきり、見やすく表示。 gdipp - ｋ本的に無料ソフト・フリー
アフィリエイトを始めるなら最初に読んでおきたい厳選５記事 2013春 | びーおーぷんどっとねっと
2013年がはじまったばかりで早速、今年はブログでも始めようかな。そんでブログで小遣い稼ぎ or ガッツリ収入も作ってみようかな？とか Webサイトでアフィリエイト始めようかな？なんて人におすすめしたい厳選５記事＋本１冊 オススメしたいというよりも今、色々参考にさせてもらっている記事です。 Webサイトで収入を得る これでもかってくらいにサイト制作の仕方を説明してくれています。 それなりに稼ぐアフィリエイトサイトが完成するまでの全手順 | アフィリエイト野郎 こちらではサイトを作り始めるときに考えることなどを中心に書いてくれています。 1サイトで毎月10万以上の副収入を得るために僕がやったこと | 四畳半ワークス ブログで収入を得る ブログを書くときのツールや心構えなどが紹介されています。 忙しくても週1回更新でも、半年で月10万回読まれるブログを育てる7つのポイント こちらでは、
それなりに稼ぐアフィリエイトサイトが完成するまでの全手順 - がん保険や医療保険のサイト | アフィリエイト野郎！
先週、このブログでもお披露目した「がん保険のアフィリエイトサイト」ですが、今回は、サイトの作成過程を記録して記事にしようと思っていたので、所々でサイトをキャプチャしておきました。 過去にアフィリエイトサイトの作り方については何度か書いていおり、基本的には、今でもアフィリエイトサイトの作り方【2012版】で書いたとおりに作っているのですが、デザイン込みの作り方を解説したことはなかったので、今回はなるべく詳細に書いていきたいと思います。 今回サンプルとして使うのは、「 はじめてガン保険」というサイトです。このサイトを見ながら解説を呼んでいくとわかりやすいと思います。なお、WordPressでサイトを作っています。途中WordPressの使い方については、解説が抜けるかもしれませんので、その際は、WordPressの使い方とカスタマイズをご覧ください。 あくまでサイトの作り方の手順ですので、アフ
女性用育毛剤で一番効くのはどの商品？使って分かった本音を暴露
私も薄毛で悩んでいた毎日でした。 私も1年前は薄毛にすごく悩まされました。 慣れない環境からくるストレスだと思 […] 続きを読む
四畳半ワークス+1.5
とある六畳間で印刷物を作ったりWEB的な何かをしていたり、物思いをしてみたり、嫁様の目を盗んでtwitterとかしてたりします。
商用無料がたくさん！ダウンロードしておきたいフリーのデザインフォントのまとめ -2012年10月
最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。 一番下には、ミッフィーみたいなのがありますよ。
ウェブマスター・制作者は必読！ユーザーがサイトから離脱してしまう8つの要因
ナビゲーションが分かりにくい ナビゲートすることが難しいサイトは、ユーザーを失望させます。複雑だったり、一貫してなかったり、そういったナビゲーションはユーザーを困惑させ、苛立ちを感じさせるものです。
俺の最強ブログ システムが火を噴くぜ
ブログを「はてなダイアリー」から、自分のサーバーに移転しました。 せっかく移転するなら、2012 年の流行を取り入れた挑戦的なブログにしてみたい！と思い、構想から半年、ついにこの日を迎えることができました。 せっかくなので、凝ったところを自慢させてください。 これが俺史上最強のブログ システムだ ブログ システムとして Jekyll を採用 Jekyll のプラグインを自作 (はてな記法対応、英語ブログとの統合) 履歴管理は GitHub を利用、git push で自動でデプロイ コメント欄には DISQUS を採用、旧ブログへのコメントはインポート済み HTML5 マークアップ、CSS3、レスポンシブ Web デザインでのモバイル対応 盛りだくさんですね。 詳しく説明していきます。 ブログ システムとして Jekyll を採用 最近では WordPress を選ぶのが普通でしょう。Wo
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
ランディングページのコンバージョン率を5倍にする21の簡単な方法
１．社会的証明（ソーシャルプルーフ）を追加する社会的証明とは、「他人の行動を参考にして自分の行動を決める」という、全ての人間が持つ行動原理だ。ある実験では、人通りの多い場所で、２〜３人が同時に空のある一点を見上げると、通行人の８０％が同じように空を見上げたという結果が出た。 お客様の声や今までの販売実績（楽天ショップランキング一位！）などを充実させて社会的証明を強化しよう。 ２．欲求を刺激するキャッチコピーに変更するランディングページのキャッチコピーは、商品の特徴ではなく、見込み客の欲求に基づいたものになっているだろうか？例えば、あなたが英語学習プログラムを売っていて、その商品の特徴が、東大教授が監修した音質最高の商品だとしよう。 その際、商品の特徴を押し出したキャッチコピーの場合、『現役の東大教授が監修！最高音質の英語学習プログラム！』となる。しかし、このキャッチコピーはあくまでも商品の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久
CSSでボタンを手軽に作るなら「CSS Button Generator」が便利 | ライフハッカー・ジャパン
