ソニーグループ、FlashやめてAjaxでリニューアル
画像がダイナミックに切り替わり、マウスオーバーに合わせてナビゲーションバーが変化する――そんな“動きのあるサイト”を作るのに、あなたなら今、何を使うだろうか？ 4～5年前ならほぼ間違いなく「Flashで決まり！」だったかもしれないが、2005年以降、Ajax/JavaScriptを使うサイトが増えている。最近では手軽に実装できるライブラリの充実とともに、ますますその傾向にあるようだ。 9月9日にリニューアルされたソニーグループのコーポレートサイト（www.sony.co.jp）もその一つ。旧サイトに比べてトップページのレイアウト領域が広くなり、文字も大きく、スッキリとしたナビゲーションバー……と、注目したいところはいろいろあるが、最初に目を奪われるのは中央にある大きなメインビジュアル部分のはずだ。実はここにJavaScriptが使われている。
inputlog - JavaScriptでの１文字変数名の慣習
プログラム言語には仕様にはないけど、多くのプログラマーが同じように書いている慣習があります。その中で１文字の変数名とその意味を集めてみました。（間違っていたり、これが抜けてるよ！などありましたらコメントでご指摘いただけるとうれしいです） a: 一時的な配列(Array) e: イベント [thx:javascripterさん] i: ループの中のカウンター（indexの頭文字） j: ループを2重、3重にする場合、アルファベットを順番でj,k..とiの代わりに順番に利用 k: ループを2重、3重にする場合、アルファベットを順番でj,k..とiの代わりに順番に利用 n: 一時的な数字(Number) o: 一時的なオブジェクト(Object) s: 一時的な文字列（String) x: x座標 y: y座標 $: document.getElementById()に相当する機能を持つfunc
John Resig - HTML5 Shiv
Assuming that it’ll be a while before most browsers attempt to implement most of HTML 5 (a perfectly reasonable assumption) we need to start thinking of ways to tackle the creation and rendering of HTML 5 components in the meantime. Obviously, using the tools of JavaScript and CSS we can accomplish a lot. However, there is one notch in our weapon: Internet Explorer doesn’t know how to render CSS o
ke-tai.org > Blog Archive > iPhone用JavaScriptデータベースプログラミング入門(JavaScript++かも日記)
iPhone用JavaScriptデータベースプログラミング入門(JavaScript++かも日記) Tweet 2008/7/29 火曜日 matsui Posted in iPhone | No Comments » 昨日に続きiPhone＋JavaScriptネタです。 ネットを巡回していて、興味深い記事を見つけましたのでご紹介させていただきます。 なんと、iPhone用のSafariにはSQLiteが組み込まれており、JavaScriptからそれを利用できるようです。 JavaScript++かも日記さんのところで、「iPhone用 JavaScriptデータベースプログラミング入門」というエントリーが連載されており、詳しく解説されています。 → JavaScript++かも日記 iPhone用 JavaScriptデータベースプログラミング入門(目次) [jsgt.org] Ja
IE6 透過PNG表示、IE PNG Fix 2登場 | エンタープライズ | マイコミジャーナル
17日(米国時間)、IE PNG Fixの最新版となるIE PNG Fix Alpha 2が公開された。IE PNG FixはJavaScriptで開発された透過PNGサポートライブラリ。LGPLのもとで提供されており、透過ライブラリがサポートされていないIE 6やIE 5.5で透過PNGを表示できるようにする。 IE PNG Fixを使って透過PNGを表示させる場合、CSSファイルに1行設定を追加するだけでよく、HTML自身を編集する必要がないという特徴がある。img要素によるバックグランドイメージ表示にも対応している。IE PNG Fix Alpha 2では背景ポジションの指定やリピートもサポートされている。 IE PNG FixはIE 6やIE 5.5に影響を及ぼすが、FirefoxやOperaなどほかのブラウザには影響を及ぼさない。類似したJavaScriptライブラリにはIE7.
inputlog - OR演算子を使ったデフォルト値の設定
コメントでe–reiさんより以下のようにOR演算子（||）についての質問をいただいたので解説してみます。 JQuery,MooTools,他多数ライブラリ内部で （例） 1 :var SomeClass = Class.create(); 2 :SomeClass.prototype = { 3 : initialize: function(options){ 4 : Object.extend( 5 : this, 6 : Object.extend({ 7 : property1: 1, 8 : property2: 2 9 : }, options || {}); 10: ); 11: } 12:}; の様なソースがあったとして、 ９行目の”options || {}”様な書き方がされているのをよく見るのですが、 これはどの様な読み方なのでしょうか。 OR演算子（論理和演算子・Log
inputlog - yuga.js 0.6.3 - 優雅なWeb制作のためのJavaScript
主にコメントでいただいた不具合を修正したyuga.jsの0.6.3を公開します。0.6.0からの差分は以下の通りです。 0.6.3 :thickboxのクラスが付いていても２重に設定されないように調整、ストライプがテーブルでうまく動作しない不具合の修正 0.6.2 : ロールオーバーセレクタで#nav li imgなどの指定とselfリンクが合わせて使えなかった不具合を修正 0.6.1 : ロールオーバーセレクタカスタム時に複数指定に対応、#のみの仮リンクにするするスクロールを適用しないように 基本的には特定環境におけるバグフィックスです。0.6.0でも問題がないかたは無理にアップデートする必要はありません。 yuga.js 0.6.3 ダウンロード 不具合などありましたら、この記事にコメントしていただけると助かります。 Comments:3 kawachi 08-07-08 (火) 1
最近よく使っているコードセットのようなもの 第9回 パーソナルブログの作り方-Re:Creator’s Kansai （リクリ）
【2024年12月】レンタルサーバーおすすめ10社を徹底比較！ 人気ランキングも PR 最終更新日：2024年12月26日
Re:JavaScriptの「本気」な勉強 - VTuberになったプログラマーの魂の残滓
アルファではないですが・・・ JavaScript の「本気」な勉強 - daily dayflowerへの返信 ものすごい今更感が・・・ でも、せっかく時間を作ったので返信してみます。 Q. 初学者の入り口として既存のライブラリを使うのは A. 望ましい せっかくJavaScriptという言語をやるのですから、まずは手っ取り早く動くモノを作ってみてもらいたい。 僕自身も、Ajaxという単語が流行りだした頃にprototype.jsを使って、いろいろと動くモノをまず試してみた、というのがJavaScriptへの入り口だったので。 まず動くモノを作ってみる JavaScript楽しい！もっと作ってみたい！ うーん、ここがどうしても動かない、どうしてダメなんだろう より、深い部分へ・・・ っていう感じでしたねー。 今も、基本的には上の部分をループしています。 作ってみてダメな部分については、も
【2024年3月】レンタルサーバーおすすめ9社比較ランキング！ 人気と評判から厳選
PR 「おすすめのレンタルサーバーランキングが知りたい」「人気のレンタルサーバーを比較したい」という方に向けて、2024年3月最新の人気レンタルサーバーのおすすめ9社をランキング形式で紹介します。 当記事ランキング1位のレンタルサーバーがキャンペーン中！ シン・レンタルサーバーがキャンペーン実施中！（2024/5/20まで） 実質385円～「利用料金50％キャッシュバックキャンペーン」 出典：シン・レンタルサーバー公式サイト シン・レンタルサーバーでは、2024年5月20日（月）まで月額利用料金が実質半額になるキャンペーンを開催中です。 ベーシックプランの36ヶ月契約なら、「13,860円」キャッシュバックで、なんと実質「385円/月」で利用できます。
ソースを華麗に整えるjavascript「SyntaxHighlighter」
twitter facebook hatena google pocket Web上でソースを書く時、<などを実体参照させなければならなく、手間がかかります。 SyntaxHighlighterはそんな煩わしさを排除してくれるjavascriptです。 さらに、コピー＆ペーストしやすいように行番号などを振っていない状態も表示できます。 sponsors 使用方法 SyntaxHighlighterからファイル群一式をダウンロードします。 <link rel="stylesheet" href="http://yourdomain/SyntaxHighlighter.css" type="text/css"> <script src="http://yourdomain/shCore.js" type="text/javascript"></script> <script language=
MYCOM BOOKS - 基本からしっかりわかる Adobe Spryプログラミングブック
■内容紹介 Spryはアドビシステムズが開発しているAjaxフレームワークで、日頃はプログラミングに関わっていないWebデザイナーであっても、AjaxやJavaScriptをまったく意識することなく、高度なエフェクトを自由自在に操ることができます。本書は、そのSpryの基本から活用までをマスターできる解説書です。 本書は6章立てになっています。 「第1章 Spryの基本」では、Spryの導入、簡単なサンプルの制作を通して、Spryの基本を学びます。 「第2章 JavaScriptの基礎」では、Spryを使いこなすために必要なJavaScriptの知識を簡単にまとめています。JavaScriptをすでに分かっている方は、ここはさらっと流してもよいでしょう。 「第3章 Spry Effectsを使おう」は、Spryのエフェクトを紹介します。フェードイン、フェードアウト、ハイライト、ブラ
bookreader.js
bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ
Google人気JavaScriptライブラリ配布開始、ネット全体でキャッシュ効果 | エンタープライズ | マイコミジャーナル
GoogleからGoogle AJAX APIを拡張する新しいサービス「The AJAX Libraries API」が公開された。The AJAX Libraries APIはGoogleのサイトで人気のある有益なJavaScriptライブラリを提供しようというもの。これまでYUIであればYahoo!、DojoであればAOLなどが同類のサービスを提供していたが、特定のJavaScriptライブラリに限定することなく有益であれば配布に追加するというポリシーをもっている点が新しい。 JavaScriptライブラリを活用するタイプのWebアプリケーションは数多くある。結果として、何度も似たようなJavaScriptライブラリをダウンロードしていることになり、このままいけば今後ライブラリ自体のサイズの巨大化や多くのサービスの登場でライブラリダウンロード総量は増加することになる。 The AJAX
第0回 jQueryによるJavaScript入門 - Re:Creator’s Kansai
PR 「おすすめのレンタルサーバーランキングが知りたい」「人気のレンタルサーバーを比較したい」という方に向けて、2024年3月最新の人気レンタルサーバーのおすすめ9社をランキング形式で紹介します。 当記事ランキング1位のレンタルサーバーがキャンペーン中！ シン・レンタルサーバーがキャンペーン実施中！（2024/5/20まで） 実質385円～「利用料金50％キャッシュバックキャンペーン」 出典：シン・レンタルサーバー公式サイト シン・レンタルサーバーでは、2024年5月20日（月）まで月額利用料金が実質半額になるキャンペーンを開催中です。 ベーシックプランの36ヶ月契約なら、「13,860円」キャッシュバックで、なんと実質「385円/月」で利用できます。
JavaScript の「本気」な勉強 - daily dayflower
まだひっぱるのもなんですけど。たぶん，言葉の指す対象にいろいろブレがあると思うんですよね。 勉強する人 まったくの初学者 さわりの文法などは知っているが，現実になにをどう書けばいいかわからない 勉強のスタイル 本気で勉強したい 本気で深く勉強したい 本気でひととおり使えるようになりたい 勉強する対象 ブラウザで使う JavaScript HTML JavaScript (ECMAScript) Core DOM ともかく，もやもやと思ったことをとりとめもなく羅列してみます ライブラリの功罪 ライブラリは流行り廃りが激しいから、特定のライブラリに依存した「おまじない」ばかり覚えているのはどうかと思うなあ やっぱり、 DOM を直接書けたほうが、知識としては幅広く使えると思いますよ。 onclick 属性問題について - IT戦記 僕自身はなんだかんだで仕様原理主義者な所が今も強いわけで、その
FGUG : B-Wiki - AIR for JavaScript Developers
AIR for JavaScript Developers Pocket Guide 邦訳Wiki 当WIKIでは、Adobe Labにて公開されている”AIR for JavaScript Developers Pocket Guide ”を有志の力により日本語に翻訳することを目的として開設されました。皆様ご協力の程よろしくお願いいたします。 お知らせ 09/14 チャプターごとにページを統合し、語尾の統一を行ないました。 09/13 翻訳が一通り終わったようです。事務局にて整形作業に移りますので、編集はしばらくストップしてください。
inputlog - yuga.js 0.6.0 - 優雅なWeb制作のためのJavaScript
時間に余裕ができたのでyuga.jsに新機能を追加しました。追加した機能は以下です。 親ディレクトリへのリンクにクラスを設定と画像の変更 簡易タブ機能の追加 そのほか、スクロール周りのソースの整理などを行いました。 yuga.js 0.6.0 ダウンロード 最低限の使い方 XHTMLのhead要素内で次のように読み込みます。これで各機能が有効になります。 <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></script> <script type="text
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Accelerating Your Growth from R&D to ROI
SafariでSelectorsAPIの:visited - 素人がプログラミングを勉強していたブログ
