タグ

web制作に関するnappy1120のブックマーク (25)

  • 【保存版】検索エンジンの順位を上げる為の33のチェックリスト

    ツイート Warning: Undefined array key "Twitter" in /home/kigyo10/bizee.jp/public_html/wp-content/plugins/sns-count-cache/sns-count-cache.php on line 2897 0 シェア 0 はてブ 459 LINE Pocket 0 検索エンジンの順位を上げるためのSEO対策というのは勉強不足の人が行った場合、膨大な時間を使った割には大した効果が得られないことが多い。または逆に大きく順位を下げてしまうことすらあり得る。 それだけならまだいいが、結果として外部のSEO業者に依頼して自作自演の良くないリンクを大量に付けられて手のつけ様のない状態になっているということはよく聞く話だ。 ここでは、検索エンジンの順位に影響を与える項目を55個用意して影響度順にまとめてみました

    【保存版】検索エンジンの順位を上げる為の33のチェックリスト
  • 「この一冊で全部わかるWeb技術の基本」の監修をしました - プログラマでありたい

    Facebook, Twitter等で軽く報告しておりましたが、イラスト図解式 この一冊で全部わかるWeb技術の基の監修をしました。執筆したのは、所属するNRIネットコムの同僚2人です。どちらも、大学時代しっかり情報工学を学んで、入社してからはインフラ寄りの仕事をしている人間です。Webの仕組みを説明するにはピッタリな人間によって書かれています。 イラスト図解式 この一冊で全部わかるWeb技術の基 作者: 小林恭平,坂陽,佐々木拓郎出版社/メーカー: SBクリエイティブ発売日: 2017/03/16メディア: 単行この商品を含むブログを見る 対象読者は? 入門書なので、これからITエンジニアを目指す人や、なりたての人、或いはIT業界に入ったのでWebとはなんぞやと知りたい営業・企画の人など、非エンジニアでも読めるように意識して書かれています。そもそもWebと一口に言っても、現在では

    「この一冊で全部わかるWeb技術の基本」の監修をしました - プログラマでありたい
  • CSSのクラス名を決めるときに使うリストをつくりました

    CSSは設計手法も大事ですが、どういう単語で名前をつけていくかも大事だと思っています。 個人個人でばらつきが出るところでもありますし、「単語名 英語」で検索をして探した単語を使ったけど若干意味合いが違ったといったこともあると思います。 クラス名を決めるためのリストを見かけることもありますが、英単語の読みは書かれていても意味合いが書かれていることは少ないように思います。 自分の確認用と、チームで製作するさいの基準になるようなものを作りたいと思い、単語とその意味を短くまとめてGitHubにあげています。 CSS クラス名リスト | GitHub 以下投稿時の内容です。 名前をつけることは難しいですが、とても重要なことです。 CSSには設計思想が必要ですが、実践するにあたり、名前と機能の意味がとおり、名前のつけ方にブレがないようにするべきです。 このドキュメントでは、CSSでよく使われる単語を分

    CSSのクラス名を決めるときに使うリストをつくりました
  • アフィリエイトで月8万円稼ぐのに役立った無料ツール9選 - 鯖メシ

    私は当サイトとは別にブログサイトを運営しており、先月(2016年8月)のアクセス数が 9万PV以上で、収益は 8万3000円程でした。今月は現時点で 8万2000円程です。 ※ 成果の詳しい内容は「5万円稼ぐサイトの作り方8ステップ」の冒頭で紹介しています。 正直、アフィリエイトだけで生活している方々がお勧めする有料ツールに魅力を感じたこともありました。 ただ月8万円程なら、最低限のGoogle対策の知識と下記9つの無料ツールがあれば可能だと思います。 Google キーワードプランナー 関連キーワード取得ツール WordPressテーマ:Xeory Base WordPress 9つのプラグイン Google Search Console Google アナリティクス 検索順位チェックツール GRC 文字カウントツールnumMoji 無料素材 写真AC おまけ:Google検索エンジン最

  • デザイナーが確認しておきたい、デザインリソース完全ガイド 2016年度

    オンラインホームページ作成ツール Webydo で働いている現役デザイナー達が、普段からよく利用している、作業を楽にするオンラインツールやリソース75個をまとめています。 ウェブサイトでよく利用する写真の見つけ方や最適化方法から、アイコンやフォント、配色などデザイナーが一度は困ったことのある問題を解決してくれる凄腕ツールが揃っています。現在の制作フローに活用し、より快適な作業を実現しましょう。 コンテンツ目次 イメージ画像・ビデオ動画の関連ツール アイコン関連ツール 書体、フォント関連ツール 配色カラーツール モックアップ&プロトタイプツール ウェブサイト制作ツール コラボレーション、作業効率ツール デザインコミュニティーサイト オンライン・ラーニング、スクール イメージ画像・ビデオ動画 ShowBox – ブラウザ上からスタジオ制作されたような、高品質なビデオ動画を作成できます。 Cov

    デザイナーが確認しておきたい、デザインリソース完全ガイド 2016年度
  • これさえあればシステム構成図がだいたい描けるアイコンセットを公開します! | フューチャー技術ブログ

    🚧新しいVersionが公開されています🚧 こちらの記事もどうぞ確認ください。 これさえあればサービス構成図がだいたい描けるアイコンセットを公開します! こんにちは。@chanomaruです。 みなさん、スライドを作ってますか? 最近はビジネスパーソンだけでなく、学生さんもプレゼンテーションをする機会が多くなってきていますよね。 エンジニアがよく作るスライドの一つにシステム構成図があります。 わたしもシステムがどのような構造になっているかを説明する際によく作成しています。 システム構成図では各技術要素をアイコンで表現することが多いです。 しかし「ロードバランサー」や「キュー」など、よく使うわりにアイコンを探しにくいモチーフも多いですよね? ・・・ということで、社内で利用されている 「これさえあればシステム構成図がだいたい描けるアイコンセット」を公開します! アイコンセット含まれているア

    これさえあればシステム構成図がだいたい描けるアイコンセットを公開します! | フューチャー技術ブログ
  • 企画書や市場調査に使える!おすすめの無料の統計データ入手先まとめ - LIFE DESIGN

    2016 - 06 - 16 企画書や市場調査に使える!おすすめの無料の統計データ入手先まとめ 統計データ 市場調査 企画書 業務効率化 シェアする Bookmark! Facebook Twitter Google+ Pocket それちょっと、数字で説明してくれる?と言われて困らない できる人のデータ・統計術 posted with ヨメレバ 柏木 吉基 SBクリエイティブ 2015-07-31 Amazon Kindle 楽天ブックス 記事の目的 企画書や提案書などを作成する際に、問題や提案の根拠となるデータを集めたり、市場調査をしたりする時があります。しかし、「どこで調べたらいいか分からない」「どのようにして調べたら良いか分からない」という声を良く聞きます。 そこで今回は、政府をはじめとする公共機関やシンクタンク、民間企業などの 無料の統計データを提供しているところを紹介します。ま

    企画書や市場調査に使える!おすすめの無料の統計データ入手先まとめ - LIFE DESIGN
  • 素人でも簡単に一流のホームページが作れる無料Webサイト作成サービス7選+α - Life is colourful.

    【2017年3月31日】 いまやホームページは誰でも、もの凄く簡単に作れる。ホームページ作成サービスがあり、無料で始められるものもある。 正直なところ、個人の商店や中小規模の企業レベルならコレで十分なケース多い。 ホームページを作るための言語(HTML)やデザインの知識も全く要らない。キーボードを叩けて、マウスをクリックできれば十分だ。 この記事では、誰でも使える便利なホームページ作成サービスを紹介する。日語対応で無料から始められるもののみに限る。 この記事の後半では、実際に無料で簡単にホームページを作る手順を解説する。実際に無料のサービスを使ってホームページを一つ作ってみたので、興味のある人はのぞいてみてほしい。 目次 目次 ビジネス用のホームページなら少し投資を ホームページ作成サービスを利用するときの注意点 グーペ BiND クラウド BASE(ベース) Jimdo(ジンドゥー)

    素人でも簡単に一流のホームページが作れる無料Webサイト作成サービス7選+α - Life is colourful.
  • こんなの使ってたらバカになる!便利すぎるWordPressプラグインBEST5

    初カキコ…ども… 俺みたいに何でもかんでもプラグインで解決しようって腐れ野郎、他に、いますかっていねーか、はは 。 と有名なコピペをあれしつつ、今回はWordPressの便利すぎて後ろめたい気持ちにすらなりそうなプラグインBEST5をご紹介します。 第1位 Favicon Rotator ファビコンって作るの何気にめんどくさくないですか?フォトショを拡張してないとicoファイル作れないし。JPGやPNGデータをファビコン形式に変換してくれるサイトを使ってicoファイルを作り、WordPressのメディアにアップロードし、ヘッダに組み込む。あぁ、めんどくさい! ところがこのFavicon Rotatorってプラグインを使うと、JPGやPNGの画像をアップロードするだけであっというまに出来上がるんです!マジパネエ プラグインをインストールすると、外観の中にFaviconというメニューが現れ

    こんなの使ってたらバカになる!便利すぎるWordPressプラグインBEST5
  • 2013年に話題になったデザインに関する「考え方」が変わる記事14選

    デザインをしつづけていると、たまに柔軟に考えられなかったり、自分のデザインに対して疑問を感じるときがありませんか? そういうときは一度、初心にかえってデザインに関して考え方を見直したり、インスピレーションを刺激することも大切です。 また、デザイン思考を身につけるためにも、常日頃から考え続けることも重要です。 今回は、過去に話題になり、読むだけでデザインに関する「考え方」が深まる14個の記事をご紹介します。 デザインに対する考え方が変わる・深まる記事 これはウェブページです。 ウェブデザインの質は、言葉です。 ウェブで一番強力な道具は、今も昔も言葉だということを、思い出させてもらいました。 ▷これはウェブページです。 選ばれるウェブデザインとは 9つの基的なルールと感情に訴えるデザインについて詳しく書かれています。 サイトの使いやすさだけでなく「ユーザーがそのサイトにどんな感情を抱くか」

    2013年に話題になったデザインに関する「考え方」が変わる記事14選
  • [CSS]2013年、素敵なアイデア満載のスタイルシートのテクニックのまとめ

    今年もCSSの進化が止まりません。 これからのプロジェクトに使ってみたくなるような素敵なアイデア満載のクリエイティブなスタイルシートのテクニックを紹介します。 利用する時にネックになるのがIEですが、来年になるとXPのサポートが終了、そういえばGmailなどのGoogle AppsでのIE9のサポートも終了しました(参考:サポートされているブラウザ -Google)。来年はより多くのテクニックが利用できるようになりそうですね。 というわけで、まずは今年もクリエイティブなCSSをたくさん生み出したCodropsからご紹介。

  • UIデザインの参考になるサイトまとめ | ナナメウエblog

    毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI – mobile ui patterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins

  • これは快適!Mac OS X上でWinのIE6/7/8/9/10など、さまざまなブラウザの確認ができるアプリ -Sauce

    Macでウェブ制作に携わる人全員に伝えたい、Windows, Linux, Mac OS Xのさまざまなブラウザでの表示確認ができる無料のMac OS Xアプリを紹介します。 Boot CampやParallelsなどは必要なく動作します。 Sauce -App Store Sauce for Mac -Website Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認ができるOS X用のアプリケーションで、簡単に起動・操作ができます。 Windows用のIE6/7/8/9/10をはじめChrome, Safari, Firefox, Opera、iPhone4/5/6, iPad4/5/6, Android4なども揃っています。

  • サイトのコンバージョン率を簡単に3倍にするたった4つのテクニック

    PAD効果:商品価格よりも費用対効果を見せよう「ECサイトで高額商品を販売するための購買心理7つ」でお話させて頂いている通り、私は安易に低価格競争に参入することには反対で、良い商品なら出来るだけ高く売りたいと思う。 しかし、価格が高い商品を、少しでも得だと感じてもらうような工夫は必要だ。そこで使えるのが、ハーバード大学のゴーヴィル教授が名付けたPAD(Pennies-A-Day)効果だ。 例えば、以下を見比べてみて欲しい。どちらの方がお買い得に見えるだろうか? たったの3万円で1年間使い放題です。1日当たりたったの100円以下で使い放題です。おそらく、ほとんどの方は後者の方がお得だと感じているだろう。このように、同じ商品でも伝え方を変えるだけでお客様に「お得感」を持ってもらうことができる。 このPAD効果は、継続性を持った商品であれば、会員権だけではなく様々な商品に適用することができる。例

    サイトのコンバージョン率を簡単に3倍にするたった4つのテクニック
  • HTML_CodeSniffer

    Check that your HTML code conforms to your coding standard HTML_CodeSniffer is a client-side script that checks HTML source code and detects violations of a defined coding standard. HTML_CodeSniffer is written entirely in JavaScript, does not require any server-side processing and can be extended by developers to enforce custom coding standards by creating your own "sniffs". To get you started, HT

  • Webディレクターズマニュアル

    Webディレクター基講座 いいサイトも『作っただけ』では価値がない。正しくユーザーを集めるためのプロモーション思考 ども、はじめまして。日ディレクション協会で講師をやりながらWeb広告の会社で新規サービスの立上げやメディア運営などやっています間です。 さて、いきなりですが「Webでモノやサービスを効率良く売る」... 続きを読む

  • ウェブ制作者に必ず役立つ!iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ

    ウェブ制作、主にフロントエンドの開発者に役立つチートシートを紹介します。 順番は、iOS, HTML5, CSS, jQuery, WordPress, .htaccess, Git です。 HTML5での美しいコードの書き方、Sass、Zen Coding、jQueryのパフォーマンス、Gitの使い方などもありますよ。

  • コーディングする時のスライス方法とか - CSS HappyLife

    珍しく、Photoshopネタでも。 コーディング関係だからこのブログの主題っぽい! 今回は、PhotoshopCS6を利用したスライスに関するアレコレです。 コーディング時にはスライスは必須ですし、一番面倒な部分なので少しでも効率良くスライス出来ると良い感じですよね。 内容としては、スライスの基からって訳じゃないので、最低限スライスツールが使えてる方を対象にしたような感じになってると思います。たぶん。 ちなみに、面倒な説明しなくていいから分かりやすい様に動画ベースでやっていきます! Photoshopを起動します 何はともあれ、Photoshopを起動します。 これはすごく重要な作業です。 Photoshopは重いので起動するのがダルいですね。ウチのVAIO Zが頑張ってます。 CS3の頃はサクサクで良かったんですが。 起動したら、psdファイルを開きましょう。 普通のスライス まずは

    コーディングする時のスライス方法とか - CSS HappyLife
  • この順番で読めばOK!JavaScriptを理解するための14冊 | DECONCEPTER

    JavaScriptの書籍はjQueryやサンプル中心のチップスなどを含めると、多数出ており、これから勉強したい人にとってはどれから読めばいいか迷うところだと思います。 今日はここ数年で出た書籍の中で初級者から脱中級者になるまでに読みたい書籍を、この順番で読めばステップアップできるという内容で紹介したいと思います。 STEP1. 初心者へのおすすめはダントツでこれ一択。 初心者向けの内容としてはこれがダントツでおすすめです。内容が易しく丁寧な上にサポートサイトで書籍の内容を動画で説明してくれています。 Amazon.co.jp: よくわかるJavaScriptの教科書: たにぐち まこと: サポートサイトはこちら STEP2. 全体を把握するには十分なボリューム。脱初級者向けにはこの2冊。 2冊とも初級者にとっては少し厳しい内容になっていますが、この2冊が理解できれば後は作りまくる

  • 知らない人は遅れてる?新Zen-Coding Emmet

    頭の中のページ構成図をリズムで書いてHTMLに展開してくれるZen-Coding。 もはやHTMLコーダーで使っていない人はいないであろうZen-CodingがHTML5/CSS3の広まりと共にEmmetという名前に変更し、進化をとげているようです。 まだ開発中で公式アナウンスはまだのようですが先行して試すことが可能です。 Zen-Codingおさらい Zen-Codingは経験済みとして話しますが、まだ使ったことがないという方はまずこの映像から。 早速EmmetをSublime Text 2にインストール 1. Package Controlのリポジトリに追加 Sublime Text 2の標準リポジトリにはまだ入っていません。Cmd + Shift + Pで入力ボックスにadd repositoryを入力、下記のリポジトリを追加します。 https://github.com/serge