原文：“There is no simple solution for local storage” (on March 5, 2012 by Chris Heilmann) 要約：私たちは良いデータストアとして localStorage を推奨するのをやめなければならない。パフォーマンスがひどく損なわれるからだ。しかし残念なことに、代わりとなるものはまだ完全にサポートされておらず、また簡単に実装できるものでもない。 Web 開発において、うますぎる話に出くわすことは常々だ。そういったもののいくつかは良いもので、だからこそそれが「すべて」として目立ってしまい、開発者を使うように仕向けてしまう。しかし、多くの場合、良いと思われていたものはそこまで良いものではない。また、しばらく使ってみてはじめて「間違っていた」と気づかされるものなのだ。 そんなもののひとつに、localStorage がある
I’ve been using JQuery for a while now and really agree with its tag line that it’s the “The Write Less, Do More, JavaScript Library”. We’ve also got this code for dragging and dropping table rows that has proved very popular, so it seemed natural to combine the two and wrap up the table drag and drop as a JQuery plugin. Update: You can now read the latest docs at https://github.com/isocra/TableDn
↓画像のようにエクセルデータをコピペするだけでOKです。 バイナリデータのタブ区切りで認識しているみたいです。 生成されたタグ 厳密に言うと、HTMLタグとCSSが生成されます。 CSSは <head> </head> 間か、外部ファイルに移しても良いかもしれませんね。 <style type="text/css"> table.tableizer-table {border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .tableizer-table td {padding: 4px; margin: 3px; border: 1px solid #ccc;} .tableizer-firstrow td {background-color: #FDA500; color: #
WebアプリケーションフレームワークWicketが正式リリースされたのは2005年の6月。まもなく1年を迎ようとしている。Wicketは、Webアプリケーションの開発を容易にするため、それまでのフレームワークとは一風変わったアプローチを取っていることで注目された。Wicketの現在の最新版はバージョン1.1.1であり、6月には様々な改良が加えられたWicket 1.2がリリースされる予定になっている。本稿では、そのWicketを使用して簡単なWebアプリケーションを作成する方法を紹介する。 Webアプリケーションフレームワーク いわゆるWebブラウザから操作するWebアプリケーションを開発する場合、いちからすべて作成するということはまずない。まず基本となるWebアプリケーションを決め、実現したい機能から必要になるライブラリをそろえ、それらを組み合わせてシステムの開発をおこなう。 Javaを
前回の記事でHTMLの冒頭で宣言するDOCTYPEの違いについて触れたのと、 携帯の機種によってDOCTYPEを自動出力するようなプログラム（関数） を作ろうかなって思ったので、ここで今一度覚え書き程度にまとめてみます。 3回にわたって各キャリア別に書いていきます。 まずはドコモから。 ○iモードHTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN"> 通称：Compact HTML（CHTML）。W3Cで正式な勧告がなされている。 以前、携帯メーカー各社がこの「Compact HTML」をW3Cに逆提案したいきさつがある。 現在バージョンは7.0まであり、バージョンアップを重ねるごとに ドコモの新機能に対応した形でリリースされる。基本的にはHTMLと同様。 このDOCTYPEは省略可能か公式サイトには明言され
HTML 5は、HTML、XHTMLと、それらをスクリプトなどで扱うための仕組みの定義を総合的に扱う、新しいHTML仕様だ。 HTML 5を正しく理解する大きなポイントとして、現在はウェブ標準の仕様を多く定めているW3C（ワールドワイドウェブコンソーシアム）で策定作業が進められているが、以前はWHATWGという団体によって「ウェブアプリケーション1.0（Web Applications 1.0）」という名前の仕様として開発が進められていた点がある。内容にふれる前に、まずはその根本の思想にもかかわるWHATWGという団体について軽くふれておきたい。 WHATWGの正式名称は「ウェブハイパーテキストアプリケーション技術ワーキンググループ（Web Hypertext Application Technology Working Group）」。ウェブブラウザの開発元であるApple、Mozill
W3C Recommendation 24 December 1999 superseded 27 March 2018 This version: https://www.w3.org/TR/2018/SPSD-html401-20180327/ Latest version of HTML 4.01: http://www.w3.org/TR/html401 Latest version of HTML 4: http://www.w3.org/TR/html4 Latest version of HTML: https://www.w3.org/TR/html/ Previous version of HTML 4.01: http://www.w3.org/TR/1999/REC-html401-19991224 Previous HTML 4 Recommendation: ht
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
Re:href="#" onclick の悪習[to-R]より たとえば <a href="#" みたいなのがあるとしたらそれは全部 <a id="test" href="xxx.html">テキスト</a> とidを割り当ててやってhrefにはJavaScriptOFFのユーザに対する適切なページへと遷移するようにさせる。 で、JavaScriptで YAHOO.example.clickText = function(e){ YAHOO.util.Event.stopEvent(e); alert('ここで何か処理'); }; YAHOO.util.Event.addListener("test", "click", YAHOO.example.clickText ); ってやってやればいいと思った。 href="javascript
ベルタ育毛剤はどんなもの？ ベルタ育毛剤は、女性専用の育毛剤となっています。 年齢を重ねるにつれて、髪の毛が薄くなっているという事を感じている方もいるでしょう。 女性専用の育毛剤でなければ女性は効果が出ないといわれておりますので、ベルタ育毛剤で薄毛対策を行ってみてはいかがでしょうか。 育毛・頭皮ケア成分99.9％、天然由来成分99.6％となっており、医薬部外品の育毛剤となっているのです。 女性育毛剤売上第1位、女性育毛剤満足度第1位、女性育毛剤人気度第1位を獲得しており、2016年、2017年にはモンドセレクション金賞を2年連続受賞しておりますので、ベルタ育毛剤の品質は世界に認められているのです。 女性の抜け毛の原因は、過度なダイエットや出産、ストレス、睡眠不足、加齢などが主な原因となっているのです。 女性だからこその悩みを感じてしまう方も多いでしょうが、だからこそ男性の髪質とは違って全体
いろいろハマリがちなJavaScriptでインラインフレームを扱う場合のメモ。 特に断らない限りブラウザのバージョンは以下が前提。 iframeのwindow,documentの取得方法はIEとMozilla系(NN,FireFox)で異なる。 IEはframes配列のwindow,documentプロパティから取得できる。Mozilla系はiframeエレメントのcontentWindow,contentDocumentプロパティから取得できる。 IEでもMozilla系と同じくiframeエレメントのプロパティから取得することもできるが、contentDocumentについてはIEには存在しないので、documentはcontentWindow.documentとしてcontentWindow経由で取得しなければならない。 (1) frames配列から取得する場合 frames['xx
table 関連の要素とか属性っていろいろあるにもかかわらず、結構使われていないなと思ったり。 上手にマークアップしておけば、アクセシビリティ的にも優れた表組み... table 関連の要素とか属性っていろいろあるにもかかわらず、結構使われていないなと思ったり。 上手にマークアップしておけば、アクセシビリティ的にも優れた表組みが再現できるだけでなく、CSS で見た目をいじるときにも、無駄に class 属性なんかをつける必要もなかったりと、いろいろ良い事あるのになということで、今回はその中から colgroup 要素と col 要素について書いてみることにします。 例えば上記サンプルのような表を作りたいと思ったとき、列方向 （縦方向） のセルに背景色を指定するためだけに class 属性を付けていったりするのは面倒だしスマートじゃない。サンプルのように列方向の各データが構造的にグループ化で
HTML 4.01 SpecificationとCascading Style Sheets, level 2のHTML Helpを作ってみた。探せば幾つか見つけられるのだけど、キーワードがないというありがちなアレだったので。 HTMLヘルプとか二年ぶりくらいに作ろうとしたので、作り方をほとんど忘れてた。最終的にはIndexからキーワードを捏造するPerlスクリプトを作ってやったのだけど、そこまでいくのに1時間くらい格闘した気がする。HTML Help WorkshopのGUIでやるのは無理。 で、公開しようかなとか。W3C Document Licenseを読んだところ、変更を加えたり派生物的なものにするわけでなければOKっぽいので。 HTML 4.01 Specification Cascading Style Sheets, level 2 上記アーカイブはWinRAR 3.51でZ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く