JavaScriptでフレームワークを書くのはもうやめましょう。 JavaScriptフレームワークというものは、あたかも避けられない死と税金のようなもの、絶対にぶちあたる避けられないものといわれています。こっそり聞いてみましょう、新しいウェブプロジェクトが始まるとき、一番初めに聞かれる質問は？十中八九は「どのJSフレームワーク使っているの？」でしょうね。昨今の業界においてJSフレームワークというものは本当に根深く浸透しているのです。でも、だから必須だというものではないのです。実際、もう使うべきではないのです。 どうしてこういった結論に至ったのか、振り返ってみましょう。 AngularにBackbone、Ember・・・ ここのところ長い間、 ウェブプラットフォーム とはHTML+CSS+JS、と簡潔に技術用語の羅列でまとめられてしまっていましたが、そこにはもっとぴったり表す用語“大混乱”
外道はるかぜちゃんジェネレータというWebアプリを いまどきな手法を用いて爆速で開発した話を紹介します。 先の3連休中、外道はるかぜちゃんジェネレータというWebアプリを開発&公開しました。ここで採用した開発手法がいまどきな爆速開発でしたのでちょっと紹介&ステマします。使った技術は以下の通りです。 AngularJS: Googleが開発しているViewModelなWeb開発ライブラリ(MVW: Model View Whateverだったかな?w) Github pages: スタティックサイトのホスティングに最適 Kii Cloud: mBaaS (mobile backend as a service) で共有データの保存に利用 HTML5 Canvas: 画像生成に。サーバサイドではなにもしてない! サービス概要 外道はるかぜちゃんジェネレータはベースとなる画像があり、そこに面白い
jQueryでいろんな処理を行うにあたって、HTMLにデータを埋め込んで使いたいことがあります。 そのようなデータは画面上に表示したくないために、タグ属性にデータをセットしたいけど、適切な属性がない場合、独自属性を追加することがあります。 独自属性といっても適当に名前をつけるのは間違いです。アクセシビリティが低下してしまいます。 独自属性の書き方 アクセシビリティについては今度書こうと思います。 HTML5では独自属性の命名規則が決まっており、DOM操作方法としてもちゃんと決まっているようです。 独自データ属性 – グローバル属性 – HTML5 タグリファレンス – HTML5.JP 独自データ属性の詳しい仕様 例えば、「data-user-name」や「data-url」といった「data-」をつけた名前をつけることができます。(もう少し細かい制約がありますが) ただ命名規則だけでな
Tweetボタンのdata-urlとかdata-text属性はアリなのか？ 結論は、本エントリーのタイトルの通りHTML5の仕様の中では定義済みということでアリでした。エントリーの下の方で情報の出所を紹介してます。以下は、後半まで逐次的な調べ物メモです。 以前、公式Tweet Buttonを早速試した！で、Tweetボタンを紹介しましたが、そのときから気になっていた素朴なギモン。 HTMLの属性って、勝手に拡張していいの？ Tweetボタンの場合、data-url, data-via, data-text, data-related, data-count のようにHTMLでは未定義（と言っていいのか分かりませんが）の、属性をベタベタ貼って動作させています。 確かに、こうやってJS等で利用する情報を好きに定義して良いなら、かなりラクチンな訳ですが、これはHTML的にはやっても良いの？？とい
HTML5の独自データ属性にアクセスする話。 <p id="test" data-test="now testing">test<p> こんなタグがあったとき、JavaScriptからdata-testにアクセスするには、 document.getElementById("test").dataset.test; かなー、と思いきや、IEでは >> typeof document.getElementById("test").dataset "undefined" なのでした。IEにも対応しうるコードにするなら、 document.getElementById("test").getAttribute("data-test"); とすべき。*1 ちなみにjQueryを用いるなら、 $("#test").data("test"); ラクですね。 ちなみに、これらの方法でアクセスするときの速度
現在、A!@attripさん発で話題になっている「たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS」という記事。 Webデザイン界隈では当たり前のものですが、実はもうひとつ追加しておくといいかもしれないjsがあったりします。 Photo:html5 By michael pollak IE8以前のブラウザはどうにもこうにも開発者泣かせなわけですが、ie9.jsとcss3-mediaqueries.jsを突っ込むことで、モダンブラウザと同じ挙動にすることができちゃいます。 もう少し具体的に書くと、ie9.jsを組み込むことで、 position:fixed;に対応 max-width、max-heightに対応 属性セレクタ、擬似クラスに対応 margin:0 auto;でのセンタリングに対応 透過PNGに対応 opacityに対応 といったことが可能になります。要はCS
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
