HTML＋JavaScriptだけでブラウザに図形描画（2） - Canvas API -
TIPS 018：キャンバスにテキストを描画する TIPS 019：文字列の横幅を計算する TIPS 020：図形に影効果を追加する TIPS 021：線形グラデーションを表現する TIPS 022：円形グラデーションを表現する TIPS 023：キャンバスに画像を貼り付ける TIPS 024：画像の一部を切り出して貼り付ける TIPS 025：画像を繰り返し表示する TIPS 026：画像の特定領域を切り抜く TIPS 027：特定の座標がパス領域に含まれるかを判定する サンプル一式は、会員限定特典としてダウンロードできます。記事末尾をご確認ください。 TIPS 018：キャンバスにテキストを描画する キャンバスにテキストを描画するには、strokeText／fillTextメソッドを利用します。 ［リスト1］キャンバスに塗りつぶし文字、枠文字を描画するコード（text.html） wi
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
CSS3でFlash並みアニメが作れるSencha Animator (1/3)
iPhone／iPadのSafariやWindows 8のInternet Explorer 10（Metroモード）などでは、Flash Playerが動作しません。そこで、登場したのが「Sencha Animator」です。 Sencha Animatorは、HTML5/CSS3を使ったアニメーションを作成するオーサリングツールです。Sencha Animatorを使えば、FlashのようなアニメーションをHTML5/CSS3ベースで作成できます。同様のツールとしては米アドビ システムが開発している「Adobe Edge」があり、現在ベータ版として公開されています。 JavaScriptラボでは、今回から数回に渡って、Senacha Animatorによるアニメーションの作成方法を紹介します。初回は、導入から基本的な操作方法までを説明します。 Sencha Animatorの現在のバー
JavaScript最新動向 〜WebSocket編〜
Dev fest 2020 taiwan how to debug microservices on kubernetes as a pros (ht...
マイクロソフト、次期Officeではスクリプト言語にJavaScriptを採用か？
マイクロソフトウォッチャーであるMary-Jo Foley氏のブログ「All About Microsoft」に、次期Office/Office 365では開発機能にJavaScripやHTML5が統合されるのではないか、と予想する記事「Microsoft to focus on HTML5 and JavaScript for Office 15 extensions」が掲載されています。 求人情報に「HTML5/JavaScriptとの統合」 記事の情報源となったのが、マイクロソフトがデベロッパーを募集するために、同社の求人サイトに掲載した求人情報。その説明として書かれた文章の中に、次のようなパラグラフがあります。 Now is the time to take Office programmability to the next level. We're a small but st
Windows 8では、HTML5とJavaScriptでWindowsアプリを開発可能に
Windows 8がどのようなOSになるのか、マイクロソフトは始めてその詳細を同社のWebサイトの記事「Previewing ‘Windows 8’」で開示し、動画でのデモンストレーションも公表しました。 Previewing ‘Windows 8’: Article by Julie Larson-Green, corporate vice president, Windows Experience. 多くのメディアでは、タイル形式の新しいタッチユーザーインターフェイスに注目していますが、Windows 8の注目すべき特徴の中の1つとして、HTML5とJavaScriptに対応することが明らかにされています。 Web-connected and Web-powered apps built using HTML5 and JavaScript that have access to th
今、知っておきたいJavaScript
Webブラウザとテキストエディタさえあれば、プログラミングして実行できるシンプルで手軽な言語――。それがJavaScriptが初めて登場してからしばらくの間、多くの人が抱いた印象でした。しかし、Ajaxの登場に伴う第2のブーム以降、ハードルが高くなったように感じられます。 その大きな理由の一つが、DOM（Document Object Model）に基づくJavaScriptプログラミングでしょう。DOMは、HTMLやXMLを構成する各要素に対して、プログラムからアクセスして内部の情報を取得・変更したり、機能を利用したりするためのAPI（Application Programming Interface）です。DOMを使うことによって、WebページをリロードせずにWebページを部分的に書き換えたり、HTMLドキュメントの構造を動的に変えたりといったことが可能になります。 DOMは便利な仕組
サンプルで理解するHTML5におけるJavaScript
一般に「HTML5」と呼ばれている仕様は、HTML要素の仕様だけでなく、Webアプリケーション用APIの仕様も含んでいます。これらのAPIを使うことによってHTML5では、2D/3Dグラフィックスの描画やローカルパソコンへのデータの保存といったことが可能になります。 HTML5ではJavaScriptを使うことで、できることが従来より大幅に増えます。しかし、これは逆に言えば、HTML5の機能を活用するには、JavaScriptのスキルが不可欠だということです。 このパートでは、筆者がHTML5（＋JavaScript＋CSS3）で作成したお絵描きアプリケーション「My Animals Note！」をサンプルにして、HTML5におけるJavaScriptプログラミング、具体的にはcanvas要素を使ったグラフィックス描画や、Web Storage APIを使ったローカルパソコンへの画像データ
iOS/Androidに特化したJavaScriptのMVCフレームワーク「The M Project」 | Web活メモ帳
「The M Project」はiOSやAndroid、BlackBerryなどに特化したJavaScriptのMVCフレームワークです。 モバイル端末でのHTML5を前提に構築されており、UIもかっこいい感じに出来ています。 主な機能 以下のような機能があるようです。 データバインディング localStorageによる永続データ キレイなUI（ラベル、テキストフィールド、ツールバー、タブバーなど） jQueryによるマルチデバイス対応 デモ 永続化データを使用したToDoリストが作れるデモが公開されています。 http://the-m-project.net/apps/todos2/index.html 使用にはnode.jsが必要になるとの事。 興味のある方はgitからダウンロードできますので、使ってみてください。
HTMLとJavaScriptでiPhoneアプリを超簡単に作る方法 - 電子趣味の部屋
過去のエントリーの改訂版です。 今回はより簡単にHTML+JavaScriptでiPhoneアプリを作る方法を紹介します。 より少ない手順で、ビルド時に警告もありません。 iPhoneSDKにはSafariにも搭載されているレンダリングエンジンのWebkitが含まれています。これを利用して、HTMLでもiPhoneアプリを作ることができます。 このままAppStoreにも登録できます。 ゲームも作ろうと思えば作れますが、iPhoneのCPUはPCと比べると非常に遅いので、いくらJavaScriptが早いSafariと言えども、動作速度は期待できません。 HTMLファイルの準備 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" co
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
