はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
絶対買うんだよ→初心者でも3時間もあればプログラミングできる「enchant.js」のバイブル本発売 【増田(@maskin)真樹】 : TechWave
[読了時間:2分] 「アプリやウェブサイトがどんな風にプログラムされているか知りたい」「プログラミングしてみたい」そう思う人がジワジワ増えている。TechWaveでは、そんな初心者の夢を実現するのに最適といえるUEI(ユビキタスエンターテインメント)の「enchant.js」に注目してきたが、そのバイブルとも言える教科書本「HTML5とJavaScriptでスマートフォンゲーム作成！ ゼロからはじめるenchant.js入門【公式ガイド】」が遂に発売となった。 若干技術用語が入ってくるが、検索しながら、かつ投稿コンテストサイト「9leap」などで公開されている大量のサンプルコードを見ながら進めれば表題の通り3時間あれば誰でもゲームを作れてしまう良書だ。「またまた、マスダさん御冗談を」という人も是非書店で手に取って頂きたい。 プログラミングの興奮を全ての人に 実際、enchant.jsでは小
ブラウザ上でHTML / CSS / Javascriptを書いてその場で実行、ブログ等にも貼付できるjsfiddleの基本的な使い方をざっくりと - かちびと.net
個人的にお勧めしているjsfiddleですが、せっかくなのでちゃんと記事にして普及活動をしてみようかなと思います。jQueryのコードを気軽に試す、などにも最適です。 全部は書ききれないのでざっくりと、程度です。一応基本的な部分だけ・・jsdo.itでいいじゃんとか言われそうな空気満々ですが、いいならこんな記事書きませんのでお察し頂ければ幸いです。 jsfiddleとは、その場でjsコードを実行、動作テストできるツールで、人気のjsライブラリのjQueryの公式サイトでもバグを伝えるときはjsfiddleを使用して動作を見せるように薦められます。 When You Report A link to a reduced, working demo/test case that will never move (jsFiddle is good for this). （意訳：バグを報告するとき
ブラウザでJavaScriptが動く時代がやってきた！ - 葉っぱ日記
というわけで、昨日から話題沸騰の Javascript PC Emulator すごいですね。JavaScript で書かれた x86 PC エミュレータ上で Linux 動かして、入ってる tcc 使えばそこそこのソースもコンパイルして動いたり。 もとのディスク容量が少ないので、適当な母艦を用意して、こんな感じ で新しいディスクイメージ作って、CocProxy や Fiddler の AutoResponder を使って root.bin へのリクエストをローカルのファイルに差し替えてやれば、好きなファイルも入れられますね。 というわけで、SpiderMonkey を入れて動かしてみました。ブラウザ内でJavaScriptが動くなんてムネアツですね！ 手順としては、コンパイルの簡単な SpiderMonkey 1.7 を x86 の32ビットマシンで -static 付きでビルドして、r
ウェブ制作者のためのベストエントリ33【2010年7月版】
というわけで、しばらくまとめていなかったまとめ記事を再開し、私は元気ですとアピールしたい。 7月にあつめたブックマークのまとめです。 7月度必須ブクマベスト HTML5 Canvas Cheat Sheet 悩んだけど一応ベストへ。 HTML5 Canvas tagのチートシート。日常的に使うものでもないし、開発者向けになってしまうけど念のため。 OSを選ばないウェブデザイナーのための使えるウェブアプリ15*ホームページを作る人のネタ帳 7月に書いたけどついこの間のようだと思ったら、あんまり記事かいてないからそう思うんだきっと。 ついでにこちらも7月でした。 今日から現場で使えるjQueryのフォーム関連プラグイン15選 iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた スマホアプリ開発者ならブクマしておきたい一品です。 Googl
大迫力のページをフルに使ったイメージギャラリー実装デモ:phpspot開発日誌
Full Page Image Gallery with jQuery | Codrops 大迫力のページをフルに使ったイメージギャラリー実装デモ。 jQueryを使って画面を最大限に使ったギャラリーの実装コード例とコードのダウンロードが可能です。 フルサイズなので、写真の迫力が出せて、更に所々がJavaScriptによってアニメーション付きでクールに動作します。 コードはそれほど複雑なものではなく、カスタマイズ等も簡単そうです。 関連エントリ これはいい！iPadテーマのjQuery画像ギャラリー PHPソース１個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」 超カッコいいApple風スライドショーギャラリー作成チュートリアル JavaScript製の画像スライダー・ギャラリーいろいろ
JavaScript関係のツールまとめてみた | Web scratch
最近使ってたりするJavaScript関係のツールまとめてみた。 主にWebサービスです。 Global is the new private JavaScriptライブラリの名前空間汚染をチェックするツール。 元々載ってるもの以外でも*Analyze your own scripts!*から調査したいライブラリを追加できる。 jsFiddle ブラウザ上で HTML / CSS / JavaScript の実行結果を表示できる。 Embedコードもあるので、ブログにjsやCSSなどを載っけるのに便利。 エディタ機能も整形、シンタックスハイライトしてくれるので使いやすい。 HTML5のコードを使うにはInfoからDTDを変更してから使う。 類似:MooShell Gist – GitHub gistです。コードスニペット共有サービスです。 Greasemonkey貼るときgist fill
JavaScriptでiPhoneアプリを楽々作成
iPhoneアプリを作るためには以下のようなプログラミングの知識が必要だと思われています。 Objective-Cの知識 (Cの知識 + オブジェクト指向プログラミングの知識) iPhoneのライブラリの知識 これらをマスターするのはかなり大変ですが、 「PhoneGap」というシステムを利用すると、 JavaScriptだけを使って簡単にアプリを作成することができます。 iPhoneのSafariから JavaScriptが動くWebページにアクセスするとiPhone上でJavaScriptプログラムを動かすことができます。 このような「Webアプリケーション」はSafariの上でしか動作しませんし、 ネットに接続されていない状態では利用できません。 しかしPhoneGapを利用すると、 JavaScriptプログラムとSafariをまとめてひとつのアプリケーションを生成することができる
iPhone/iPadでPCと同じJavaScriptのイベントを実装する
iPhone/iPadでPCと同じJavaScriptのイベントを実装する PC向けに作ったサイトをiPhoneやiPadでも利用できるようにする際に注意しなくてはいけないのがJavaScriptのイベントです。 iPhone/iPadではonmouseoverやonmousedownなどのonMouse系のイベントが利用できず、代わりにontouchstartやontouchmove、ontouchendなどのonTouch系のイベントが用意されています。 使い分けとしてはだいたい次のようになります。 ontouchstart = onmousedown ontouchmove = onmousemove ontouchend ≒onmouseup ですのでjQueryを利用した場合、 var ua =navigator.userAgent; if(ua.indexOf('iPhone'
DOM要素（＜div＞タグ）をJavaScriptで削除する｜JavaScriptプログラムメモ｜プログラムメモ
DOM要素をJavaScriptで削除するには次のようにします。 次のような html 構造になっている場合 <div id="hoge"> <div id="aaa">テストA</div> <div id="bbb">テストB <div id="ccc">テストC </div> id="hoge" を削除するには _delete_dom_obj('hoge'); function _delete_dom_obj( id_name ){ var dom_obj=document.getElementById(id_name); var dom_obj_parent=dom_obj.parentNode; alert('ID: '+dom_obj.getAttribute('id')+' を削除します'); dom_obj_parent.removeChild(dom_obj); } 子要素
JavaScript使ってないのに使ってる風のピュアCSSなテクニック集:phpspot開発日誌
30 Pure CSS Alternatives to Javascript - Speckyboy Design Magazine JavaScript使ってないのに使ってる風のピュアCSSなテクニック集。 最近ではCSS3等の登場によってCSSだけでもかなり高度なことが出来るようになっていますが、それらのコレクションがまとまっていました。 CSSだけでもこれだけのことが出来るという可能性を知るのに調度良いです。 マウスオーバーでハイライトする地図 タイムライン LightBoxもCSSで コンテンツスライダー スピーチバブル 無理してCSSのみにこだわる必要はありませんが、楽な選択肢を取れるなら覚えておいて損はありませんね。 関連エントリ ピュアCSSで実装された吹き出しのデザイン例色々 ピュアCSSで画像を壁に貼ったポラロイドギャラリー風にするサンプル クリーンなデザインでピュアＣＳ
JavaScript 用テンプレートエンジン Jarty の紹介 - ドワンゴ 研究開発ブログ
はじめに この記事では、JavaScript 用のテンプレートエンジン Jarty を紹介します。 Jarty (じゃーてぃー) とは、PHP の有名なテンプレートエンジンである Smarty を JavaScript に移植したものです。ただし、完全に再現しているわけではなく、いくつかの機能は制限されています。 Jarty には以下のような機能があります。書式の多くは Smarty 互換です。 変数の置換 {$foo} => "abc" {if} {else} {/if} などの条件分岐 {foreach} {/foreach} などのループ {$foo|upper|escape} などのフィルタ (パイプ) etc. ソースコードは The MIT License として公開しています。 GitHub 上のリポジトリ: http://github.com/kotas/jarty また、
ページの使い方をページ内に埋め込んでしまえる「Amberjack2」:phpspot開発日誌
Amberjack: Amazing On-Page Tutorials ページの使い方をページ内に埋め込んでしまえる「Amberjack2」。 ページの使い方のチュートリアルというと、動画とかで説明されるのが一般的ですが、Amberjackはサイト上にJavaScriptを使って説明を埋め込んでしまえるツールです。 サイトを使いながらそのままチュートリアルに移ることも可能なので、使い方次第ではユーザフレンドリーなサイトに仕上げることが可能かもしれません。 説明方法は、スポットライトを当てたい部分以外をグレーアウトして、ヒントを次のように表示させてあげることが出来ます。 ←、→キーで次の説明に移ることも出来ます。 例えば、タイトル部分にスポットライトをあてて、その説明を表示するという例 説明のポップアップには動画を埋め込んでより分かりやすくするといったことも可能です。 サイトのここは、こう
JavaScriptでradiko.jpを制御する·RadikoJS MOONGIFT
RadikoJSはJavaScript/Flashによるオープンソース・ソフトウェア。radiko.jpの人気が高い。ラジオの電波状況など関係なく、滅多にラジオを聴いてこなかった人もパソコンからであれば手軽に使えて聴けるようになる。さらに最近ではTwitterなどを通じて他のユーザと情報交換も可能だ。 おうっ、小さい！ だが聴くために都度rakiko.jpへアクセスするのは面倒という人も多い。特にあの大きなプレーヤが常時表示されているのはノートPCでは邪魔に感じる人は多いだろう。そんな人に朗報だ、RadikoJSはごくごく小さなrajiko.jpプレーヤだ。 大きさで言えば小さなバナー程度の大きさだ。自分のサイトに貼り付けておいたりすると便利かも知れない。小さいとは言え、放送局の選択はもちろん、再生と停止もできる。全く機能的には問題ないレベルだ。これ以上の軽量化はないのではないだろうか。
第1回 ウェブブラウザとJavaScriptの未来 | gihyo.jp
こんにちは、id:os0xこと太田昌吾です。今回から、クロスブラウザ対策を中心としたJavaScriptの初級から中級の方向けの連載を開始します。JavaScriptの基礎的な文法は理解されているという前提での解説となりますので、ご了承ください（間違いやすい、わかり難いと思われるところは適宜補足します）。初回である今回はJavaScriptやウェブブラウザの背景など盛りだくさんの内容でお届けします。 JavaScriptのイマ JavaScriptは2010年現在において、最も重要な言語となりつつあります。旧来はすべての処理をサーバーで行って、結果をウェブブラウザ上に表示するだけというのがウェブの一般的な姿でした。2005年に登場したGoogle Mapsを一つの契機として徐々にウェブブラウザ・クライアント側での処理が見直され始め、近年ではクラウドやSaas、そしてHTML5の流行によ
ブラウザから離れたり、戻ったりした時に動作させるJavaScriptイベントハンドラ設定:phpspot開発日誌
ブラウザから離れたり、戻ったりした時に動作させるJavaScriptイベントハンドラ設定 2010年03月09日- Detecting ‘Idle’ and ‘Away’ Timeouts in Javascript | BedroomLAN ブラウザから離れたり、戻ったりした時に動作させるJavaScriptイベントハンドラ設定のサンプルコードが紹介されています。 JavaScript のコードで、onIdle、onAway といったイベントハンドラが使えるようになり、それぞれのイベント時に実行したいコードを設定できます。 例えば、ユーザがPCに戻ったときに、おかえり！といった文言を表示することができ、ユーザビリティの向上に役立てられそうです。 具体的なコードは必要なライブラリを読み込んだ後継ぎのように記述します。 setIdleTimeout(2000); // アイドルになるまでを２
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
United States
http://blog.suz-lab.com/2007/09/javascript.html
IDEA * IDEA
