タグ

ブックマーク / log.deconcepter.jp (11)

  • 古いIEの対応を外したjQuery2.0リリース!IE6/7/8対応の1.x系も継続開発 | DECONCEPTER

    jQuery 2.0 Released | Official jQuery Blog 多くのWEB製作者必携のJavaScriptライブラリが初のメジャーバージョンアップを発表。IE6/7/8のサポートを除外し、処理の向上と軽量化を図ると共にアプリケーションやプラグイン開発などのウェブサイト以外の利用シーンが意識されていく模様。 jQuery1.10も数ヶ月以内にリリースされる模様です。IE6/7/8に対応する場合はモダンブラウザでコンディショナルコメントでjQueryの読み込みを切り分けるなどの対応が必要になってくる。 主な変更点 IE6/8/8のサポートを中止 IE9/10で互換モードにならないようX-UA-Compatibleを使うことを推奨。 JavaScriptファイルの縮小 IE6/7/8のパッチを取り除いたことでjQuery1.9.1と比較して12%縮小されているとのこと。

  • 誰のためのHTML5?ウェブとテレビと出版と | DECONCEPTER

    HTML5はどんな実益をもたらしたのか?正直まだ何ももたらしていないと思う。もたらしたのは「未来への淡い期待とカオスだ」と現状では言わざるをえない。去年から徐々に盛り上がり始めたHTML5は今年に入り一気に熱を帯びて加速した。 言葉の盛り上がりとは裏腹に語られていたメリットを思ったより享受できていないどころか機種やブラウザ依存の差異に苦しんで、コストがかさんでいるのが現状だろう。そんな中仕様策定完了のお知らせが舞い込んできた。W3CがHTML5仕様策定完了を発表、相互運用性テストおよびパフォーマンス向上へ HTML5が話題に上がり始めて3年が過ぎ、現場とは裏腹により一層過熱を見せるであろう来年からの展開をそろそろ想定しておきたい。HTML5の捉え方も仕様も立場やビジネスによって多岐にわたっている。整理しきれない上、難しい話題だが、ぱっと見渡した全体観をざっくりと見ていきたいと思う。この記事

  • IT系奥様必見!プログラマのダンナにしてはいけない7つの掟 | DECONCEPTER

    1. パソコンに向かっているときに話しかけてはいけない プログラマの夫を持ったからには簡単にオフラインで話せると考えてはいけない。もし話しかけたかったらメールもしくはFacebookでメッセージを送ろう。 たった一言「ちょっとだけこっち向いてほしいな」と送るだけで円滑コミュニケーションを伴った円満夫婦生活の始まりだ。 2. SNSを見てるからと言って休憩していると思ってはいけない もしあなたのダンナがWEBに携わるプログラマなら、SNSを見るのは仕事のうちと考えていると思って間違いありません。 実際にFacebookページの制作やTwitterを絡めたサイトの制作を仕事で請け負っている可能性もあります。 必ず1のルールを忘れてはいけません。 3. ダンナが事中にiPhoneを見てるからといって不満を言ってはいけない あなたの夫は情報に追われています。人は追っているつもりかも知れませんが

  • IE10とHTML5とCSS3とレスポンシブデザインと | DECONCEPTER

    ウェブサイトのWindows 8 向け対応 iPad Miniややたら薄いiMacが発表されて賑わっている中恐縮だが、今日はIE10にWEBサイトを対応させるために最低限押さえておきたいポイントを見ていきたいと思う。 スナップモードとデスクトップモードがあるWindows 8のIE10にウェブサイトを最適化させるにはいくつかポイントがあるようだ。 IE10独自のviewport 実はまだviewportはW3Cにより策定段階にある。IE10ではメトロ?スタイル用のネイティブアプリを作成するためのアプローチとして独自のviewport指定をできるようになっている。Windows 8のデバイス向けにレスポンシブデザインを施すには、下記のように指定する。 @-ms-viewport{width: device-width;} コンテンツの幅をデバイスにフィットさせたくない場合は下記のように指定す

  • HTML上で直接CSSを編集!次世代エディタEdge Code | DECONCEPTER

    HTMLコーディングの次世代標準機能を備えるエディタ 先日紹介したAdobe Edge Tools & Servicesのエディタ担当Adobe Edge Codeを紹介します。対応OSはWindowsMac OS Xで現在プレビュー版で無償で使うことができる。 先行して公開されているオープンソースプロジェクトBracketsをコアに採用しており、革新的な機能が備わっている。次世代エディタの標準となりそうな機能の解説を盛りだくさんでみていこう。 尚、ショートカットはMacベースで説明します。Winの方は適宜CmdをCtrlに読み替えてください。 HTMLファイル上から各タグのCSSを直接オープン これは感動的過ぎる。HTMLファイル内のスタイルを編集したいタグにカーソルを合わせ、Cmd + Eを叩くと、なんと直下にCSSの定義が呼び出されて表示される。奇跡だ。 なぜこの機能を今まで他のエ

  • IE8切り捨て準備はいいか?jQuery2.0 2013年リリース予定 | DECONCEPTER

    さようなら、InternetExplorer8 2012年も後3ヶ月を切りました。今年6月に出たアナウンスの予定で行くと来年jQueryは初のメジャーバージョンアップを迎えます。 jQuery2.0の主な機能等はまだ特にアナウンスされていませんが、注目はなんといってもIE8以下をサポート対象から外すという点です。 HTML5の時代が格的に到来 これまでjQueryがWEB開発の世界にもたらしたメリットは計り知れません。WEBサイトを作っている方でお世話になったことの無い方はほとんどいないでしょう。 jQueryがIE8以下のサポートを切るということは、jQuery2.0のリリースと共にHTML5が標準として使われるようになるまで秒読み段階に入ると考えてもいいかもしれません。 2013年、IE8以下にどのように対応するかが問われる IE対応なんてやってられない 近年モバイルデバイスの普及に

  • たった1行で完成?凄まじくレスポンシブデザインなサイトの作り方 | DECONCEPTER

    簡単に作れる!みんな大好き可変グリッド 先日話題になっていた「なんだこれ!!「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ!!」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプルを交えて紹介します。 まずはこちらのデモを御覧ください。 凄まじくレスポンシブデザインなサイトデモ 使われているのはjQuery Masonryというプラグインだ! @planetofgoriさんのブログで紹介されているように、jQuery Masonryというプラグインが使われています。このプラグインたった数行でNHKのサイトのような可変グリッドレイアウトが作れてしまいます。可変グリッドのレイア

  • 知らない人は遅れてる?新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

  • TypeScriptでjQueryを使ってJavaScript MVCメモ帳を作る | DECONCEPTER

    jQueryを使ってメモ帳アプリを作る jQueryの定義ファイルは公式サンプルのいくつかに同梱されている。jQueryUIの定義ファイルと合わせて下記にもコミットした。今回はなんちゃってMVCでメモ帳を作る。機能は保存ボタンを押したらlocalStorageにデータを保存して一旦とじてもメモ帳として使える簡易Webアプリとする。 TypeScriptをjQueryで使う方法 TypeScriptでjQueryを記述したファイルをコンパイルしようとしても The name 'jQuery' does not exist in the current scope となってjQueryなんてありませんと怒られてしまう。jQueryを使ったコードをコンパイルしたい場合はjQueryの定義ファイルを読み込む必要がある。 jQueryの定義ファイル jQueryの使い方 定義ファイルを作業フォルダに

  • なぜ次々とJavaScriptコンパイラが生まれるのか。 — DECONCEPTER

    最もJavaScriptに近いJavaScriptコンパイラ 先日MicrosoftからTypeScriptというJavaScriptコンパイラが公開されました。ファーストインプレッションとしては今までのJavaScriptコンパイラと比べると若干敷居が低く感じます。まず驚いたのはドキュメントがWordファイルだったこと。早速ダウンロードしてみたら一部文字化けしていました。さすが。PDFも用意されていたのでかろうじてドキュメントを読めました。Webページで用意して欲しい。 JavaScriptの記法そのままに型付けができる TypeScriptでまず好印象なのがJavaScriptのコードをそのまま書いてもコンパイルされるところ。又、「Type」ScriptというだけあってさらにJavaScriptの記法に型を付けられる。例えばstringと指定すればstringのプロパティをシンタックス

  • OREPONでクーポン出して売れて感じたこと — DECONCEPTER

    仲間内のサービスを認知させるためのサービス? 金曜にリニューアルされたOREPONですが、現在火曜日の時点で自分のクーポンにたどり着く導線が用意されていません。発行した「javascriptを実はあんまりわかってない人の為の初心者講座」のクーポンIDは92ですが、クーポンID93の「オオカワタツヤを1日8時間(休憩別)拘束しませんか?」が先にトップページに掲載され、依然自分のクーポンが陽の目を見ることは無さそうです。 よくみると先にトップに出たクーポンは顔面広告というlivertyのサービスのようですね。livertyのサービスクーポンが優先的に出ている印象です。 自分で売りやがれ! 自分で売りやがれ!そう理解しました。 よくよく考えればgumroadもサイトでプロダクトを紹介するページはありません。 自分を売るわけだから、自分でツイートしたりブログ書いたりして自分で売るのが当たり前だ

  • 1