グーグルは、JavaScriptでMVCアーキテクチャのアプリケーション開発をする際に便利な機能を備えたライブラリ「AngularJS 1.0」のリリースをブログで発表しました。 MVCアーキテクチャとは、ソフトウェアがデータモデル（Model）の部分とユーザーインターフェイスの部分（View）、そしてビューとモデルのあいだで制御する部分（Controller）に分離された構造のことを指します。 これらが分離されているとプログラムの見通しがよくなり変更にも対応しやすく、テストも容易になるため、何種類ものユーザーインターフェイスと複雑なロジックなどから構成される大規模なアプリケーションではMVCアーキテクチャの採用が望ましいものと考えられています。 しかしWebアプリケーションをMVCアーキテクチャで実現しようとすると、ビューの役割を果たすHTMLのコードの中に、どうしても複雑なJavaSc
簡単にプログラミングが学べるサイトが登場 試しに使ったけどマジで簡単でワロタｗｗｗ Tweet 1：名無しさん＠涙目です。(西日本)：2011/08/24(水) 01:40:22.41 ID:7bRW1kA90 楽しく退屈せずにJavaScriptプログラミングを学べるCodecademy Hacker Newsで参考になる記事を読んだ。その記事が推薦している本も買った。オンラインのチュートリアルをブックマークした。見ればプログラミングが楽しくなるとうたっているビデオに、80ドルも投じた。でも、なぜだろう。いまだにプログラミングのやり方が、分かんないのだ。 …というお悩みをお持ちのあなた、今夜（米国時間8/18）立ち上がったCodecademyが、きっと助けてくれるだろう。 CodecademyはWeb上の対話的なプログラミングチュートリアルで、手取り足取り、JavaScriptの基礎を教
「enchant.js」でゲームを作ろう！ HTML5とJavaScriptによるアクションゲーム制作入門 ライター：Veki HTML5でゲームが作れるライブラリ「enchant.js」がユビキタスエンターテインメントから発表されました。Webブラウザだけでスプライトを使ったゲームが動くとのことで興味を持った人も多いのではないかと思います。ここではenchant.jsを使ったゲーム作りについて見ていきたいと思います。 enchant.jsがサポートしているHTML5は，長らく使われていたHTML4に代わる次世代Webシステムの要となるものです。HTML5ではWebページの動的な要素，とくにグラフィックスの描画機能などが大幅に強化されており，これまでFlashを使わないとできなかったようなことが，HTMLとJavaScriptだけでできるというのが最大の特徴となっています。 ここにきてIn
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
YoutubeのプレーヤーはJavaScriptで制御できると公式リファレンスで見つけたのでちょっと試してみました。 YouTube JavaScript Player API リファレンス - YouTube の API とツール - Google Code http://code.google.com/intl/ja/apis/youtube/js_api_reference.html 公式サイトのプレイヤーを制御 リファレンスを参考に試行錯誤した結果、Youtubeの公式サイトでは(2009/03/03現在)以下のJavascriptで動作可能な様です。 公式サイトで動画を再生した後、以下のスクリプトをアドレスバーに入力してみて下さい。 一時停止 javascript:(function(){var player = _gel("movie_player");player.pause
はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 （マンガは、左上から右下へと読みます） プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ
iPhoneアプリを作るためには以下のようなプログラミングの知識が必要だと思われています。 Objective-Cの知識 (Cの知識 + オブジェクト指向プログラミングの知識) iPhoneのライブラリの知識 これらをマスターするのはかなり大変ですが、 「PhoneGap」というシステムを利用すると、 JavaScriptだけを使って簡単にアプリを作成することができます。 iPhoneのSafariから JavaScriptが動くWebページにアクセスするとiPhone上でJavaScriptプログラムを動かすことができます。 このような「Webアプリケーション」はSafariの上でしか動作しませんし、 ネットに接続されていない状態では利用できません。 しかしPhoneGapを利用すると、 JavaScriptプログラムとSafariをまとめてひとつのアプリケーションを生成することができる
2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください！」との声が多いのですが、日本のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください！ ↑私が10年以上利用している会計ソフト！ Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため？何のため？Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム（Webサイトのレイアウト）を作成 Webサイトの骨組み: ワイヤーフレームを素早く・
Ajax入門|Ajaxの基礎と応用の学習 Ajax入門 Web2.0を代表する技術であるAjax JavaScriptの基本からAjaxの基礎・応用までサンプルを使って紹介 Ajax（エイジャックス）の基本は、JavaScriptのプログラミングとJavaScript/Ajaxライブラリの活用です。広範囲なAjax技術の中から、特に入門者向けの記事を中心として 役に立つ情報を配信中。prototype.jsやjQueryなどのAjaxライブラリーを使ったサンプルも紹介しています。 Ajaxの基礎であるJavaScriptの基本を学ぶ為に、入門者向けの「やりなおしのJavaScript」を連載（ThinkITに掲載)。 「やりなおしのJavaScript」では、毎回小さなアプリケーションを作りながら、DOMの制御方法や、Ajax/JavaScriptの基礎文法の復習をしていきます。Think
With all the cool things that surround JavaScript (especially with jQuery), it’s easy to forget that it’s possible to push pure CSS (with a touch of HTML) into an all singing and all are dancing interactive site, with absolutely no scripting at all. The pure CSS techniques, outlined in this article, are neither new nor are they groundbreaking. What they do offer is CSS solutions to what would trad
96332132, iStockphoto/ Thinkstock CSSでかっこいいUIを実装したい。 そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプル集です。 なかなかいい感じのものが揃っています。 Valid Non-Javascript Lightbox JavaScriptを使わずに、libhtbox系の動きを実装。反応が速くていい感じです Create a Content Slider Using Pure CSS さくさくと切り替わるコンテンツスライダー Pure CSS speech bubbles CSSで作る吹き出し型のデザイン Accordion Using Only CSS CSSを使ったアコーディングメニュー CSS-Only Tabbed
このページはAjaxライブラリの1つであるjQueryライブラリを勉強したい人向けに用意されています。 jQueryはバージョンによって記述方法が異なる場合があります。ここでは、バージョン別にページを用意するようにしてあります。 Ajaxライブラリで有名なものとしてはPrototypeライブラリやYahoo UI Libraryなどがあります。jQueryはPrototypeライブラリなどと併用することもできるようになっています。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 jQuery入門 (ver 1.2.1) jQuery入門 (ver 1.2.2) jQuery入門 (ver 1.2.3) jQuery入門 (ver 1.2.4) jQuery入門 (ver 1.2.5) jQuery入門 (ver 1.2.6) jQuery
概要 JavaScriptでSVGを描画するライブラリRaphael.jsを使って、 操作可能なレーダーチャートを描画するライブラリ Raphael Radar を作りました。 Raphael Radar は次の2つの機能を持ちます。 レーダーチャートをSVGで表示 レーダーチャートの各軸の値をフォームと対応づけて、インタラクティブに値を選択 (2)の機能は任意で無効化して単純なレーダーチャートとして利用することもできます。 入手と使い方 依存ライブラリ Raphael Radar を使う前に、2つのライブラリをインストールする必要があります。 Raphael.js (1.3.1 以降) jQuery (1.4.2 以降) もしうまく動作しない場合、Raphael.jsとjQueryのバージョンを合わせてみてください。 インストール方法 上記の依存ライブラリをインストール Raphael
jQuery でCSVデータを簡単に取り扱える「jQuery CSV」 Check Tweet 配布元：Plugins | jQuery Plugins | CSV ライセンス：Apache License, Version 2.0 jQuery CSVはjQuery でCSVデータを簡単に取り扱うことができるjQueryプラグインです。 利用方法 次にようにCSVデータに対して$.csv()(CSVデータ)を実行することでcsvデータを配列に変換することが出来ます。 var csv = $.csv()(CSVデータ) CSVデータは$.get()などのjQueryのAjaxメソッドを利用して取得します。 $.get('data.csv',function(data){ //Ajax後の処理 }) つまり、次のようなJavaScriptを実行することでCSVファイル（data.csv）のデ
知っている人には当然のアドオンかもしれませんが、これからウェブデザイナーを目指そうといった人には参考になると良いのですが。 1. Firebug :: Add-ons for Firefox Firefox上でCSS、HTML、JavaScriptを編集したりデバッグすることができる。 2. Web Developer :: Add-ons for Firefox ツールバーにJavaやcookie、CSSの切り替えといったメニューを追加する。 3. ColorZilla :: Add-ons for Firefox カラーピッカーのアドオン。 4. Html Validator :: Add-ons for Firefox HTMLのバリデーション（検証）を行い、ステータスバーのアイコンに表示。 5. FireFTP :: Add-ons for Firefox FirefoxをFTPク
ストリートファイターみたいなゲームを作れるようになったjQuery用ゲームフレームワーク「gameQuery」 2010年03月11日- gameQuery - a javascript game engine with jQuery 結構前に紹介した、jQueryでゲームを作れるフレームワーク「gameQuery」がパワーアップしてるようです。 ストリートファイターならぬ、JavaScript Fighter 2 というタイトルでデモが公開されていて、一見の価値ありです。 次がJavaScript Fighter 2 の画面。動きます。 他にも多数デモゲームが公開されています。 JavaScript でゲーム作成にチャレンジする際には参考にしてみましょう。 関連エントリ JavaScriptで書かれたテトリスゲーム JavaScriptでリズムゲーム「JavaScript Rock St
2009年11月5日，Googleは自社サービス製品であるGmail，Google Maps，Google Docsなどの開発に使用しているJavaScriptアプリ開発ツール群「Google Closure Tools」を一般公開しました。 "Closure"は一般的に，閉鎖や閉店といった意味で使われます。ツールの命名としては少しネガティブなニュアンスを感じますが，Google Closure Toolsの場合は，終結といった意味で，開発プロジェクトにおける最終ステップの仕上げ用ツール。すなわち“栓”という意味で中身があふれ出さないようにキッチリ閉めておくものといった意味合いから命名されているようです。 Ultimate（究極）に近い意味でGoogleの自信の表れと受け取った方がいいかもしれません。Googleで新規公開になったプロジェクトとしては珍しく，ベータ版の表記もありません（Go
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く