コーディングのスピードを上げる為の6つの方法
2017年7月25日 Webサイト制作, 便利ツール 今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングができるようになると思います！ ↑私が10年以上利用している会計ソフト！ 1. コーディング手順を簡略化する これは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。 CSSのレイアウトをノートに書き出す レイアウト部分（ヘッダー・メイン・サイド・フッター）のHTMLマークアップ CSSでレイアウト部分のスタイリング 表示確認 うまく表示できない箇所の修正 ヘッダー内のHTMLマークアップ CSSでヘッダー内の
ネタフルさんで実験！よりクリックさせるバナー広告の設置方法 ｜ホットココア社長日記 @egachan
毎日旬なネタを更新してくれる個人ブロガーとしても老舗の [N]ネタフルさん（http://netafull.net/）のバナー広告の最適化を実験的にさせてもらいました。 結果的には、最適化を行った個所のクリック率が2倍になりました。 今日は、このネタフルさんのバナー広告のクリック率を2倍にした方法を紹介させていただきます。 ブログの売り上げを上げる5つの方法ブログの売上を上げるには色々な手法があると思うのですが、 ■ブログの売り上げを最大化させる黄金の法則 「インプレッション × CTR（クリック率） × CVR（成約率） × 単価 × リピート率」 に当てはめ、5つの法則をお伝えします。 ■ブログの売り上げを上げる方法 ・インプレッション →ブログのPV数を増やす ・CTR（クリック率） →クリック率の上がるバナーを設置 ・CVR（成約率） →サイトとマッチし
TwitterやFacebookのURLには、なぜ#!が含まれるのか (SEOとAjaxのおいしい関係) - kazuhoのメモ置き場
Ajaxを使うためにはページ内リンク (hash fragment=URLの#以降) を使うのが一般的*1 hash fragmentはサーバに送信されないから、JavaScript非対応のブラウザだと動作しない 特にサーチエンジンのクローラ等で問題になる*2 そこで Google は、#! が含まれる URL を hash を含まないものに読み替える仕組みを提唱している。例えば「www.example.com/ajax.html#!key=value」のサーチエンジン用URLは「www.example.com/ajax.html?_escaped_fragment_=key=value」になる。 TwitterやFacebookはこの仕様に従うことで、Ajax な UI と SEO を同時に実現している、というわけ。ということを調べたなう。 参照: Getting Started |
Evernoteをゴミ溜めにしない、肩の凝らない使い方 | ひとぅブログ
私は「Evernote」を愛用中ですっかりと外部脳として活用しています。と、言うかもうEvernoteが無ければ困る。と言うレベルに達していると言えるかも知れません(^_^;)。プレミアム会員にもなって容量も検索精度もアップ。どんどん便利に、そしてどんどん依存度が高まっている今日この頃。 そんなEvernoteですが、これまでこのブログで私の利用方法を書いたことがありませんでした。理由は簡単で自分自身で、運用方法が固まっていなかったためです。試行錯誤を繰り返し、最近、ようやく固まってきたのでご紹介したいと思います。 では、なぜ運用方法が固まらなかったのか。今考えれば以下の点だったことに気づきました。 どんな情報を入れたらいいのか分からなかった どんな風に情報を整理すればいいのか決められなかった 「Evernoteは外部の脳と言われ、ウェブページや画像、音声、テキスト、何でも放り込めるよ！」
HTML5ことはじめ | Another Step.com
制作者側にはかなり普及してきた感もあるHTML5。 情報は溢れていますが、自身も少しづつ勉強してきたのでXHTML1.0との違いなどをメモがわりにアウトプットしてみた。 (マークアップメインの話です) HTML5はW3Cより2008年1月22日に草案が発表され、2010年8月現在も草案の段階です。 勧告はW3Cが2012年3月、WHATWGは2022年としており、どちらにしてもまだ先ですが、新しいブラウザは段階的に対応していくと予想されるし、JSを使えばIEもカバーできるので、現状利用することも可能でしょう。 メリット・デメリットについては賛否両論?あるでしょうが… ※このサイト自体もHTML5で組んでいますが、HTML5、WordPressともに未熟なため、制御できず正しく組めていない箇所があります。 また下記内容についても間違っている可能性があるので、その場合は指摘していた
[SEO]10分でできる、あなたのウェブページが検索エンジンにきちんとインデックスされているかどうか | コリス
あなたが作成したページがGoogleなどの検索エンジンになぜインデックスされないのか、なぜランキングされないのか、ペナルティを課せられていないか、重複コンテンツの問題はないかを確認できる方法を紹介します。 10-Minute Missing Page Audit [ad#ad-2] 下記は各ポイントを意訳したものです。 各見出しの左は時間の目安です。 [0:00-0:30]インデックスの確認（ドメイン） サイトがGoogleにインデックスされているか確認します。フォームに「site:」コマンドを使用して、検索してください。 コマンドを使用する時はルートのドメイン名（site:example.com）を入力してください。 [0:30-1:00]インデックスの確認（ページ） 次に、ページがインデックスされているか確認します。前述の結果、Googleがそのサイトの存在を知っていると想定し、問題の
スマートフォン対応しただけで、安心してはいけない理由 (ユーザビリティ実践メモ)
前回に引き続き、スマートフォン対応サイトを制作する場合に気をつけるべきポイントとして、「PCサイトへの誘導の必要性」についてご紹介します。 スマートフォン対応サイトでも、PCサイトへの誘導を残しておこう スマートフォン対応をしているサイトの中には、PCサイトへのリンクが用意されている場合があります。せっかくスマートフォンから利用しやすいユーザインタフェースを用意しているのに、どうしてPCサイトへと誘導する必要があるのでしょうか？ 今回は、PCサイトへのリンクが必要な2つの理由についてご説明します。 スマートフォンはPCと比べると画面サイズも小さいため、最適化したサイトを作るために機能を絞ったり、情報量を減らしてサイトを構成するケースがよくあります。このような場合には、忘れずにPCサイトへのリンクを用意しておくことが必要です。 amazon.co.jpのiPhoneサイトを例に見てみると、ト
オレ標準JavaScript勉強会発表資料 - ockeghem's blog
Loading...での発表に用いた資料です。 お役に立つかどうかは心許ないのですが、ドキュメントの一部を希望されていた方もおられましたので、slideshareで公開します。 ガラケーで楽しむオレJSの勧めView more presentations from Hiroshi Tokumaru.
Firebugの意外と知られていない機能紹介（プログラマ向け） - KAYAC Engineers' Blog
羊毛布団を洗濯機にかけられないことを知りました。ago（@kyo_ago）です。 意外と知られていない機能が多い！？Firebugの使い方を見て、プログラマ向けも欲しくなったので書いてみました。 1. ショートカット一覧 以下のページでFirebugのショートカット一覧が公開されています。 http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts 取り合えず以下の二つだけでも覚えておくと効率的かもしれません。 F12でFirebugの有効、無効の切り替え 広いコマンドラインモード時にCtrl+Enterでコードを実行 また、以下のメニューからショートカットの変更も行えるので、他の拡張等とショートカットがかぶった場合でも別のキーで使用することが出来ます。 2. Firefox本体のツールバーに「要素を調査」ボタン Fi
HTML5を今すぐ使うためのコツや情報をまとめてみました - EC studio デザインブログ
この数カ月でHTML5のサイトが国内にも増えてきました。先日10周年を迎えた EC studio のサイトもHTML5で制作しています。マークアップの面でのHTML5の導入となりましたが、難しいと思う以上に勉強になることが多くありました。（今も改善を続けています。） http://www.ecstudio.jp/ 個人サイト以外でHTML5を導入するのをためらっている人が多いと思うので、今からでも使っていくためのコツやノウハウをまとめてみました。 新要素をJavaScriptで生成する HTML5の新要素はIEでは未知の要素です。そのため記述していてもDOMツリーが構成されなかったり、CSSが適用されないという問題が生じます。 そこでdocument.createElement(要素名);により、ブラウザ（ユーザーエージェント）にとって未知な存在の要素を生成し、認識させることができます。
非デザイナーのためのデザイン基本テクニック その１ | 07design.blog
デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で
SEO業界の専門用語 - 知っておかないと会話できない基本編 | Web担当者Forum
今日は、SEO業界に特有な用語をさらっと解説します。SEO業界以外では使わないものや、ほかで使われているのと意味が違うものなど、知っておかないと、その筋の人と会話しづらくなるものに限定して紹介しましょう。 検索エンジンの仕組み関連オーガニック検索（オーガニックサーチ、自然検索）ユニバーサル検索（ブレンド検索）SERP（サープ）インデックスアルゴリズムQDFリンク関連リンクグラフ被リンク（バックリンク、インリンク、インバウンドリンク）リンクジュースリンクポピュラリティ（リンク人気）アンカーテキスト（リンクテキスト）有料リンクオーガニックリンク（ナチュラルリンク）nofollow（ノーフォロー）リンクビルディング（リンク構築）オーソリティ（オーソリティ性）その他SEO関連ブラックハット、ホワイトハット、グレーハットペイレベルドメイン名ワードサラダリダイレクトウェブマスターツール、サイトエクスプ
「買う」「買わない」は一瞬で決まる!?売上を何倍にもするキャッチコピーの黄金法則
岡本達彦（おかもと・たつひこ） 株式会社アカウント・プラニング代表取締役 販促コンサルタント 広告制作会社時代に100億円を超える販促展開を見て培った成功体験をベースに、難しいマーケティングや心理学を勉強しなくてもアンケートから売れる広告を作る広告作成手法を日本で初めて体系化する。業界を問わず、お金をかけないで簡単にでき、即効性もあることから、全国の公的機関、経済団体、フランチャイズ本部からセミナー依頼が急増し、社内に仕組みとして取り入れたいという会社からのコンサルティング依頼は後を絶たない。著書にアマゾン上陸15年「売れたビジネス書50冊」にランクインし、販促書籍のベストセラーとなった『「A4」1枚アンケートで利益を5倍にする方法 チラシ・DM・ホームページがスゴ腕営業マンに変わる! 』（ダイヤモンド社）などがある。 売れるキャッチコピーの秘密 「広告をつくってはみたものの、まったく反応
Tumblrのアーカイブをまとめて編集できる機能「Mega-Editor」が便利すぎる*二十歳街道まっしぐら（FC2ブログ時代）
「Mega-Editor」はTumblrの過去の記事をまとめて編集できる機能です。 いつの間にか追加されていた機能で、とっても便利なので紹介します。 アーカイブを一覧表示でき、選択したポストすべてに対して「タグ付け」「タグ編集」「削除」が行えます。 Tumblrやってます→http://kamekiti.tumblr.com/ もしよければフォローしてください。更新通知もしています。 以下に使ってみた様子を載せておきます。 まず「Tumblr」にアクセスして、ログインしましょう。 「ダッシュボード」の右欄、Tumblrへのポスト数をクリックします。 するとポスト数の横に「Mass-editor」の文字が。 「Mass-editor」をクリックすると、このようにTumblrアーカイブが一覧表示されます。 一覧表示すごくいい！ テキストも写真もすべて表示されます。 編集したいポストをクリックし
kurainの壺
あけましておめでとうございます。 今年は、もうちょっとblogを書こうかなということで、三が日のうちに1つ出してみようと思います。 さて、2023年はLLMの利用と同時にベクトル検索が急に利用されるようになった年でした。 Retrieval-Augmented Generation(RAG)をみんな使い出したのと、OpenAI の embedding APIの性能が思った以上に良かったことが主な理由だと思います。 ベクトル検索は faiss でもchromaでも、qdrant でも何を使ってもよいと思いますが、numpy を使えば数行で実装できるし性能も悪くないことがわかったので書き残しておきます。 import numpy as np class SimpleVecSearch(): def add(self, ndarray): self._ndarray = ndarray def
コンバージョンを上げるための サイト高速化施策ベスト3
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
検索エンジンに無料登録しよう！アクセスアップ＆SEO対策 基本編 - 副業クエスト100
スマホ向けにモバイルフレンドリー対策を！ 近年で大きかった変化のひとつがモバイルフレンドリー対策でしたね。 今はパソコンよりもモバイルからの訪問が多いので、スマホやタブレットに対応したレスポンシブデザインにしておくことが大事です。 もし、まだモバイルフレンドリーテストをクリアしていないのなら、必ず対策しておきましょう。 WordPressならレスポンシブなテーマに変えるか、スマホ表示ができるプラグインで対応できます。 モバイルフレンドリーじゃないとマイナスの評価を与えられるだけではなく、モバイルユーザーの直帰率も上げてしまうのでまだ対策していない人は要注意！ 画像は記事を読み進めてくれるスパイスになる！ 記事の最初にアイキャッチ画像を設置したり、見出しの下に画像を挿入しておくだけで、読み進めてくれる人の割合を増やすことが可能です。 マーケティングの世界でも有名ですが、多くの人はまずスマホで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新Twitterを使い始めて2ヶ月、旧Twitterよりいいなーと感じた７つの機能まとめ : 二十歳街道まっしぐら
StackPath
【ネタ帳】HTML5に関するチュートリアルやTipsなどのまとめ + 25記事*二十歳街道まっしぐら（FC2ブログ時代）