タグ

2012年2月24日のブックマーク (9件)

  • JavaScriptをやり始めた人が理解したほうが良いJSONパーサのコード - sifue's blog

    そろそろ4月も近いということもあって、新たにWeb業界やSIer業界に入るぞという方がプログラミングの勉強をし始めているころでしょうか。最近は、エンタープライズでもWebクライアントが主流になりつつあるのでJavaScriptの習得は避けては通れない道だと思います。また、Node.js等サーバーサイドのJavaScriptも出てきたこともあって、非常に有用な言語になりつつあります。 そんなJavaScriptを学び始めている人の中でも、ある程度プログラミングをやったことがある人がJavaScriptの綺麗な書き方を学ぶのに絶対理解しておいた方が良い300行程度のソースコードがあります。 それは、JavaScript: The Good Partsに載っているJSONパーサのコードです。 JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス 作者:

    JavaScriptをやり始めた人が理解したほうが良いJSONパーサのコード - sifue's blog
    suama0
    suama0 2012/02/24
    綺麗な書き方を学ぶために絶対に理解すべきソースコード。
  • ウッカリしてた…スマートフォン用にテーマを用意している場合はアナリティクスの取得漏れに注意

    当たり前なんですけど意外と盲点で、わたしこのブログを始めてもうすぐで1年になるんですけど、スマートフォンからのアクセス数を取得漏れしていたことに今更気づきました/(^o^)\ 今回の記事はWordPressだけの問題じゃあないですね。 PC用と、スマホ用で読み込むテンプレートを変えているすべてのサイトさんに当てはまるウッカリです。 別テーマを適用しているということはheader.phpも全く別モノということ ほんと、少し考えればわかるんですけど、 ユーザーエージェントを判断してスマートフォンだった場合に別テーマを適用しているので PC用のテーマだけにアナリティクスのコードを埋め込んでいてもダメだったんです。 確認のためにchromeでユーザーエージェントをiOSに偽装して、 当ブログのWPtouch版のソースコードをのぞいてみましたが、結果はこの通り。 アナリティクスのトラッキングコードに

    ウッカリしてた…スマートフォン用にテーマを用意している場合はアナリティクスの取得漏れに注意
  • タクソノミーの使い勝手を劇的に向上させるWordPressプラグイン PS Taxonomy Expander – Simple Colors

    カテゴリーや投稿タグ、カスタムタクソノミーの使い勝手を、どどーーーーーーんと向上させてしまうプラグインPS Taxonomy Expanderを公開しちゃいます。 このプラグインは、単一機能ではなく、カテゴリーなどのタクソノミー全般に対し、実運用時のユーザビリティーを向上させる複数の機能から成り立っています。 機能一覧 1.カテゴリー・階層化タクソノミーの登録方式を変更可能に カテゴリーや階層化を有効にしたタクソノミーの選択方式を、タクソノミー毎に、複数選択(チェックボックス)または、単一選択(ラジオボタン)から選べるようにします。 サイトの構造や見栄えなどによっては、複数のカテゴリーを選択されると、表示上不整合が発生するケースもありますが、そういった場合でも、ユーザーの運用に頼るのではなく、タクソノミーの選択方式自体をラジオボタンに変更し、ヒューマンエラーを軽減させます。 2.タクソノミ

    suama0
    suama0 2012/02/24
    TwitterのWPの人おすすめ
  • 30分、JavaScriptで作るWebサービスのモックアップ - ゆーすけべー日記

    Instagramは日のユーザーも多く、日常を切り取った写真がほとんどで、 またお洒落なものも混じっているのでたまに眺めると気持ちがホッコリしたりします。 特定のキーワードでInstagramの最新の写真を検索したい時があります。 例えば、みんなが今どんな「ご飯」をべているのか、今日の「日の出」はどのような具合なのか、 がInstagramの写真を通して分かるかもしれません。 Instagramの写真検索サービスを探してみると、 Instagram自身が検索機能を提供してないので他の第三者が作ったサービスがいくつか出てきます。 使ってみたところ、もう少し自分で見た目やら機能を変えてみたいなーなんて思いました。 そこで、「Instagramの今の写真を検索できるサービス」といういわばWebサービスを作りたい欲求にかられます。 今回はこのようなちょっとした欲求から考えた「Webサービスのモ

    30分、JavaScriptで作るWebサービスのモックアップ - ゆーすけべー日記
  • Webデザイナー(私)によるWeb制作のときに気をつけてることや制作フローとかいろいろ

    私はフリーランスの Web デザイナーとして、クライアントさんの Web サイトを作成するお手伝いをさせていただいています。今回は、私が仕事でデザインするときに気をつけている事や、Web 制作のフローをまとめてみました ...。 Webサイトを作るとき、みなさんはどんな制作フローをたどって作ってますか?私はフリーランス仕事をしていて、最初から最後までひとりで作ることが多いです。今回はふだんデザインする時に気をつけてる事や、いつもしている Webサイトの作成フローをまとめてみました。もっと効率化できることがあるはずだなーと思いつつ、最初から最後までを書いてみました。 また、Webデザイナーってどんな仕事なのっていう質問をときどきいただくので … こんなことしてます … みたいな紹介です。これはあくまで私が Webサイトを作る時にしているフローで、他の Webデザイナーさんや制作会社さんと違

  • 人と違うデザインのサイトをスクラッチで作るならHTML KickStartをベースにするといいですよ! | Chrome Life

    みなさんは、サイトをスクラッチで作る時にどうされていますか? HTMLCSSをイチから作り込んでいくのは大変ですよね。 フリーでHTMLCSSのテンプレートもいろいろありますが、デザイン要素がガチガチで修正しづらかったり、あまりにもシンプルすぎて結局ゴリゴリ作らないといけなかったりします。 最近だと、Twitter Bootstrapが使いやすくて、いろんなサイトでも使われています。 特にウェブ系のスタートアップは、ほとんどがTwitter Bootstrapをベースにしているんじゃないかというぐらいよく目にします。 しかし、どれもこれも同じような見た目になっちゃってて、デザイン的にはちょっと残念な感じがします。 Twitter Bootstrapを使うと、なぜここまで似てしまうのか? それは、 パーツが完璧に揃いすぎている! のが原因です。 Twitter Bootstrapがバージ

    人と違うデザインのサイトをスクラッチで作るならHTML KickStartをベースにするといいですよ! | Chrome Life
  • tips! | Tumblelog内検索をGoogleカスタム検索に移行してみた

    Tumblrのブログ内検索を<Google カスタム検索>にしてみました。 色々テストしてみて経験から持ってたイメージよりも良かったのがちょっと驚き。 で、これの設置に存外手間取ってしまったので自分用兼ねて備忘録。 実際にTumblrにGoogle カスタム検索を設置した手順と、検索欄のカスタマイズについてです。 【目次】Google カスタム検索の作成検索結果ページのデザイン設定TumblrにGoogle カスタム検索を設置&検索欄のカスタマイズ 1.Google カスタム検索の作成1.) Googleアカウントを持っていればすぐに利用が可能です。 <Google カスタム検索>へアクセス、「カスタム検索エンジンの作成」から新規作成に入ります。 2.) ページ移動したら「1.検索エンジンの設定」の各項目を埋めていきます。 名前:適当になんでもどうぞ説明:空白でも可言語:日語を選択検索す

    tips! | Tumblelog内検索をGoogleカスタム検索に移行してみた
  • wordpressの注目SEOプラグイン「WordPress SEO by Yoast」の使い方

    WordPress SEO by Yoastとは? WordPress SEO by Yoastは、wordpressSEOの情報を発信している海外のサイト「Yoast」発の、総合SEOプラグインです。定番であるAll In One SEO Packと比べると、より高機能で上級者向けな印象です。 Yoast WordPress SEO by Yoast 多くの機能があり、また、設定する項目もたくさんあるのですが、詳しい日語の情報があまりなかったので、今回、使い方を自分で調べてみました。 インストール プラグインの管理画面から検索、自動インストールして有効化します。ちなみに、執筆時点でのwordpressは3.3.1、プラグインバージョンは1.1.5です。 Dashboard まずは、全体に関する設定を行います。 Use meta keywords tag? メタキーワードタグを使いたい

    wordpressの注目SEOプラグイン「WordPress SEO by Yoast」の使い方
  • HTML5の中でも使える、使わない方が良い機能を学ぶ·HTML5 Please MOONGIFT

    HTML5 PleaseはHTML5の利用推奨度を機能ごとに検索できるソフトウェアです。 HTML5が登場してしばし経ちましたが、それでも積極的に使っていくのを躊躇している人も多いのではないでしょうか。そこでHTML5の中でもどの機能を使っていくべきか、または避けるべきかを教えてくれるのがHTML5 Pleaseです。 トップページです。HTML5対応Webブラウザで見てみましょう。 インクリメンタルなフィルタリングもできます。 使えるか使えないかは色分けして表示されます。 やはり全ての機能が使えるという訳ではありません。 各機能からWebブラウザのバージョンごとのサポート具合が一覧できます。 APIに関連したものだけを抽出して対応状況が見られます。同様にCSSHTMLJavaScriptといった具合に指定できます。 IEのバージョンごとの指定もできます。 HTML5 Pleaseでは

    suama0
    suama0 2012/02/24