ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。他にも、ゲーム制作やデータ分析・機械学習/AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。

FireBugのDebuggerとは、JavaScriptの特定部分にブレークポイントを設定し、ステップイン/ステップアウト等、ステップ実行をすることが出来ます。 例えば、次のプログラムを作ってFirefox上で開いてみてください。 <script type="text/javascript"> <!-- function execute() { var a = 10; var b = 3; var c = a * b; alert(c); } //--> </script> <a href="#" onclick="execute()">実行</a> そして、Debuggerタブを開き、5行目をクリックすると次の画像のように、赤丸が行頭に付きます。 これをブレークポイントの設定といいます。 ここで、ブラウザ上に表示されている「実行」リンクをクリックしてみましょう。 すると次の画面が表示さ
以下のように設定しておくと関数の呼び出し元の関数を調べることが出来る。 function a(){ b(); } function b(){ console.log(arguments.callee.caller) alert("hoge") } a() callerをどんどんたどるともっと呼び出しもとの関数をたどることができる。 function a(){ b(); } function b(){ var currentFunction = arguments.callee.caller; while (currentFunction) { console.log(currentFunction.toString()); currentFunction = currentFunction.caller; } alert("hoge") } a() 参考サイト:IE上のJavaScript
JavaScriptのthisは同じソースコードでも呼び出し元次第で意味が違ったりして複雑だと思われがちだけど、一回覚えてしまえば簡単だ。 JavaScriptにはthisが4種類ある これだけをしっかり覚えておけば、後は必要な時に 4種類って何があるんだっけ? と考えれば容易に思い出せる。 ちなみに、下記のコードはブラウザ上で実行することを想定している。(なのでwindowを使う) トップレベルのthis グローバルオブジェクトを指す。 var hoge = "fuga"; window.foo = "bar"; // fuga+bar と表示される console.log(this.hoge + "+" + this.foo); (function(){ // 同じくfuga+bar と表示される console.log(this.hoge + "+" + this.foo); })(
前回までのおさらいと今回のあらすじ 前回までの記事で、JavaScriptでオブジェクト指向を行うにあたって必要な知識を一通り網羅しました。その中で、オブジェクトに属する関数=メソッドについても触れました。 今回は、オブジェクトやメソッドと深い関わりのあるキーワード、「this」について解説したいと思います。 thisキーワードについてきっちり理解する 「thisキーワードについてお話しする」と言いましたが、実はthisキーワードは連載中で既に触れています。連載第9回で、このように述べています。 「(thisキーワードは)実行中のコードが「自分自身」を表すオブジェクトにアクセスするためのキーワードです。」 「実行中のコード」とされているのは、関数(メソッド)などの実行可能なコードということです。つまり、thisキーワードはメソッドをメンバに含むオブジェクトを指す、と言って良いでしょう。 例
こんにちは、太田です。前々回、前回とJavaScriptにおける継承について学習しました。今回はそれに深く関わるthisについて学んでいきます。 JavaScriptのthisはややクセのある動作をするように思えるかもしれませんが、仕組みをしっかり把握すれば実に簡単です。特に重要なのは次の2点です。 thisが何を指すかは関数の呼び出し方で決定する thisは関数スコープに存在する特殊な変数である インスタンスとしてのthis では、まずはコンストラクタ内でのインスタンスとしてのthisを見てみましょう。 コンストラクタとthis function A(name){ this.name = name; } A.prototype.getThis=function(){ return this; }; var a = new A('aaa'); console.log(a); console
プログラミングするときは見やすいフォントを使ったほうが効率いいですよね。 Consolasはプログラミングフォントとして有名ですが日本語書体を収録してないので日本語部分は別の(アンチエイリアスが効かない)代替フォントが使われてしまいます。せっかくの綺麗なフォントが台無しですね。 そんなConsolasを日本語でも綺麗に表示させるメモです。 用意するもの Consolasフォント(Windows 7では標準で入ってます) メイリオフォント(Windows 7では標準で入ってます) MeiryoKe_Gothicフォント ブログ内記事で取りあげたソフト・ファイルのDL情報 『ことば・その周辺』ここから メイリオからMeiryoKe_Gothicを生成するプログラムをダウンロードして生成しておきます。 以上を、インストールして使える状態にしておきます。 まず、EclipseでフォントにC
下記の流れは,一度は体験しておきたい。 ER図を書く。 → 1 から,DDL文+テーブルを自動生成。 → 2 から,テーブル定義書を自動生成。 → 2 から,Webアプリを自動生成。 コーディングなし。 例として,複数人で利用できるブックマークアプリのようなものを生成してみる。 「CakePHPが作ってくれる雛型(scaffold)はリッチだ」とよく言われるが,それを更にテーブル生成ツールと組み合わせたらどうなるか,というのが焦点。 CakePHPの入門方法もちょっと兼ねる。 事前準備(1/2):ツール ER図描画+DDL生成+テーブル定義書生成のために,A5SQLというフリーソフトを使うのでインストールしておく。 A5SQLをDL http://www.wind.sannet.ne.jp/m_matsu/... また,DB+DB管理+PHP実行のために,XAMPP+CakePHPを使う。
SQL の「alter table …..」にてカラムを追加し、早速 cakePHP 上で save などの処理をしてみる。 ・・・が。 save されない。 他にも、テーブルに新しくカラムを追加したり、既存のカラムを削除したり、既存のカラムの名前や型を変更したり・・・などなど。 とにかく何かテーブルに変更が加わったら、必ずやらなければならないのが 『キャッシュの削除』 ↓キャッシュファイルはこのフォルダに入っていて /app/tmp/cache/models/ ↓こんな名前のファイルがずらっと入っている。 cake_model_default_テーブル名 変更を加えたカラムのテーブル名のついたファイルを削除する。 テーブル名が「posts」だったら cake_model_default_posts ←削除 (キャッシュファイルなので、間違って消しても問題はない) これで s
COBOLのPIC句で PIC 9(07) PIC S9(07)COMP-3 PIC S9(07)COMP といろいろ書きますが、これらの具体的な説明が欲しいです。括弧内は桁数なのかバイト数なのか。COMPが何を表しているか等です。 できれば説明が載っているサイトを見たいですが、説明のみでも結構です。
GitHub(ギットハブ)は、ソフトウェア開発のプラットフォームであり、ソースコードをホスティングする。コードのバージョン管理システムにはGitを使用する。Ruby on RailsおよびErlangで記述されており、アメリカのカリフォルニア州サンフランシスコ市に拠点を置くGitHub社によって保守されている。主な開発者はクリス・ワンストラス、P.J.ハイエット、トム・プレストン・ワーナー(英語版)である[4]。 GitHub商用プランおよびオープンソースプロジェクト向けの無料アカウントを提供している。2019年1月より、プライベートリポジトリを無料で提供するようになった[5]。2009年のユーザー調査によると、GitHubは最もポピュラーなGitホスティングサイトとなった[6]。2023年にはユーザ数1億人を突破した[1][2]。 運営会社のGitHub, Inc.は2018年よりマイク
Swift is the best programming language you should learn and make your dream app easily. Swift programming is a powerful yet easy-to-learn coding language created by Apple. It's frequently used for developing iOS and macOS applications, as well as tvOS and watchOS apps. While you can use other languages to create Apple apps, Swift is the preferred language, and it's recommended because its code is
などと省略して書けます。 echo と print は(ほぼ)同じものですが、 echo の方が文字数が少ないので(笑)オススメです。 flush関数を使うと、出力を即座にブラウザに表示させることができます。 長く実行時間のかかる処理で、途中経過を逐次表示させたい場合は、 flushを毎回呼び出すと良いです。 (実際には、flushとob_flushを両方呼ぶ必要があります) (例) flushを使ったサンプル
PHPの関数で省略可能な引数を持った関数を宣言することはできますか? オプショナルな引数というような意味合いです。 //$iwidthは時と場合によって省略可能にしたい。 test_func(500); function test_func($isize[,$iwidth]) { print ”<HR size =$isize width=$iwidth>”; }
Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Enumerations Errors Exceptions Fibers Generators Attributes References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Predefined Attributes Context options and parameters Su
概要 keypress、keydown、keyupのイベントを管理できるjQueryプラグインです。大きな特徴はふたつ。 まずひとつ目は、要素単位で設定できること。通常キーボード系のイベントはinput等の入力系要素かdocumentで発生しますが、jQuery.gpKeyは任意の要素で発生したものとして管理する事ができます。 もうひとつは、キーごとの操作をわかりやすく設定できること。例えば”Ctrl+S”を拾う場合は"^s"という文字列と処理内容をセットにして指定します。 キーボード操作のあるウェブアプリでの利用を想定しています。 ダウンロード jquery.gpkey-0.1.min.js [4KB] jQuery.gpKey.zip [57KB] jQuery.gpKey.tar.gz [57KB] 基本的な使い方 要素をクリックすると反応するようになり、また要素外をクリックした場合
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く