HTML文書内にJavaScriptで使う「見えないデータ」を入れる - 檜山正幸のキマイラ飼育記 (はてなBlog)
Kuwataさんとリポジトリ共有のためにBitbucket（http://bitbucket.org）を使っているんですが、そのヘルプのHTMLソースを見たら、表示と関係ない要素がいろいろ入ってました。 JavaScriptを使うことを前提に、JavaScriptプログラムから使うデータをHTML文書内に埋め込んでいるんですね。もちろん、これらのデータは見えてはいけないので、隠すように細工されています。 meta要素を使う head要素内のmeta要素は何も細工しなくても隠れています。ここにプログラム用データを入れられます。「メタ情報である」というセマンティクスに沿ったデータなら、metaに入れるのも理にかなっているでしょう。 <meta name="ajs-build-number" content="2032" /> <meta id="atlassian-token" name="a
#jstudy2 で node.js について発表してきました。 - Block Rockin’ Codes
昨日の #jstudy で、主催の @hokaccha さんから LT のお誘いを頂いたので、Node.js の話をさせて頂きました。 jstudy #2 : ATND 今回は、「Node.js ってなんなのか？」という部分を中心にしました。 アーキテクチャの話を割とざっくりしてから、 Node.js の雰囲気を知ってもらえればという感じにしました。 Node.js はサーバサイドも JavaScript で書けるけど、それだけでは無いんだよ、といった感じが何となく伝わればと思います。 実際前半あたりのアーキテクチャの話は、自分も色々勉強中です。 このスライド作るにあたっても、色々調べながらやったので、自分が間違って解釈したりしている部分が有るかもしれません。 (資料最後の参考資料あたりと、その他色んな資料) もし何かおかしなところが有ったら、教えて頂けると幸いです。 Nodejs Int
10+1 Things you should know about JavaScript testing
10+1 Things you should know about JavaScript testing - Nov 20, 2010 at John Resig feat. Shibuya.js, in Firefox Developers Conference 2010
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
ユーザーが簡単にHTMLを入力できるWYSIWYGエディタ ベスト3 - リート開発者ブログ
こんにちは。リートの satoshi です。 前回の投稿より、少し時間が空いてしまいましたが、今回はWYSIWYGエディタについてご紹介したいと思います。 WYSIWYGエディタって WYSIWYGエディタというのは、ブログ記事を書くときにフォントサイズを大きくしたり、見出しや色を変更したり…といったことをボタン一つで簡単に操作ができるとても便利な機能です。 今回はその中でも使えるエディタベスト3をご紹介します！ WYSIWYGエディタベスト3 私が選んだのは TinyMCE, CKEditor, NicEdit の3つです。3つともデザインはもちろんのこと、使い勝手がとても良かったです。 それでは3つのエディタについて詳しく紹介していきます。 TinyMCE TinyMCE は社内や個人的な利用用途では制限無く使えるエディターです。商用利用の場合は、$345 から利用出来ます。こちらは、
SEOにも強いクローラブルなAJAXコンテンツを作成するために :: 5509
AJAXコンテンツが増えるにつれて問題になるのは、SEOというか、検索エンジンにどうクローリング、インデックスさせるのか、という点ですよね。 この前JavaScriptの実装を担当した松本クリニックは、AJAXでほぼ全てのページを切り替えるっていうのが最大のポイントなんですけど、これの良いところはWordPressで全てのページを生成してて、JSオンでもオフでも見られるんですね。つまり、クローラはオフのコンテンツを見るような作りにしてあります。 で、こういうのって小規模～中規模なサイトならまだいいと思いますけど、大規模なサイトになってきたりするとページは存在しないでデータだけが存在したりする（ハンドラにリクエストをかけてJSONだけを返してもらって内容を入れ替える、など・・・）わけで、実現が難しくなるんですね。 この問題に対してGoogleが現在公表している方法は、HTML snapsho
最近の JavaScript 関連書籍まとめ - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20101117.html
JavaScript 1.5 to 2.0 (TomTom)
This document provides an overview of the evolution of JavaScript from version 1.5 to the planned version 2.0. It discusses new features that were introduced in each version, such as getters and setters in 1.5, array extras in 1.6, generators and iterators in 1.7, block scoping with let in 1.9, and classes and interfaces planned for 2.0. The goal for JavaScript 2.0 is for it to be backwards compat
Page Redirection
If you are not redirected automatically, follow this link.
JavaScriptでEPUBビューアーを自作してみた (1/7)
iPadのiBooksやSONY Reader、Nookなど、多くの電子書籍リーダーがサポートしているEPUB形式はXHTML+CSSがベースになっているので、誰でも自由にビューアーを作成できます。今回のJavaScriptラボは、Webブラウザー上でEPUBデータを表示するオリジナルのビューアーアプリを作ってみましょう。 ビューアーといっても、EPUB形式をきちんと解析して処理するには手間がかかりますので、今回はEPUBに含まれるXHTMLを表示するだけのシンプルなアプリです。それでも、著作権保護機能がかかっている場合を除けばほとんどのEPUBデータを表示できます。 今回のサンプルはHTML5 File APIを使っているので、Firefox 3.6以降でのみ動作します（一部をのぞく）。また、FirefoxのデバッガーであるFirebugを利用しますので、事前にインストールしておいてくだ
Animated Portfolio Gallery with jQuery
Shape Company Website Design Summer of Love Smashing Multimedia Design Studio Project Graphpedia Blog Innovative Solutions My Portfolio Project 1st Webdesigner Workspace Tools Conference Herbal Treats Webdesign Fresh Web Development Projection Website Design Dellistore Interactions Project Get Your Hands Dirty Custom Template Design Chocolate PSDVibe Project The Web Lover Portfolio Custom Template
ディスプレイのサイズに合わせて画面いっぱいに背景画像を表示するCSSやjQueryプラグインいろいろ
ディスプレイサイズ（ブラウザサイズ）いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけた jQuery のプラグインを使って、いろいろ試してみたりしたのでレビューをまとめてみました。 背景に画像を使った Webサイトってたくさんありますよね。大きくてキレイな画像は、見た目にもインパクトがあってとても印象的です。でも Webサイトを閲覧している人の環境は様々で、ディスプレイのサイズが違ったりするもの。ディスプレイ（ブラウザ）のサイズにあわせて、画像を拡大表示する方法はいくつかありますが、その中からいくつかをサンプル付きでご紹介します！ 画面いっぱいに背景画像 目次 CSSのみで画面いっぱいに背景画像 jQuery プラグイン fullscreenr を使ってみた Full Size Background Image jQuery Plugin を使ってみた jQuery max
業務系Java屋がMixiアプリをリリースするまで - しんさんの出張所 はてなブログ編
なんかどっかで見たことあるようなタイトルだが(ﾟεﾟ)ｷﾆｼﾅｲ!! Mixiアプリ パズルゲームColorBlock 長文です。覚悟してください。 前提 まず自分は完全にJava屋であるということ。それも業務系のみ。Java以外の言語でおそらく比較的まともに触れるのはC言語くらいか。他の言語はリハビリが大量に必要だったりすると思う。C言語系のシンタックスがすきということもある。 したがってサーバーサイドの技術、JavaEEとかSQL/RDBあたりとか、AWT/Swing等GUIを利用したJavaアプレットやJavaアプリケーションとか、HTTP/HTMLとかはまぁ仕事で触れており、さほど問題ない。 Mixiアプリとは OpenSocialというプラットフォームを利用したWebブラウザ上で動くJavaScriptによるクライアントサイドのアプリ。JavaとJavaScriptは名前は似てい
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
言語対決：JavaScript 対 Objective-C
ここのところ、サーバー側（Google App Engine）のコードはPythonで書き、クライアント側のコードはiPhone/iPad 向けはObjective-Cで、ブラウザー向けはJavaScriptで書く、という毎日が続いている私である。 それぞれの言語は難しくないのだが、さすがにこの３つを頻繁に行き来していると、pythonのコードに間違ってセミコロンを付けてしまったり、PythonとJavaScriptのどっちがTrueでどっちがtrueだか混乱したりする。 ちょうど昨日は、以前JavaScriptで書いたコード（写真をアップロードするコード）をObjective-Cに移植する機会があったのだが、とても分かりやすい結果が出たので、ここで比較してみる。 まずは元の JavaScript のコード。 SNBinder.get("/blob/create_upload", {},
いまさらjQueryのLightboxぽいプラグインいろいろ :: 5509
最近あまり見なくなってきたし、個人的にも使う機会も減ったLightbox系のプラグインを久しぶりに探したついでにメモ。またいつか使うときのために・・・ライセンス形態と対応メディアも付けたのでそれなりに見やすいかもかもかも。 （デモもつけようと思ったけどめんどくさいからやめた・・・ jQuery LightBox plugin いつものLightbox。お世話になった人も多そう。 ページ
郵便番号から住所を検索するJavaScriptの再々発明 - Webtech Walker
先日勉強会で@kotarok先生が見せてくれたjQuery.zip2addrを元に車輪の再々発明（kotarokさんのが再発明と言っていたので）してみました。 jQuery.zip2addrはGoogle日本語入力APIを利用して郵便番号から住所を検索するという画期的アイデアのスクリプトなんですが、これのjQueryとかHTMLに依存してない版です。 DEMO hokaccha’s js-zip2address at master - GitHub zip2address('150-0001', function(address) { address.all; //=> 東京都渋谷区神宮前 address.pref; //=> 東京都 address.city; //=> 渋谷区神宮前 }); ハイフンはあってもなくてもいいです。郵便番号が間違ってたりするとaddressにはundefin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhone フルスクリーンモードとJavaScriptについて
mala on Twitter: "まっとうな開発者なら最初から、decode_entities → 自動リンク処理etc → text部分をHTMLエスケープして出力 としているはずだが、twitterのJSONを信用して「HTMLエスケープ済みの文字列が返る」と仮定して未加工でそのまま出力しているサイトが危険。"
はてなブログ | 無料ブログを作成しよう
