知っておくと便利！あのサイトでさりげなく使われていたCSS小技集 - コムテブログ
TL;DR 2014/12/01：続編である「最近のサイトで使われていた CSS 小技集」を書きました。 今回は CSS のみで実現できるもの、動きあるエフェクトやこれから使用頻度が高くなりそうなものをメモしておきます。さり気なく使いたい CSS テクニックです。 画像 １．キュレーションサイト風のランキングボタン キュレーションサイトがサイドバーに「よくつけてる」ランキングボタンです。counter-incrementで数値を増加させ、content: counter()でカウンターを表示します。人気の記事を表示させる WP プラグイン等と組み合わせるといいですね。ざっくりとしたソースで申し訳ないです、微調整はお願いします。 html <ul class="sample"> <li><img src="xxx.png" /><span class="post-title">テストテストテ
劣化なし！画像を「圧縮、縮小」する無料ツールやフリーソフトまとめ
作成：2013/04/19 更新：2013/06/02 Tool > Webサービス 検索で上位を占めているサイトのページ表示速度を見ていると、1～2秒台が増えてきました。画像のファイル容量が大きいと、ページ速度が落ちるので当然SEOに良くありません。 僕もページ速度を早める為に色々試してますが、画像圧縮は高速化する上で一番簡単だと思います。 今回は、ブログやサイトを作るときに、「便利だな」と思った画像を圧縮するためのオンラインツールやフリーソフトをまとめました。この中から使いやすいのをチョイスしましょう。 エンジニア速報は Twitter の@commteで配信しています。 圧縮系のフリーソフト・サービス一覧 １．TinyPNG ２．PNG Minimizer ３．Compress PNG Images Online ４．PNGGauntlet ５．PunyPNG ６．JPEG Mini
知っておいて良かった！サイト制作後も助かる保守方法まとめ
作成：2014/02/10 更新：2014/11/01 ディレクション > 今回はサイト制作後からの保守について、どんなものがあるのか、どういった知識を身についておくべきか書きます。安定収益源にしていくために「作って終わりにしない方法」をメモしておきます。フリーランスや起業前にチェック。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 保守、運用ガイドライン ０．保守、運用ガイドライン 解析レポート １．事前に行うべきツール設定ポイント ２．時間帯からユーザーを推定する方法 ３．コメントの書き方 ４．日次・週次・月次チェックポイント ５．購入レポート サーバー保守 ６．FTP+DoS攻撃対策 ７．リソース監視 ８．セキュリティ監視 ９．データバックアップ SEO保守 １０．SEOレポートの書き方 １１．ウェブマスターチェック １２．指南書の書き方 広告出稿代行
Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ
TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション／受注前 １．書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類（ヒアリングシート／企画書／提案書／業務委託書／見積書／契約書）など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３ ２．見積もりの目安と計算方法 例えば項目を作るとき１．項目／２．内容／３．設計(人日)／４．製造(人
Illustratorテクニックとフリー素材まとめ | コムテブログ
作成：2013/10/21 更新：2014/11/01 無料素材 > フリー素材は沢山あるけれど、どこに何があるか分かりにくい。ロゴやイラストを作るのにまたあのサイトを探さないといけない。そういったことで１回まとめました。今回厳選したつもりですが、それでも量が膨大になったので簡潔にリストアップしてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ フリー素材まとめ ダウンロードしておきたいフリー素材一覧 Illustrator のチュートリアル 小技 基本テクニック フリー素材まとめ ダウンロードしておきたいフリー素材一覧 ロゴやイラストを作ったりするときに役に立ちそうなアイコン、ベクター、背景、テクスチャ素材をまとめました。少し変わったモノが多いですが、筆者が何度もアクセスしてしまうブクマ一覧です。 学校や教育関係／アイテム全200種類のアイコン素材 -
html/css 参考サイト総まとめ
作成：2013/10/15 更新：2014/11/01 Web制作 > 先週、WordPressとEC-CUBEのレイアウトを変更しなければいけなくて、久しぶりにいじっておりましたが、忘れていたり知らなかったことが沢山ありました。レイアウトはSEOやUIにも深く関係しているのもあり、ここらへんでCSSやHTML５を触るときに参考にすると捗る記事を一回まとめようと思います。今回はCMSやオリジナルサイトを作るうえで「知っておくと必ず役立つ」ものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 定番まとめ １．勉強になるテクニック／サンプルまとめ 基本知識 ２．セレクタ ３．メディア クエリ ４．コーディング規約 ５．フォント ６．CSSスプライト ７．アニメーション ８．正確なHTML使用方法 ９．CSSハック １０．書き方／読み方 定番まとめ
完璧に分かる！「google アナリティクス」の得する設定と使い方まとめ３１
作成：2013/09/24 更新：2014/11/01 SEO対策 > 毎月、ECサイトや情報サイトなどアクセス解析保守を9社ほど作らないといけません。ここらでおさらいを兼ねて、Googleアナリティクスを扱ううえで必要なことを整理しようと思います。今回は成果を上げるうえで「知らないと損する」ことをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 外部連携（初期） １．複数サイトを一つで管理 ２．すべてを一元管理 ３．ウェブマスター連携 ４．AdWords連携 ５．アドセンス連携 共通設定（初期） ６．プロファイル ７．フィルタ ８．IP除外 ９．Cookie除外 トラッキング設定（初期） １０．トラッキング設定 １１．時間／曜日／日付 １２．集客／キーワード／ページ １３．流入／属性／閲覧開始／トレンド 計測方法と基本知識 １４．ディメンション
ガッツリ改善した！ECサイトの売上がアップするLPO／EFO／広告／PLAなどまとめ
作成：2013/09/17 更新：2014/11/01 SEO対策 > 先月、クライアントさんに「PVとかどうでもいいから、成約数を増やしてくれ」とお願いされました。もちろん予算は先月と同じです。競合調査、リマーケティングやLPOの改善で、クリック率1.2%→3.8%、コンバージョン150%にアップ。来月も参考にしたいので、今回は「成約率を上げる」為に参考にしたサイトを中心にまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 最適化のコツ １．EFO／エントリーフォーム最適化 ２．MEO／googleマップで上位表示 ３．PLA／商品リスト広告 ４．LPO／ランディングページ最適化 クリック率の上げ方 ５．広告原稿のクリック率を上げる ６．クリックされるボタンの色 キャッチコピーの作り方 ７．広告の書き方 成果を上げるレイアウト ８．料金プランの見
ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７
作成：2013/07/22 更新：2014/11/01 Web制作 > 先日、お客さんのところへ提案にいったところ、「サイトを自分でも作りたいので定期的に講習会を開いて欲しい。Wordしか分からない。」と言われました。とはいっても、自分である程度、継続して勉強しておかないと、受講する人は2回目以降の受講内容を理解出来ないし、教える人も基本知識をしっかり身につけておかないと、質問に答えることもできません。 今回はWeb製作をするなら必ず抑えるべきこと、知識「０」から学ぶ、基本的な知識を習得できるスライド・サービス・サイトをまとめました。ディレクションにもOK。メジャーなもの中心です。とはいえ量が膨大になったので、必要な部分だけピックアップして学びましょう。※スライドがないものに関しては、お役立ちリンクをつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ
テンプレートやテーマ作成に必須な２９
作成：2013/07/8 WordPress > 自分だけのテーマを作りたい、最初から知っておけば、重いプラグインだらけにならずに済んだテンプレートタグやカスタマイズ方法。 WordPressでテーマをいじる時に、「これ、最初から知っておきたかったな」とか「プラグインなんかいらなかったなぁ～」と思えたテンプレートタグやファイルなどをメモ。 これからWordPressでもカスタマイズしてみるか！という人のために、自分の復習もかねてご紹介します。 エンジニア速報は Twitter の@commteで配信しています。 もくじ メタ／SEOを自動化 １．keywordsとdescriptionを自動出力する ２．タイトルが空のとき、HTML要素を出さない処理 ３．canonical／正規URLのみを検索に表示する ４．jQueryや外部 JavaScript の競合を避ける 画像 ５．記事中の最初
すごい便利！WordPressでブログをリニューアルするときに役立つ３０
作成：2013/06/17 更新：2014/11/01 WordPress > 先日コムテブログをひっそりとリニューアルしたわけですが カスタマイズしたい部分を調べるだけで膨大な時間がかかってしまいました。 今回はWordPressでブログをリニューアルしたり 新たに立ち上げたりするときに 参考にすると助かるサイトをまとめさせていただきました。 既存のサイトをレスポンシブ化したり、スムーススクロール、タブ、ロールオーバーを簡単に実装したり、高速化にセキュリティ対策。やらなきゃいけないことをしっかりメモ。 リニューアルのおかげでアクセスも1.3倍ほど上がったので、集客効果もあり。是非お試しを！ エンジニア速報は Twitter の@commteで配信しています。 もくじ レスポンシブに対応させる １．レスポンシブ対応なCSSの書き方 ２．Adsenseタグを改変してレスポンシブ対応させる ３
WordPressインストール後の設定まとめ
作成：2013/05/13 更新：2014/11/01 WordPress > ブログを書いて、継続的な収益を発生させたい WordPressインストール後、すぐに稼ぐことは可能か？ 「ブログ」だけで、家族を養うことはできるのか？ 100%可能です。 先日、試験的にWordPressで作成したブログ、開設後２ヶ月目でアドセンス月３万円超え(月間10万PV)という最速記録が出ました。たったの2ヶ月で継続的な収益が発生するならやる気が出ませんか？ 僕オリジナルの方法になりますが、収益までの最短ルート。WordPressインストール後の、初期設定をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ テーマの選び方 SEO＋収益 強化プラグイン 高速化プラグイン 基本事項 チューニング コンテンツのテンプレート 文章を伝える方法と書き方まとめ 伸びないとき
★★★★★★★★★★SEO対策のあなたを助けるツールやWebサービス３９
作成：2013/04/15 更新：2013/06/02 SEO対策 > SEO対策とは、サイトやブログを検索エンジンの検索結果で、上位に表示させるテクニックや対策をあらわします。SEO(Search Engine Optimization)とは検索エンジン最適化のことです。上位表示は、大体の目安として10位以内を指します。2013年のSEO対策はサイト内の改善を行う「内部施策」が重要になってきました。 SEO（内部施策）において大切な「オリジナル記事」とは、独自で調査したことや、研究内容、統計結果を自分の言葉でライティングすることです。Googleはオリジナル性を重視しています。いかに個性的（ユニーク）な記事を書けるか、それが鍵となります。 今回は全く結果が出ない人に向けて「上位表示できないとき、あなたを助けてくれる」SEO対策ツール、サービスをまとめました。 競合調査や自分のサイトを解析
最短で「アフィリエイト」成果をあげる知識、ツールまとめ
作成：2013/04/1 更新：2013/06/03 SEO対策 > WordPress アフィリエイトを始めたけど できることなら早めに収益をあげて 生活を少しでも楽にしたい すでにアフィリエイトで成功している人、今からの人でも、もう一度おさらいしておくと、収益の上がり方が変わってくる。 今回は、アフィリエイトの収益をもっともっと加速させるために便利なツールやノウハウ、指針にして良いサイトをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．基本マニュアル ２．WordPress / プラグイン ３．AdSense ４．アマゾン ５．iTunes / App Store / 2chまとめ 色々 ６．Chrome拡張機能 ７．SEO ８．アクセスアップ １．基本マニュアル メールアドレスの取得から集客まで、最低限やるべきことがカテゴリ分けで記載
簡単に今すぐできる！WEB制作を「はじめて」する人が分かるまとめ
作成：2013/03/4 更新：2014/11/01 Web制作 > もし「全部」自分でやることになっても 一人でサクッと作れるようになりたい 今回はWeb制作や、ツール・ソフトの使い方が「簡単」に分かる、デザインが良い「マニュアル的」なサイトを抜粋しまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．Photoshop (フォトショップ) ２．Illustrator (イラストレーター) ３．Dreamweaver (ドリームウィーバー) ４．iPhone アプリ ５．Kindle 出版 ６．WordPress ７．スマートフォンサイト ８．アフィリエイト ９．アクセスアップ / ブログ １０．ライティング １１．SEO １２．プログラミング １３．html / CSS １４．Google Analytics １５．レスポンシブ Photos
助かりすぎて泣いた！簡単で実践的な「アフィリエイト」まとめ
作成：2013/02/12 更新：2013/02/21 Tool > Web制作 毎月生活が出来るくらいの収益を発生させたい 会社の給料が多くても、少なくても テレビを消して、アフィリエイトをやってみたい。 今回は、経験にもとづいて「確かにそうだ」と思った超優良サイトをジャンルごとにまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．基本 / マニュアル ２．無料ツール ３．Google AdSense ４．WordPress ５．Webサービス ６．NAVERまとめ ７．はてな / せどり ８．税金対策 １．基本 / マニュアル クリック報酬と成果報酬型広告→まずはこれを把握 1サイトで毎月10万以上の副収入を得るために・・・| 四畳半ワークス サンプルを見せながら解説→イメージしやすい アフィリエイトで稼ぐ方法 - それなりに・・・ | ア
これなら分かる！WEB制作を無料で「学べる」サイトまとめ
作成：2013/02/4 更新：2014/11/01 Web制作 > 基本的なところを簡単に、楽しく覚えたい 自分でサービス作ったり、会社や違う職種でも 色々と「基本」はおさえておきたい 今回はサイト制作に必要な「基本的な知識・情報」を、分かりやすいサイトを中心にまとめました。必ずおさえておきたいスキル・知識です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．HTML5 ２．CSS ３．レスポンシブ ４．配色 ５．視線誘導 / 心理学 ６．インターフェース / ユーザビリティ ７．SEO ８．ディレクション ９．アクセス解析 １０．WEBマーケティング １１．コピーライティング １２．ソーシャル １．HTML5 HTML5って何？ HTML5とは何かを簡単にまとめてみた - Yahoo! JAPAN Tech Blog Canvasについて知っておく
無料すぎて助かった！WEB制作が「はかどる」素材まとめ
作成：2013/01/21 更新：2014/11/01 Web制作 > 無料素材のブックマークが無限に増えてきた そうだ！整理しよう 今回は一つ一つ紹介せず、すでに「素敵にまとめてあるサイト」をまとめました。まとめ系４８サイトのまとめです。 フォント、素材からレスポンシブ対応した初心者でもOKのWordPressテーマまで、全て無料です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．日本語フリーフォント ２．海外のおしゃれなフリーフォント ３．国内の写真素材 ４．アイコン ５．ユニークな素材 ６．ベクター ７．Photoshop補助 ８．ワイヤーフレーム ９．レスポンシブなWordpressテーマ １０．スマホ用ページ テンプレート １．日本語フリーフォント 重複するのもありますが、以下のサイトでほとんどの無料系フリーフォントが揃うと思います。 201
ズルイくらいに凄い！アクセスアップのコツ ３０
作成：2013/01/15 更新：2016/06/08 SEO対策 > ポイントだけおさえて、アクセスアップしたい 試行錯誤している時間はないし、コツだけつかんだらコンテンツに集中したい。 先日アクセスが上昇した記事を書きましたが 今回は「最短でアクセスを上げる」為に必要な重要ポイントを書いておきます。 もちろん、一番役に立ったサイトのURLも記載しておきます。 ※2013/04/10：SEO対策に関する過去記事を修正しました。 根拠を示すデータや統計がある記事はアクセスアップしやすい ※2016/06/08 追記：ここ１年で「SNSで話題になったニュース記事を自分なりの考察を添え、1000文字以上書いて毎日配信する」という実験を、別ドメインで行ってみたのですが、ほぼ圏外にすっ飛んでいましたし、その記事は拡散性が低かった。その中でも唯一上位に食い込んだ記事に共通していたことは「根拠を示すデ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ひとりでWeb制作できた！Webデザインの勉強にもなる独学「スライド」総まとめ
