タグ

JavaScriptとjavascriptに関するk1LoWのブックマーク (495)

  • ブログ | 未来派図画工作のすすめ

    2022年。もう一年前になりますが、東北芸術工科大学の芸術工学研究科修士課程を修了することができました。「平日ダイヤ」「移動祝祭日」「大歳ノ島」。在学中の2年間でこの3作品を作ることができました。 独学で学んできた映像表現を、学びなおしたい。自分にとって表現はどういう意味を持つのか、表現を研究するとはどういうことなのか。後回しにして、忘れたことにしている自分の大切な想い。その想いと無理矢理にでも向き合う機会を作るために。それが大学院入学のきっかけでした。 働きながらの研究・制作は想像以上に大変でした。新しい職場での仕事が始まりながら、2つ大学でゼミが同時進行していたのも重圧でした。しかし、どれも全力で取り組んだつもりです。これまで身につけたことを一旦リセットして、ゼロから学びなおす意識で、新しい知識と経験を最大限吸収できたと感じています。 指導教員の西村宜起先生との出会いは30年前。当時一

    ブログ | 未来派図画工作のすすめ
  • Best ASP.NET Books 2025 - ReactDOM

    ASP.NET is a popular web development framework that allows developers to build dynamic web development skills and responsive web applications with net framework. Whether you’re a beginner or an advanced developer, there are numerous books available that can help you improve your skills and take your development to the next level. C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals: S

    Best ASP.NET Books 2025 - ReactDOM
  • Nihilogic: Strange Attraction

    Formula: Seed: Compositing: Stretch: Quality: Generate attractor Leave "Seed" blank to automatically find a new attractor. Enter previously found seeds to recreate that particular attractor. Use the "Compositing" option to add a glow to the image. The "Stretch" option stretches the image to fill both the x and y axes. Click the image after rendering to bring up these controls. Tip: Use th

  • Express - node web framework

    Installation curl: $ curl -# http://expressjs.com/install.sh | sh npm: $ npm install express git clone, first update the submodules: $ git submodule update --init $ make install $ make install-support Creating An Application The express.Server now inherits from http.Server, however follows the same idiom by providing express.createServer() as shown below. This means that you can utilize Express se

  • Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin : 404 Blog Not Found

    2010年08月17日06:45 カテゴリLightweight Languages Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin もうそろそろJSONPとはお別れできるのではないかと思い立ったので。 XMLHttpRequestとその問題 AjaxといえばXHRの愛称で親しまれているXMLHttpRequestですが、これには一つ重大な欠点がありました。 これを発行するDHTMLページのドメインが、Request先のドメインと一致する必要があったのです。いわゆる Same Origin Policy というやつです。おかげでサイトをまたがって使えなかったのです。これではマッシュアップできない。どうしよう。 JSONPとその問題 そこで生まれたのが、JSONPという手法です。 これは、scriptノードを追加した時に、単

    Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin : 404 Blog Not Found
  • Firebugの意外と知られていない機能紹介(プログラマ向け) - KAYAC Engineers' Blog

    羊毛布団を洗濯機にかけられないことを知りました。ago(@kyo_ago)です。 意外と知られていない機能が多い!?Firebugの使い方を見て、プログラマ向けも欲しくなったので書いてみました。 1. ショートカット一覧 以下のページでFirebugのショートカット一覧が公開されています。 http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts 取り合えず以下の二つだけでも覚えておくと効率的かもしれません。 F12でFirebugの有効、無効の切り替え 広いコマンドラインモード時にCtrl+Enterでコードを実行 また、以下のメニューからショートカットの変更も行えるので、他の拡張等とショートカットがかぶった場合でも別のキーで使用することが出来ます。 2. Firefox体のツールバーに「要素を調査」ボタン Fi

    Firebugの意外と知られていない機能紹介(プログラマ向け) - KAYAC Engineers' Blog
  • Closure Library を使うべき 10 の理由 - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 先週 Closure Library で構築したドローウィジェット Closure Draw を公開しましたが、はてぶ数などを見る限りさほど多くの反響はなかったようです。まあ、機能が中途半端だったり作りが甘かったりというところが大きいのは間違いありませんが、 Closure Library 自体がまだメジャーではないのもあるのかな、とも思います。実際、ぐぐってもフ

  • JSSpecを使ってみる - うなの日記

    JavaScriptのテストをそろそろちゃんとしようかな、と思ってテスティングフレームワークを検討中。JavaScriptのxUnit系フレームワークにはあんまりいいのがなかった記憶があるので、BDD系で探してみるとJSSpecがヒット。なかなか良さそうなのでちょっと使ってみました。 ダウンロード Downloads - JSSpecより、JSSpec20080923.zip をダウンロードして展開。 簡単なサンプル JSSpecに添付されているサンプルを改変して作成してみました。 振る舞いとかexpectationといったBDD用語は、Rubyist Magazine - スはスペックのスがわかりやすいのでそちらを参照。 当は、テスト対象クラスは別のファイルになるはずだし、specの部分も別のファイルにしておくのがよいんだろうな。 <!DOCTYPE html PUBLIC "-//W

    JSSpecを使ってみる - うなの日記
  • jHTML-Ipsum: HTML Ipsum using a jQuery plugin

    Most webdesigners/developers know what Lorem Ipsum is. For those who don't, it's simply dummy text of the printing and typesetting industry. Although I hardly use it myself (others think it's killing your designs), I still think the idea behind it is pretty good. Chris Coyier took this idea to a whole new level and created HTML-Ipsum. You can copy HTML elements to your own project to see if you've

  • jstudyで「JavaScriptとLisp」ってタイトルのLTしました - あと味

    昨日、jstudyの第一回目のイベントがめでたく開催されました。 Twitterで見かけて、速攻で申し込んだんですが、せっかくだからLTしたいなと思い、稚拙ながら「JavaScriptとLisp」というタイトルでLTをさせていただくことができました。 発表するまで、ネタとしてどうなんだろうと不安でしたが、予想外に反応があったので良かったです。 jstudyの感想 jQuery、Dojo、JavaScriptの設計手法 x 2、ECMAScript5の仕様、jsdo.itの紹介、iPadJavaScriptJavaScriptの高速化手法、JavaScriptで昔を懐かしむなどなど、JavaScript好きにはとっても楽しいひと時を過ごすことができました。 LTに立候補していた人があまりいないように思いましたが、実際には11名?の方が発表し、最初から最後まで飽きることなく楽しめました。

    jstudyで「JavaScriptとLisp」ってタイトルのLTしました - あと味
  • jsdo.it

    Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a

  • getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記

    getComputedStyle とは!? ある要素にどんなスタイルが当たっているかを計算してくれる。便利な関数。 使いかたはめっちゃ簡単! var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ちなみに第二引数は疑似要素の style を取りたい場合に使います。通常は空文字列でいい。 でも、 getComputedStyle はこのままでは IE, Safari では動かない。 Safari では window(グローバル領域) に getComputedStyle は定義されてなくて、 document.defaultView だけに getComputedStyle が定義されている。 ちなみに、 Firefox, Op

    getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記
  • Brandon Aaron「jQueryでイベント委譲(Event Delegation)」 - 以下斜め読んだ内容

    Brandon Aaronによる2010.3.4のブログエントリ Event Delegation with jQuery jQueryでEvent delegationがいかに快適になるかを力説 .live()/.die()や.delegate()/.undelegate()の使い所 .live()や.delegate()ではダメときはどうする? 答:.bind()とか.closest()とか使うですよ コンパクトにまとまったエントリ 「さらば.live()。今は.delegate()がお洒落」を真に受けてた自分の目を覚ましてくれたよい記事 以下斜め読んだ内容 Event delegationの実装はjQueryだと快適にできる jQuery 1.4.2時点では、jQuery使ったevent delegation実装の選択肢は3つ .live() .delegate() 自力でゴリゴリ

    Brandon Aaron「jQueryでイベント委譲(Event Delegation)」 - 以下斜め読んだ内容
  • 本当にiPad“だけ”にCSSを読み込ませるには。

    jsでUserAgentを判別して、CSSを読み込ませる。 ↓iPadからみたらiPadですね。って出てます。

  • iPhone向け最適化Webサイトを構築するjQueryライブラリ·jQuery iPhone UI MOONGIFT

    jQuery iPhone UIHTML/JavaScript製のオープンソース・ソフトウェア。iPhone用のWebサイトを構築するニーズが増えてきている。既に幾つかテンプレートもリリースされており、それらを使えば最適化されたインタフェースのサイトが作りやすくなる。 アイコンリスト そうしたライブラリを使う時に重要なのが、どれくらいの機能に対応しているかだ。単純なリストはもちろん、プロフィールページ、画像付きリスト、フォームなど多数のニーズがある。その一つ、JavaScriptを使ったパターンに適合できそうなのがjQuery iPhone UIだ。 jQuery iPhone UIの特徴は名前の通りjQueryを使っていることだろう。同種のライブラリとしてjQTouchがあるが、あちらはがちがちに固まっている雰囲気があるがjQuery iPhone UIは切り離して使えそうだ。HTML

    iPhone向け最適化Webサイトを構築するjQueryライブラリ·jQuery iPhone UI MOONGIFT
  • 『form Action=javascript:と書くべきかも』

    主にPHP Pearについて取り扱っています。最近はAjaxとSBMに凝ってます 毎日HPを更新したら記録を取る 送信ボタンで送信させないで、Scriptから送信許可を出したい。 だけど<input type=button/>は不便だ やはりFormの送信ボタンが便利だ。 入力中にEnterキーを押せばsubmit()をしてくれる。 ところがこれをやめさせたいときがある どうするんだろう。google先生に聞いてみたら onSubmit() = function{ return false;} すると書いてある。 これはだめなんだよねぇ。警告音が鳴る。 そこで頭を捻ってみる。 BookMarkletが <A href ="javascript:hoge();" とHrefを横取りできるんだよね。 じゃぁ同じように <form action="javascript:hoge()" が出来ない

    『form Action=javascript:と書くべきかも』
  • そこそこ規模が大きくても何とかなるjavascriptの設計(URL dispatcherの薦め) | tech.kayac.com - KAYAC engineers' blog

    弁当生活始めました。agoです。 以前のjavascriptの開発はサーバサイドと同じPGが開発することが多く、機能をファイル単位で分割してそのページで必要なファイルのみを読み込むと言うことが行われていました。 ただ、最近はサーバサイドとクライアントサイドの分業が進んだことや表示速度の兼ね合いもあり、単一ファイルに全体を記述しサーバサイドでは全ページでその一ファイルのみを読み込むような形になることが多いです。 単一ファイルの利点としてはサーバサイドの実装に依存せずに任意の機能を追加できることがありますが、欠点として機能毎の切り分けが難しくなると言う点があります。 jQueryを使用して$('.selector')で切り出す方法もありますが、マークアップの全体像を正確に把握できていないと不要なページで間違って実行されてしまう危険性もあります。 そこで、以下のようなJSを先に読み込み、各URL

    そこそこ規模が大きくても何とかなるjavascriptの設計(URL dispatcherの薦め) | tech.kayac.com - KAYAC engineers' blog
  • Using files from web applications - Web APIs | MDN

    Using the File API, web content can ask the user to select local files and then read the contents of those files. This selection can be done by either using an HTML <input type="file"> element or by drag and drop.

    Using files from web applications - Web APIs | MDN
  • Selenium IDEの拡張 基礎編 - pirosikick's diary

    今日こそSelenium IDEを拡張します。 拡張の仕方 Selenium IDEを起動して、「オプション」→「設定」→「一般」タブに、「Selenium Core拡張スクリプトのパス」という欄でJavascriptファイルを指定します。 拡張スクリプトの書き方 Seleniumのサイトにユーザが作った拡張スクリプトがあるのでそれをそのまま使っても良いです。 サイトに上がっている拡張スクリプトやSelenium IDE自体のスクリプトを参考にして,自分でスクリプトを作ってみるのもよいでしょう。 今日は簡単なコマンドの作り方を紹介します。 コマンドの追加 追加するJavascriptのファイルの中で、「Selenium」のプロトタイプに「do〜」という名前で関数を代入するとコマンドが追加されます。 例)logTestコマンドの追加 Selenium.prototype.doLogTest

    Selenium IDEの拡張 基礎編 - pirosikick's diary
  • YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」:phpspot開発日誌

    YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」 2010年05月11日- jquery.mb.mediaEmbedder Matteo Bicocchi's Blog YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」が公開されています。 <div>要素の中にWIKI記法っぽく記述するだけで動画の埋込みが可能です。vimeo、Ustream、Youtube、Livestream、Flickrの他、mp3のようなオーディオファイルにも対応しています。 サンプルコードは以下で、動画のembedコードを取り出すことなく、動画閲覧用のURLを指定するだけで埋込みが完了します。 投稿されたURL等をプレビューしたい場合に、いちいちYo