MathJaxをオフラインで利用する方法

MathJax をオフライン(Windows 環境)で利用する方法を紹介します。 まず、下記のサイトから Windows 版 Git をダウンロードし、インストールしてください。 Git downloads Git をインストールしたら、コマンドプロンプト(cmd.exe)を起動し、次のように入…

JavaScript:ポップアップウィンドウの作成

アニメーションを使ってポップアップウィンドウ(ポップアップボックス)を自作する方法を紹介します。 popup1.html <html> <head> <style> .overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.2); padding-t</head></html>…

JavaScript:カレンダーの作成

JavaScript で作成した簡易カレンダーです。 “<”、“>”をクリックすると、月が変わります。 // "; calendar += ""; calendar += "< " calendar += $year + "/" + ("00" + ($month + 1)).slice(-2) calendar += " >" calendar += ""; var week = ["日", "月", …

JavaScript:オブジェクトのメソッドを onclick で呼び出す方法

オブジェクトのメソッドを onclick で呼び出す方法を紹介します。 “++”をクリックすると、数値が増加します。 // プログラムは以下のようになります。 method_call_by_onclick.htm <html> <body> <div id="index"></div> <script> var index1 = new Index(0); var index2 = new Index(0); var index3 = </body></html>…

Java:フレームワークの自作

ここでは、抽象クラスとリフレクションの二通りの方法で超簡易フレームワークを作成する方法を紹介します。 家で例えるなら、フレームワークは骨組みの部分です。言い換えると、共通部分です。同じ骨組みでも内装や外装の異なる家を複数建てたい場合がありま…

Java:リフレクションの使い方

Javaのリフレクションは、実行時に、文字列(変数名や関数名)を通して、変数の読み書きや関数の呼び出しを行うための機能です。 arithmetics.java class Arithmetics { public String attribute; public double add(double x, double y) { return x + y; } …

Java:JARライブラリの作成と使用

1.JARライブラリの作成 D:\jar\pkg1\pkg2\pkg3\Arithmetics.java package pkg1.pkg2.pkg3; public class Arithmetics { public static double add(double x, double y) { return x + y; } } 〈フォルダpkg1の中にあるファイルを全てアーカイブする場合〉 D…

C++:vectorを使った多次元配列の動的確保

下記の vector.cpp は、std::vector を使って多次元配列を動的に確保するためのプログラムです。 vector.cpp #include <iostream> #include <vector> using namespace std; void showVectorSize(vector<double>& v1) { cout << v1.size() << endl; } void showVectorSize(vector<vector<double>>& v2) </vector<double></double></vector></iostream>…

css

css

css

body { color: #252525; font-family: 'Verdana','MS PGothic','Courier','Lucida Grande','Times New Roman','Consolas','Meiryo','MS Gothic'; font-size: 13pt; line-height: 150%; letter-spacing: 1px; background-color: #888fff; margin: 20px 50px 2…

AjaxとServletの連携

Ajax と Servlet を連携するやり方について紹介します。サーブレットコンテナは Jetty を用いています。 注)Jetty は、サーブレットコンテナとして機能だけではなく、 Webサーバの機能も備えています。 ファイルの配置 まず、Jetty のzipファイルをダウンロ…

css

body { color: #252525; font-family: 'Verdana','MS PGothic','Courier','Lucida Grande','Times New Roman','Consolas','Meiryo','MS Gothic'; font-size: 13pt; line-height: 150%; letter-spacing: 1px; background-color: #888fff; margin: 20px 50px 2…

css

body { color: #252525; font-family: 'Verdana','MS PGothic','Courier','Lucida Grande','Times New Roman','Consolas','Meiryo','MS Gothic'; font-size: 13pt; line-height: 150%; letter-spacing: 1px; background-color: #888fff; margin: 20px 50px 2…

夏は花火だ!

最近、花火を見ていないので、久しぶりに見たいな!

JavaScript 備忘録

ドキュメントオブジェクトを操作するモデルをDOM(Document Object Model)と呼びます。 JavaScriptでは、オブジェクトのメンバーをプロパティと呼びます。Javaのフィールドやメソッドに対応します。 Window Object Properties & Window Object Methods HTML…

ビールが飲みたい!

ビールがおいしい季節ですね!

HTML:CSSで作成した多階層ドロップダウンメニュー

CSSだけで何階層でも可能なドロップダウンメニューを作成しました。また、transition を使って、アニメーション効果を出しています。 尚、作成に当たり下記のサイトを参考にさせて頂きました。ありがとうございました <(_ _)> 1.CSSだけで作る「多階層」な…

HTML:インラインフレーム

iframe(インラインフレーム) Character Set を UTF-8 で指定した場合は、HTML ファイルを UTF-8 フォーマットで保存すること。 iframe.htm <html lang="ja"> <head> <meta charset="utf-8"> <title> iframe </title> <link rel="stylesheet" type="text/css" href="iframe.css"> </head> <body> <iframe src="header.htm" id="header"></iframe> <…</body></html>

HTML:ヘッダーとサイドバーを固定するためのCSS

ヘッダーとサイドバーを固定するための設定を紹介します。 sample.htm <html> <head> <style> body { margin: 0px; padding: 100px 0px 0px 200px; } #header { top: 0px; left: 0px; width: 100%; height: 100px; text-align: center; background-color: #888fff; } #sidebar {</head></html>…

HTML:inurlを使ったサイト内検索

Googleのinurl(URLに含まれる文字列)を使ったサイト内検索方法です。 search.htm <html> <body> <form action="http://www.google.com/search" target="_blank"> <input type="hidden" name="hl" value="ja"> <input type="text" name="hq" value="inurl" size="50"> <input type="text" name="q" value="keyword" size="50"> </form></body></html>

手続き型プログラミングとオブジェクト指向プログラミングの違い

手続き型プログラミングでは、関数が関数外部の変数に依存しないのに対し、オブジェクト指向プログラミングでは、関数(メンバー関数、メソッド)が関数外部の変数(メンバー変数、フィールド)に依存します。 言い換えると、手続き型プログラミングでは、関…

Swiftによるオブジェクト指向プログラミング

Swiftによるオブジェクト指向プログラミングです。 robot.swift class Robot { //var (x, y) = (0.0, 0.0) var (x, y):(Double, Double) var position:(Double, Double) { set(parameter) { (self.x, self.y) = (parameter.0, parameter.1) } get { return (…

D言語によるオブジェクト指向プログラミング

D言語では、構造体は値型(value type)、クラスは参照型(reference type)です。 robot.d import std.stdio; import std.typecons; class Robot { private: Tuple!(real, real) position; public: this(real x = 0, real y = 0) { position[0] = x; positi…

Javaによるオブジェクト指向プログラミング

Javaのクラスは参照型(reference type)です。 注)Javaのローカル変数は、明示的に初期化しなければなりません。 注)Javaのメンバー変数は、明示的に初期化しなくても暗黙的にデフォルト値(default value)で初期化されます。 robot.java class Robot { …

C++によるオブジェクト指向プログラミング

コンストラクタはオブジェクトの記憶領域が確保された直後に実行され、ディストラクタはオブジェクトの記憶領域が解放された直後に実行されます。どちらも自動的に実行されます。また、コンストラクタの中で変数を new した場合は、通常ディストラクタの中でそ…

C言語によるオブジェクト指向風プログラミング

以下のコードは、構造体のメンバが公開されるオブジェクト指向風プログラミングのコード例です。 robot.h #ifndef ROBOT_H #define ROBOT_H typedef struct { double x; double y; } Robot; extern Robot* newRobot(void); extern void deleteRobot(Robot*);…

CとJavaによるオブジェクト指向プログラミング

〈プログラミングの原則〉 一つのプログラムの中に同じようなコードを重複して記述しないこと! オブジェクト:変数(variable)とその変数を操作する関数(function)の集まり。状態(state)と動作(behaviour)を有する対象。 クラスは鋳型で、インスタン…

アセンブリのお勉強

検索と置換! 転送命令、分岐命令、比較命令があれば、どんな演算でも新たに作ることができます! 以下では、Intel syntax に従います。また、CPU は 16bit とします。 0.Instruction Instruction = Opcode (Operation Code) + Operands Operand:immediate…

七夕

今日は七夕です!

楽しくなる言葉!

楽しい!楽しい!と唱えましょう!