HTML+JavaScriptで作れる Windows 7デスクトップアプリの基礎知識:楽しいWindows 7アプリ作成入門(3) 「あんなこといいな」「できたらいいな」というアイデアをWindows 7の表現力で具体的な“アプリ”という形にするには、どうすればいいのだろうか? 具体的なコードやデモとともに一から教えます
Webブラウザー向けはJavaScript。企業システムのサーバーサイドはJava。ネット系ならPHPやPerl、Ruby。WindowsならC#。iPhoneならObjective-C。これは一例だが、今は開発言語を使い分けることが多い。だが、これからはJavaScriptをマスターすれば、これらのアプリケーションをすべて開発できる。 クライアント技術者がサーバーも開発 まずは、サーバーサイドである。ミドルウエアのnode.jsが登場したことで、JavaScriptのサーバー利用に注目が集まった。node.jsは、米Googleが開発するJavaScript実行エンジン「V8」を実装したオープンソースソフトウエア。JavaScriptが動くので、サーバー開発を経験していないエンジニアでも、クライアント向けWebアプリケーションの開発経験を持っていれば、サーバー開発に参加しやすくなる。 n
CSSでもJavaScriptでもできるけどどちらを使おうか、CSSとJavaScriptどのように使い分ければいいのだろうか、二つのうまい関係を構築するテクニックを紹介します。 Building A Relationship Between CSS & JavaScript 下記は 各ポイントを意訳したものです。 はじめに スタイルの定義はCSSで:JavaScriptからCSSを遠ざける ユーザエクスペリエンスを犠牲にしないで使い分ける CSSとJavaScriptの使い分けの大切なポイント はじめに JavaScriptには数多くのライブラリ、jQuery, Prototype, Node.js, Backbone.js, Mustacheなどあり、非常に人気が高いです。これらは実際に非常に多く利用されており、時間をかければもっとよい方法があるかもしれないところでもそれらを使ってしま
サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめた、第3(+α)回めです。 トップページにツイートを表示したり、Like Boxを設置したり、JavaScriptでいろいろ実装したり、その他もろもろ。 「Lopan cafeというWebサイトのトップページ総仕上げ」について、制作過程をまとめました。 以下目次。 その前に、ちょっと修正 一番上のナビゲーションのところ Lopan's infoと新作パン/おすすめパンのところ 「画面を縮めると変」だったところ ちょっと脇道:サーバーの話 Webサーバーとは サーバーにファイルをアップロードする トップページにツイートを表示する。 Twitter ウィジェット Embedded Timelines(埋め込みタイムライン) トップページにLike Boxを表示する。 Facebookページを作る Like Boxを設置す
JavaScript で IE アクセス時のみブルースクリーンで警告を表示する tm.destroyie6.js を作ってみました. IE6 を一緒に撲滅しませんか? このスクリプトを使えば簡単に IE6 でアクセスした時のみ下の画像のような警告を出し, 他のブラウザのインストールを促します. ちなみに, デザインは開発者用に配布された Windows 8 のブルースクリーンを真似てます. Microsoft が作ったブラウザでアクセスした際に, Microsoft がデザインしたブルースクリーンで警告を出す. ん~皮肉感たっぷりなスクリプトですw DATA and DEMO いくつかデモを用意しました. IE 警告の他にも, 本家ブルースクリーンのコピーや誕生日メッセージも作ってみました. Demo Download USAGE 使い方について FLOW 流れ tm.destroyie6
QRcode decode javascriptはJavaScriptで作られたQRコードデコーダです。 QRcode decode javascriptはJavaScript製のフリーウェア(ソースコードは公開されている)。最近、Google CodeでもQRコードが使われる等、利用の幅が広がっている。スマートフォンはもちろん、携帯電話のカメラを使って撮影できるのが便利だ。 右は画像。左はCanvasに読み込んだQRコード だが、PCでデータを読み取りたいと思った時には些か不便だ。目の前にコードがあるのに、何が書いてあるのか分からないのだ。携帯電話のカメラで読み取るのも煩わしい。使うのはQRcode decode javascriptだ。 QRcode decode javascriptはCanvasタグを使ってQRコードの画像を読み込み、JavaScriptを使って解析を行う。そして解
ごあいさつ オープンソースカンファレンス 2012 Tokyo/Fall - オープンソースの文化祭! にご来場いただき、ありがとうございます。 AWK Users JP :: 日本 GNU AWK ユーザー会 は有効団体である USP 友の会 と隣り合わせのブースでお待ちしています。 不快なコンテンツをフィルタリングする インターネットを利用していると、こんなことってありませんか? 親や子供が変なサイトに行っていないか心配だ 表示ページとは関係のない不快な広告が表示される スマホやタブレットで良俗に反した広告が表示される こうしたコンテンツのフィルタリングには様々な手法がありますが、ここでは proxy.pac を用いた例をご紹介しています。 この内容は USP友の会:おっさんが東京湾上で吠えた夜(第18回定例会報告) とほぼ同じとなっています。(後ほど SlideShare にアップし
ちょっと面白いプラグインだったので 備忘録。曲線に沿ってテキストを折り 返せるようにするjQueryプラグインで す。新聞のようなレイアウトも組めそ うです。用途はあまり無さそうですけ ど、珍しいので覚えておきたい。 Bacon!(ベーコン)です。名前の経緯は分かりませんが、ペジェ曲線にそったテキストの折り返しが可能です。 こんな感じ。結構前に同じようなライブラリありましたね。こちらはペジェ曲線と同じような感覚でラインを作る事が出来ます。 こういうのとか こういうのも作れる。 IEでもなんとか動く。 コード<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="bacon.jquery.js"></script>jQueryとプラグインを読み込む
あけましておめでとうございます。一昨年、昨年に引き続き、今年も昨年のJavaScriptを振り返りつつ、JavaScriptの近い未来についてちょっとだけお話させて頂きます。 それでは早速、昨年の予想を振り返りつつ、最近までのJavaScript界隈の動きを振り返ってみましょう。 2011年のJavaScript界隈でのニュース 昨年の記事で私は2011年はウェブアプリの普及に向けて、JavaScriptの開発環境とテスト環境がキーになると書きました。まずはこの2つの視点から見てみましょう。 JavaScriptの開発環境 2011年のJavaScriptの開発環境に関する大きなニュースといえば、Ruby on Railsの3.1にCoffeeScriptがデフォルトで採用されたという一件があります。Railsは非常に人気の高いウェブアプリケーションフレームワークで、多くのフレームワークに
ガラケーはFlashLiteに対応しており、多数のゲームが開発されてきました。そうした既存の資産を活かすべく開発されているのがFlashForwardです。iOS向けにFlashLite1.1からHTML5へ変換するソフトウェアです。 デモは多数用意されています。 アニメーションします。 SVGの他にCanvas阪も用意されています。 テキスト含めたアニメーションも可能です。 こういうゲーム系で活躍します。 陣取りゲーム風ゲームも再現できています。 こういうアニメーションはCanvasのが高速です。 指定した形を描きます。 日本語も使えます。 複雑なキャラクターも描けて、アニメーションもばっちりです。 左右に動いたりします。 バナーレベルは十分に使えます。 まさにゲーム用途にぴったりです。 FlashForwardでは予めSWFファイルを解析し、HTML5/SVGまたはCanvas/Jav
NeoAlchemy Table Pagination 長ーいテーブルも瞬時にページング処理してしまうjQueryプラグイン「Table Pagination」 縦に長かったりするとテーブルは読みにくかったりしますが、このプラグインで初期化してしまえば一瞬でページ分けが完了します ページングするコードは次のように書けばOKです テーブル自体はそのままHTMLを書いておけばいいので楽チンですね。 関連エントリ Twitter OAuth認証をポップアップで行うjQueryプラグイン リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Mega Drop Down Menu」 中身が画像のselectボックスを作るjQueryプラグイン
上記ブックマークレットでのQRコード生成には、下記アドレスへアクセスすればQRコードが取得できるというグーグルのサービスを利用してます。 http://chart.apis.google.com/chart?chs=300x300&cht=qr&chl=http%3a//plus.google.com/116174129635451094329 グーグルのサービスなので安心ですね。でも、iPhoneの方は、デフォルトでQRコードリーダー入ってないので、何を使うか迷いますよね…。ちなみに私は有料(現在170円)ですが、QRコード開発元DENSO WAVEの純正のを使ってます。 QRdeCODE http://itunes.apple.com/jp/app/qrdecode/id365849329 他にもURLの受け渡し方法は、他のクラウドサービス利用やメールなど考えられますが、私がイロイロ試
Despite the many JavaScript libraries that are available today, I cannot find one that makes it easy to add keyboard shortcuts(or accelerators) to your javascript app. This is because keyboard shortcuts where only used in JavaScript games - no serious web application used keyboard shortcuts to navigate around its interface. But Google apps like Google Reader and Gmail changed that. So, I have crea
サンプルと機能 → Sample 1:カーソルキーを使ってページを移動 カーソルキーを使ってページを移動します。 本のようにめくっていくようなページに使うと効果的です。 Netscapeには対応していません。 サンプルスクリプト 緑の文字が変更箇所で、赤い文字が対応するスクリプトです。 "//"以下はコメントです。削除しても影響ありません。 必要な箇所をコピー&貼り付けして編集してください。 → Sample 1:カーソルキーを使ってページを移動 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // 矢印キーの左右でページを移動する function lrPage() { // 前のページ(矢印キーの左:←) if(event.keyCode == 37) location.
表中のセルの色は値に応じて変えている。 何も数値が書かれていない欄は何も値がなかった、もしくは取得できなかったことを示す。 キーコードの取得は以下の関数で行った。 function keyCode(e){ if(document.all) return e.keyCode; else if(document.getElementById) return (e.keyCode)? e.keyCode: e.charCode; else if(document.layers) return e.which; } ファンクションキーなど何かのショートカットキーに割り当てられ、うまくキーコードが拾えないキーは、可能ならばそのイベントをキャンセルしてキーコードを取得している。 データの取得は全てWindowsXP上、JP106キーボードで行っている。
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは? そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目:導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体(JavaScriptファイル)は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
みなさん お久しぶりですヽ(´ー`)ノ夏休みの宿題終わりました? 毎日が夏休みの最終日みたいな生活してるあまちゃんです! さてさて 今日は WebKit サーバーというものを作ってみたので、紹介してみます。 WebKit って何? WebKit っていうのは Chrome や Safari の中に入ってるブラウザのエンジンのことです! 実はブラウザっていうのは、エンジン部分と見た目の部分(タブとかボタンとかね)に別れていて、意外と違うブラウザでもエンジン部分は同じものを使ってるってことも多いんですよ(*´ー`) ブラウザのサーバーってどういうこと? 要は、サーバーサイドでブラウザを起動して JavaScript を実行したり、 JavaScript が実行されないと読めないページから値を持ってくるのに使ったりしようという魂胆です。 今まではそういうのなかったの? 実は、今までは JavaS
ブラウザのリンク ツールバーに翻訳ブラウザ ボタンを追加すると、ウェブページやテキストをワンクリックで翻訳できます。 ウェブページで翻訳したいテキストがあれば、マウスでテキストを選択し、ブラウザ ボタンをクリックします。 ウェブページ全体を翻訳する場合は、ボタンをクリックします。ブラウザ ボタン リンクを右クリックし、[お気に入りに追加] をクリックします。
tweetree.net はあなたの twitter のツイート最新100件の情報を元に、一本の木をつくるコンテンツです。ご使用のブラウザ環境では本サイトが正常に表示されません。 以下の注意点をご確認して再度ご覧下さい。 ・Javascriptを有効化してください。 ・最新の FlashPlayer プラグインをインストールしてください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く