タグ

関連タグで絞り込む (339)

タグの絞り込みを解除

JavaScriptとprogrammingに関するtsupoのブックマーク (255)

  • プログラミング未経験者が JavaScript でプログラミングを始めるまでに必要なこと - IT戦記

    (執筆中) (文章の練習も兼ねてぐだぐだと執筆中、現時点で読んでも日語になってないと思います。) (執筆途中だけど、こうしたらいい!とか、アドバイスがあれば教えてください><読者みんなが編集者!とか言ってみる) (あ、はてな記法のパッチを送ってくれてもいいです^^) (ちょっと、 Shibuya.JS in Kyoto → PHP カンファレンスがあるので、次の更新はそれ以降になるかも) 自分の知り合いに「まったくのプログラミング未経験だけど、自分のウェブサイトを作ってみたい!」という人がいるので、プログラミングを始める前に必要な知識や心構えや準備などを書いておこうと思います。もちろん、最初に使う言語は JavaScript です。 この文章は、プログラミングまったくの未経験者が読んで分かる文章を目指しています。もし、分からない部分がある場合は指摘してください。聞いてください。自分で調べ

    プログラミング未経験者が JavaScript でプログラミングを始めるまでに必要なこと - IT戦記
    tsupo
    tsupo 2008/07/15
    「一つのキーワードに対して、違う言い回しで矛盾のない解説が何度も何度も書かれている文章」 / この文章は、そういう文章になるように努力して書き進めていく予定です → これは期待
  • C言語をブラウザで実行、Ruby/Python/Perlも然り | エンタープライズ | マイコミジャーナル

    Mozillaの研究部門に所属しているAtul Varma氏のブログにおいて、Running C and Python Code on The Webのタイトルで興味深い内容が紹介されている。タイトルだけ見るとWebアプリケーションでC言語やPythonのコードを実行すると言う話のようだが… 同氏のブログによれば、Adobe Systems, Scott Petersen氏が現在C言語で作成したコードをTamarin仮想マシンで実行できるようにするツールチェインを開発しており、近々オープンソースソフトウェアとして公開するという。TamarinはAdobeからMozillaへ寄贈されたJavaScriptエンジンだ。Firefox 3.0には取り込まれていないが将来的にはTamarinベースのJavaScriptエンジン実装がFirefoxに取り込まれるとみられている。時期は未定だがFire

    tsupo
    tsupo 2008/07/15
    CをいったんLLVM命令に変換したあとでActionScriptへ変換 / FlashでCベースのアプリケーションが動作するようになるほか、RubyやPython、Perlスクリプトが使えるようになる / Firefox 4からの導入が濃厚
  • Afrous (素人でもWebサービスを便利にできるマッシュアップサービス) : ワークスタイル・メモ

    ワークスタイル・メモ カレンダー・手帳術からグループウェア、ライフハックやWeb2.0系ツールまで、インターネットが変えようとしているワークスタイルの未来を考える。 記者発表会やイベントの様子を伝えるビデオブログにも挑戦中です。 ワークスタイル・メモ > ■Workstyle Voice > Afrous (素人でもWebサービスを便利にできるマッシュアップサービス) Infinity Ventures SummitのLAUNCHPADプレゼン動画シリーズ。 第十弾のNaked Browserに続いて紹介するのは、株式会社マッシュマトリックスの提供するAfrousです。 Afrousは、一言で言うとWebブラウザの中でWebサービスのマッシュアップを実現することができるサービスです。 Yahoo PipesとかMicrosoftのPopflyをご存じの方は、それと同じようなコンセプトのサー

    tsupo
    tsupo 2008/06/18
    Yahoo! Pipes も Microsoft popfy も最初は使ってたけど、最近は全然さわってないなぁ。特になくても困らないというか // Afrous もとりあえず試してみて、その後使わなくなる、とかになりそうな予感(笑)
  • Google人気JavaScriptライブラリ配布開始、ネット全体でキャッシュ効果 | エンタープライズ | マイコミジャーナル

    GoogleからGoogle AJAX APIを拡張する新しいサービス「The AJAX Libraries API」が公開された。The AJAX Libraries APIGoogleのサイトで人気のある有益なJavaScriptライブラリを提供しようというもの。これまでYUIであればYahoo!、DojoであればAOLなどが同類のサービスを提供していたが、特定のJavaScriptライブラリに限定することなく有益であれば配布に追加するというポリシーをもっている点が新しい。 JavaScriptライブラリを活用するタイプのWebアプリケーションは数多くある。結果として、何度も似たようなJavaScriptライブラリをダウンロードしていることになり、このままいけば今後ライブラリ自体のサイズの巨大化や多くのサービスの登場でライブラリダウンロード総量は増加することになる。 The AJAX

    tsupo
    tsupo 2008/06/03
    現在サポートされているのは jQuery、Prototype、script.aculo.us、MooTools、Dojo / ajax.googleapis.com でホスティング → id:amachang の XPath とか、サポートして欲しいかも
  • JSDokan で JSON をファイルシステムに - てっく煮ブログ

    JavaScriptWindows版FUSE Dokan がオープンソースになったよ!! - yukobaの日記 が面白そうだったので、ちょっと触ってみた。Dokan は Windows でファイルシステムを作るためのライブラリ。C, .NET, Ruby から気軽にファイルシステムが使えるようになる。それを id:yukoba さんは Java で動くようにして、さらに Rhino を使って JavaScript 製のファイルシステムをデモしている。それならば、と C# 経由で JScript を叩くライブラリを作ってみた。題して「JSDokan」。JSDokan のサンプル「JsonFS」JSDokan を使ったサンプルとして JSON をファイルシステムにする「JsonFS」というのを作ってみた。例えば、このような JSON が... private var json:Object

    tsupo
    tsupo 2008/06/02
    これ、いい。いま作ってる WebBrowser コントロールで Greasemonkey 互換機能を実現云々で使わせてもらうかも。いまは JSON じゃなくて XML (+ XPath) で管理しているところを、置換できそうな感じなので。
  • onclick 属性問題について - IT戦記

    気でやるならonclick属性は避けてライブラリを活用すべき - 帰ってきたHolyGrailとHoryGrailの区別がつかない日記 に関して この先、 HTML に onclick と書いても石を投げられないように書いておく>< 僕も onclick 属性がダメだと思っていた時代もありました。でも、今は時々使うなあ。 (あ、でも、 HTML と JS で分業している場合は、使わないほうがいいよね^^;そこだけは言っておく。) JavaScript 入門の記事を書くときに onclick 属性がダメだとしたら、いろいろ質的でないことを説明しなきゃいけない。 現状では onclick 属性が、もっとも簡単に HTML にイベントをマッピングできる方法だから、そんなに目くじらたてなくてもいいんじゃないかなあ? たとえば 以下は、クリック時に href に GET を送るための oncli

    onclick 属性問題について - IT戦記
    tsupo
    tsupo 2008/05/18
    そして誰かが「そろそろ onclick についてひとこと言っておくか」という記事を書く
  • 第31回 他サイトに埋め込まれるJavaScriptを作るときの作法

    日経クロステック登録会員になると… ・新着が分かるメールマガジンが届く ・キーワード登録、連載フォローが便利 さらに、有料会員に申し込むとすべての記事が読み放題に! 年額プランも今ならお得 >>詳しくは

    第31回 他サイトに埋め込まれるJavaScriptを作るときの作法
    tsupo
    tsupo 2008/05/09
    読みやすさや書きやすさを考えれば,eachメソッドを使ったほうが圧倒的によい / でも,「他のページで実行される」ことを考えると,速くて負荷の少ない方法を使ったほうがお行儀がよい
  • 第31回 他サイトに埋め込まれるJavaScriptを作るときの作法

    前回(「JavaScriptの動作を軽くするための工夫」)は,JavaScriptの体感速度を上げるために開発されている様々な工夫についてみてきました。今回も引き続き,JavaScriptとサービスの使い勝手について考えてみます。今回取り上げるのは,ほかのサイトに埋め込まれて利用されるJavaScriptに関する話題です。 「ほかのサイトに埋め込まれて利用されるJavaScript」というのは,例えばブログパーツやウィジェットなどで使われている,「ページにこのJavaScriptを埋め込めば,この機能が簡単に貼り付けられますよ」というタイプのものです。 前回紹介したRead/WriteWebの記事「JavaScriptがウェブを遅くする--今できる緩和策を考える」でも,主に触れられているのは,ウィジェットに関するものでした。 ここで述べられていることは,JavaScriptを使ったブログパ

    第31回 他サイトに埋め込まれるJavaScriptを作るときの作法
    tsupo
    tsupo 2008/05/09
    「このJavaScriptを埋め込めば,この機能が簡単に貼り付けられますよ」というタイプのもの / ページの読み込みや表示のほか,サイト本来の情報やサービス,機能の提供を邪魔する挙動はできるだけ避ける
  • WebKit の CSS の字句解析部分を JavaScript に移植しました - IT戦記

    これを JS に移植しました。 http://svn.webkit.org/repository/webkit/trunk/WebCore/css/tokenizer.flex ポイント それなりに汎用的な Flex みたいなものを作ったので、その部分は CSS 以外にも使えると思います。 あと、定義を文字列で書かずに正規表現オブジェクトで書くのでバックスラッシュをエスケープせずに書けます。ですので、ほとんどの箇所は WebKit の tokenizer の定義をコピーするだけで済みました。 その辺のアイデアは JavaScript で構文解析: Days on the Moon を参考にしました あと http://svn.coderepos.org/share/lang/actionscript/ascss/src/css/CSSLexer.as id:gyuque さんの ASCSS

    WebKit の CSS の字句解析部分を JavaScript に移植しました - IT戦記
  • MOONGIFT: » 必見!GUIアプリケーションもこれでWeb化?「Jsc」:オープンソースを毎日紹介

    ※ 画像は公式サイトデモより このソフトウェアはすごい。やりたいことも、できていることも分かるのだが、どうやっているのかがさっぱり分からない。GUIアプリケーションとWebアプリケーションでは越えられない壁が存在すると思っていた。いくらAjaxやJavaScriptを駆使しても、GUIアプリケーションの操作性にはかなわない。 ギャラリーアプリケーション だが、それさえも軽々と乗り越えてしまいそうなアプリケーションが登場した。 今回紹介するオープンソース・ソフトウェアはJsc、C#やVisual BasicのコードをJavaScriptにするソフトウェアだ。Sourceforge.net上でのライセンスはPublic Domainとなっているが、ダウンロードできるパッケージに含まれるlicense.txtには個人利用に限るフリーウェアとなっているので注意されたい。 実際、そのようなことができ

    MOONGIFT: » 必見!GUIアプリケーションもこれでWeb化?「Jsc」:オープンソースを毎日紹介
    tsupo
    tsupo 2008/04/10
    C#やVisual BasicのコードをJavaScriptにするソフトウェア / ActionScriptへも変換でき、幾つかのアプリケーションがFlashで動作 / サポートされているWebブラウザはFirefox、IE、Opera、Safari、Netscape
  • はてなブログ | 無料ブログを作成しよう

    2024/12/27 ベイスターズのドキュメンタリー映画「勝ち切る覚悟」を見た! シーズン終盤~日シリーズ優勝までの舞台裏を抑えたドキュメンタリーで、ベンチ裏での映像がメインとなっている。ナレーションは無く、説明がほとんど無いので「いつ何があったか」があらかじめわかって…

    はてなブログ | 無料ブログを作成しよう
    tsupo
    tsupo 2008/04/09
    IE なら ActiveXObject("Microsoft.XMLDOM") を使うという方法もありますよ。XMLファイルしか取ってこれませんが。たぶん、XDomainRequest のフォアランナー的実装?
  • Yahoo!地図情報API V2公開、世界地図にも対応:CodeZine

    Yahoo! JAPANは13日、同社が提供するWeb API「地図情報API V2」を公開した。無料のアプリケーションIDを登録することで利用できる。 今回のバージョンアップでは世界地図への対応が行われた。また、地図上に図形(ポリライン、ポリゴン)を描けるようになったほか、東京測地系(tokyo97)に加えて世界測地系(WGS84)もサポートされた。これにより携帯電話やGPS機能、他サービスとのマッシュアップが容易になる。 地図情報API V2は、JavaScript版とFlash版の2つが提供されている(上図はFlash版)。 【関連リンク】 ・【地図API】V2公開!~JavaScript版地図API V2とFlash版地図API V2の紹介~(地図スタッフブログ - Yahoo!ブログ) ・Yahoo!デベロッパーネットワーク - Yahoo!地図情報

    tsupo
    tsupo 2008/03/17
    世界地図への対応 / 地図上に図形(ポリライン、ポリゴン)を描けるようになった / 東京測地系(tokyo97)に加えて世界測地系(WGS84)もサポート / JavaScript版とFlash版の2つが提供
  • WebBrowser Control Based UI for Windows Applications

    tsupo
    tsupo 2008/03/14
    JavaScript 経由で取得した XML と XSLT を元に C# で整形して、WebBrowser コントロールを使って表示させるプログラムの例。というか、XSLT 経由で C# のコードを呼び出す例。もう一歩踏み込んで欲しいところ
  • PythonのコードをJavaScriptにコンバートするpy2js ― TRIVIAL TECHNOLOGIES 2.0

    みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー PythonのコードをJavaScriptにコンバートできるモジュールを発見したのでちょっと使ってみた。Pythonのバイトコードコンパイラが出力するASTツリーからJavaScriptを生成している。これまでも,簡単な文字列置換を使ってPythonのコードをJavaScriptにコンバートする試みはいつくかあった(CrackAJAXとか)けど,こちらの方が汎用性が高いし,将来性がある気がする。はまらなそう,という意味で。 こういう仕組みを使うと,Webブラウザ上で実行するような簡単なコードを含めて,ロジックをPythonだけで書けるようになりそう。JavsScriptは良い言語だと思

    tsupo
    tsupo 2008/03/11
    Pythonのバイトコードコンパイラが出力するASTツリーからJavaScriptを生成 / こういう仕組みを使うと,Webブラウザ上で実行するような簡単なコードを含めて,ロジックをPythonだけで書けるようになる → すげー
  • MSDN ホームページ

    このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 Microsoft Learn。 可能性を刺激する。 扉を開くスキルを身につけましょう。 Microsoft 製品を最大限に活用するための、役割や製品に特化したドキュメント、ハンズオン トレーニング、認定資格などのすべてをご覧いただけます。

    MSDN ホームページ
    tsupo
    tsupo 2008/02/15
    window.open() で開こうとしたウィンドウがポップアップブロックに引っ掛かると window.open() は null を返す。 なので、window.open() のリターン値をチェックするのは必須。
  • Web 2.0エフェクトとリッチクライアントアプリケーション:CodeZine

    ケーススタディ: グラスシャドウエフェクト 「グラスシャドウエフェクト」(または「曇りガラス効果」)は、Yahoo、Kayak.com、DealOgre.comなど、いくつかの人気サイトで導入されています。このエフェクトの背景にあるアイデアは、ページの残りの部分へのアクセスを不能にして、ユーザーに何かの情報を表示するというものです。このエフェクトには多くのバリエーションがありますが、いずれの実装でもメッセージと共にダイアログが表示され、その背後でページの残りの部分がぼかされたり暗くなったりします。 これはユーザーの注意を即座にダイアログに引き付けて、ダイアログとの対話を促す、かなり印象的なエフェクトです。このエフェクトを実現するためのテクノロジとツールキットはいくつかありますが、稿ではもっぱらJavaScriptとDHTMLというソリューションを考察します。このアイデアは、現在のページU

    tsupo
    tsupo 2008/02/15
    グラスシャドウエフェクト / 現在のページUIをいくつかの層に分離して、Z軸上の最も手前にダイアログを置き、最も奥にページコンテンツ層を置く // Fidelity Labs / Kayak / DealOgre.com / Yahoo!.com
  • 【デブサミ2008】amachangが思う「JavaScriptという言語とは」:CodeZine

    デブサミ2008・13日の最終セッションにはサイボウズの天野仁史氏が登壇。「amachang」というハンドルネームで知られる彼が思う「JavaScript言語」について語った。 天野氏はJavaScriptという言語について、「初心者向け言語」「オブジェクト指向言語」「プロトタイプベース言語」「関数指向言語」という特徴があると思うと述べ、初心者向け言語という点については「だからといって、上級者に向かないという意味ではないが」とした上で、 ほとんどのPCで実行環境が整っているためすぐに始められる点 無料のブログサービスなどを利用することで、作成してすぐに公開できる点 alertによるダイアログボックスの表示など、動作が見た目でわかりやすい点 Firebugをはじめとする開発環境が整っている点 などをあげた。 オブジェクト指向言語という点については、「オブジェクト指向の言語は多数あ

    tsupo
    tsupo 2008/02/14
    この考え方を推し進めるとJavaScriptは「値」「角括弧」「丸括弧」「演算子」だけでほとんど書き表すことができるという / なお、プレゼン資料は後日公開されるとのこと
  • Amazon.co.jp: Ajaxアプリケーション & Webセキュリティ: 本: Christopher Wells,牧野 聡

    Amazon.co.jp: Ajaxアプリケーション & Webセキュリティ: 本: Christopher Wells,牧野 聡
    tsupo
    tsupo 2008/02/08
    ISBN-13: 978-4873113586 / オライリー・ジャパン (2008/2/19)
  • 【連載】セカイ系ウェブツール考 (8) これぞ合理的! 開発環境もWebベースに移行してみる | ネット | マイコミジャーナル

    今回のテーマは「開発環境」 様々なアプリケーションがWeb化している。メーラーは当たり前のように使われており、カレンダーやタスク管理、さらに画像編集といったアプリケーションまでWeb上で動作するようになっている。 今回は多岐にわたるWebアプリケーションの種類について、特に基となり得るものを取り上げてみたい。それは全てのアプリケーションを生み出す元となる、開発環境だ。すでにいくつかのWebアプリケーション、オープンソース・ソフトウェア(OSS)が登場している。Webベースで行える利点を生かしたもの、ローカルアプリケーションに見劣りしない機能をもったものなど実に様々だ。開発者の方のみならず、見ると何か作ろうかと思わせる、そんなアプリケーションが目白押しだ。 今回紹介するOSS・Webアプリ 『Workspace』 Web OS風な開発環境 『TIDE』 ステップ実行も可能なJavaSc

    tsupo
    tsupo 2008/02/06
    『Workspace』 Web OS風な開発環境 / 『TIDE』 ステップ実行も可能なJavaScript開発環境 / 『Amy Editor』 Rails/PHPで提供のWeb開発環境 / 『Jiggy』 iPod Touch/iPhoneの中の統合開発環境
  • 【JavaScript】これ(this)はなに?

    JavaScriptでプログラムを組んだり人の作ったコードを読んでいると、よく出てくる“this”という表現。 これ、例えば同一の関数内のはずなのに、そのときどきで指しているものが異なったりして結構わかりにくい、と感じる方も多いのではないでしょうか。 ■同一関数内で'this'が指すものが異なる例 function whatisthis(obj) { alert('[A](this===window)→'+(this===window)+' [B](this===obj)→'+(this===obj)); } var obj={ obj_whatisthis : whatisthis }; var ref_whatisthis = obj.obj_whatisthis; var obj2={ ref2_whatisthis : obj.obj_whatisthis }; //(1)関数とし

    【JavaScript】これ(this)はなに?
    tsupo
    tsupo 2007/12/26
    Javascript の this の指すもの