タグ

ブックマーク / dev.classmethod.jp (6)

  • [HTML5] Web Storage よく使う検索条件を保存する | DevelopersIO

    こんにちは。たごまさゆきです。 HTML5特集として記事を書くことになりました。HTML5の仕様にもいろいろありますが、この記事ではWeb Storageについて書いてみたいと思います。 Web Storage Web Storageは、ブラウザにデータを保存するための仕組みです。データはkey-valueペアで扱われ、JavaScriptで保存したり取り出したりできます。 よくCookieと比較されますが、それより保存できるデータ量がかなり大きく、毎回のリクエストでサーバーに自動送信されないなどの違いがあります。 Web Storageにはデータの保存期間が違う2種類のストレージがあり、用途に応じて使い分けができます。 Session Storageは、ブラウザのウインドウ(またはタブ)が閉じられると削除されます。 Local Storageは、保存したデータは削除しない限り残り続けます

    [HTML5] Web Storage よく使う検索条件を保存する | DevelopersIO
  • Sublime Text 2 のショートカット 12 選(Win、Mac両方) | クラスメソッド開発ブログ

    1ヶ月使って便利だと思った Sublime Text 2 のショートカット 12 選(Win、Mac両方) 今、巷で話題になっているエディタ Sublime Text 2 ですが、 最近社内のプロジェクトでも使用する機会が多くなってきました。 Sublime Text 2 http://www.sublimetext.com/ インターフェースがシンプルで高速、 機能を強化するパッケージも豊富で、Gitとの同期も快適です。 このブログでは、1ヶ月プロジェクトで使ってみて、 とても便利だと思ったショートカットを12個紹介します。 自分自身会社ではWindows、自宅ではMacなので、 Windows版とMac版の両方をメモ代わりとして記載することにします。 1. マルチセレクト このショートカットは複数の文字列をインタラクティブに選択し、一度にまとめて編集することができます。 OS X:⌘

  • ブログ記事をわかりやすくする!画像加工ツールの紹介と使いかたのコツ | DevelopersIO

    画像を制するものは、ブログを制す 主に技術的な記事において、記事の内容がわかりやすいか、わかりづらいか大きく左右するのが画像です。 わかりやすい言葉遣いも大切ですが、画像や図表は何文字分もの情報量を一発で伝えることができる表現手法です。わかりやすさの面では、文章でいくら長々と事細かに説明しても、一枚の絵に負けてしまうこともあります。それほど画像や図表の威力は大きいのです。ぜひ効果的に使っていきたいですよね。 しかしながら、画像はただぺたぺた貼り付けておけば良いというわけではありません。内容を補足するために文字を足したり矢印を付けたりすることで、よりわかりやすいものにすることができます。とはいうものの、画像の加工って結構面倒です。 そこでわかりやすい画像を素早く作ることができる画像加工ツール・サービスをいくつかピックアップしました。使いかたのコツも一緒に紹介したいと思います! Skitch

    ブログ記事をわかりやすくする!画像加工ツールの紹介と使いかたのコツ | DevelopersIO
  • Sublime Text 2の基本とカスタマイズ【Vim風】

    2012年12月4日:Vim化について指摘と参考になる情報をいただいたので追記しました。 こんにちは、僕はVimユーザーです(ちなみにVimを完璧に使いこなしているわけではありません)。 今更ながら「Sublime Text 2」というナウでヤングなエディタも使いこなせるようになりたいと思い、Sublime Textの基設定からプラグインやスニペットの作り方まで調べた内容をこの記事にまとめることにしました。 細かい情報までまとめることはできなかったので、より詳しい内容を紹介してくださっているブログやサイトへのリンクを設けています。 この情報以外にもSublime Text 2をVimに近づけるプラグインやカスタマイズ方法があればコメントいただけるとうれしいです。 また、間違いがあればコメントいただければすぐに直します。よろしくお願いします! Sublime Text 2は有料($59)の

  • 【クリスマスだし】Internet Explorerとうまく付き合う方法【IE対応まとめ】【25日目の6】 | DevelopersIO

    IE6はタヒぬDeath! こんばんは、クラスメソッドWebマスターの野中です。 今日はクリスマスですね、社内には独り身の負のオーラが満ちてます(既婚者が多いので残っている人は少ない)。 ところで、最近はCSS3もすこしずつ使えるようになってきていて、IE6からIE8の対応を蔑ろにしてしまっている自分がいます。 Web制作に携わってから6年、常に付きまとう古いIEは腐れ縁というか、ある意味青春ですね。 とっても今さら感たっぷりなお題目ですが、ここでIE対応のポイントを自分のために総浚いして青春に決着をつけたいと思います。 過去の経験と情報収集をもとにまとめているので実際にテストしたものではありません。 解決のきっかけ程度になれば良いと思いまとめています。 IEの現状 一般的なブラウザと先進的なブラウザに対する手法と考え方 ドキュメントタイプ:文書型定義 IE向け条件付きコメントで分岐処理

    【クリスマスだし】Internet Explorerとうまく付き合う方法【IE対応まとめ】【25日目の6】 | DevelopersIO
  • 【Web開発者必見!】Windows8タブレット向けWebサイトを構築する際に知っておくべき9つのポイント | DevelopersIO

    【Web開発者必見!】Windows8タブレット向けWebサイトを構築する際に知っておくべき9つのポイント Windows8が出てしばらく経ちました。今後はWindows8のタブレットやハイブリッド型のノートPCが普及して、モダンUIのブラウザも開発対象になっていくと思います。弊社ではWindows8タブレット、モダンUIのInternet Explorer10を対象にしたWeb案件も始まっています。既存のサイトをモダンUIブラウザに対応することも増えるでしょう。そこでデスクトップのブラウザで開発する場合とどのような違いがあるのかをまとめてみました。あと誤解のないようにいっておくとタブレットでも一応、デスクトップのブラウザは使えます。ただタッチパネル用ではないのであまり使いやすくありません。ですのでタッチパネル向け=モダンUIブラウザ向け という前提で話を進めます。 1. モダンUIブラウ

  • 1