兵どもが、夢のあとさき

JavaScript 系の言語に興味を惹かれ、まったりと更新しております

Python 3 エディタを使おう

Python その2 何でもいいのでプログラムをとりえあず、作成する(やっぱり Hello World!! ?)

photo from an airplane(JAL) above cloud. 先程Pythonをインストールした際に、IDLE(統合開発環境)も同時にインストールされています。今後はこれを使ってプログラミングしていきたいと思います。IDLEとは、対話型のテキストエディタです。見た目は Windows…

いきなりPython

24/03/03(日)から頑張ります。Pythonの基礎から応用まで分かり易く、でも深層までしっかり踏み込んでいくよ。 photo from JAL airplane above Chitose City. インストール 何はともあれインストールですね。私の場合Windows上で諸々行っておりますので、次の…

Reactって何だー(JSX、props編)

photo at Rebun island JSXとは props を使用して引数をコンポーネントに渡す JSXとは JSX とはなんでしょうか。JSX とは、JavaScript + XML の略で、JavaScript の拡張構文です。UI がどのような見た目かを記述するために、React で JSX を使用することは必…

Reactって何だー(ソフトウェア開発編 その2)

photo at Moiwa mountain Axiosの使い方 コンポーネント化について 引数の引き渡し おはようございます。暑い日が続いてますね。皆さま熱中症には十分注意してください。それでは早速続きと参りましょう。 Axiosの使い方 前ページで、Axios の使い方が間違っ…

Reactって何だー(Material-UI の使い方)

shogorobe.hatenablog.com photo in Sapporo city (You may see a rainbow?) インストール ユーザインタフェースって結構見た目も重要ですよね。そこで、CSS を変更したり、かっこいいバック画像をはめ込んでみたりを行うわけですが、デザインのセンスが皆無…

Reactって何だー(ソフトウェア開発編 その1)

photo in Kyoto city ユーザがボタンを押す 気象庁のサイトから気象情報を JSON 形式で取得 予め設定した地域の情報を選択 さて、"Hello World!!" の表示は行うことができたので、次に簡単なプログラムを作成してみましょう。お題は、友人のいる地域の天気予…

Reactって何だー(環境構築編)

Scenery from the airplane Reactのインストール エディタの選択 React のインストール(というか、プロジェクトの作成) "Hello World!!" の表記 私はこれまでjQueryを使用してきましたが、ここ近年「React」がjQueryにとって代わろうとしています。 React…

XMLHttpRequest とは何か?

XMLHttpRequest とは そもそも XMLHttpRequest とはなんでしょう。 だらだらと書くと、XMLHttpRequest とは、javascript から HTTP アクセスを行う際に使用される API です。ブラウザから直接 HTTP アクセスする方式に比べ、Ajax 等の技術を使用すれば、Goog…

JSONあれこれ(5)

まとめ ここまで引っ張ってきましたが、残念ながら「お天気Webサービス」から JSON データを javascriptライブラリで取得する方法は見つかりませんでした。但しサーバ側の設定次第では、取得する方法はありますので、下記にまとめます。 サーバとクライアン…

- Windows - 起動しているサービスを停止する

忘備録 起動しているポート番号から、そのアプリ名を取得して停止する。Windowsのコマンドプロンプトを起動します。以下のコマンドを実行 netstat -nao 当該ポートを使用している PID を確認 tasklist /svc /fi "PID eq 2128" その PID を使用しているアプリ…

JSONあれこれ(4)

JSONを出力するプログラム(json.php)はできましたので、次はそのデータにアクセスし、データを取得・表示する受信側を作成します(ajax.php)。これも『PHP逆引きレシピ 第2版』からの引用です。なお、サーバ環境に関しては『PHP逆引きレシピ 第2版』のままと…

金沢駅

金沢駅 新幹線開通に合わせ、改修された正面口です。シンメトリで美しいです。

JSONあれこれ(3)

どのようにアクセスすればよいのでしょうか? と、その前に、このプログラムのセキュリティ等に関してまとめておきます。 まず、下記ですがプログラム内のコメントにもありますように、「JSONハイジャック攻撃」を防止するために、受信HTTPヘッダ(x_request_…

JSONあれこれ(2)

前回、作成した(実は、本を参照させていただいただけ)下記プログラム (json.php) ですが、これをそのままWebサーバ上で実行すると、

JSONあれこれ(1)

JSON 形式のデータを返す これまでどちらかと言えば XML に縁があったのですが、JSON形式のデータはXML等に比べて軽量で、かつ javascript との相性も良いのでこれから積極的に使用していきたいと考えています。(難を言えば、名称が某スプラッタ映画を…) 以…

javascript のスコープ

1. スコープ スコープは関数内でのみクローズする。 関数もまたオブジェクトであるという事実を強調します。 JavaScript は関数をクラスとして用います。 (javascript内では、クラス≒関数≒オブジェクト。クラス(関数)を実体化したものがオブジェクト。だから…

Apache で PHP を使用する

1. http.conf の編集 PHPを使用可能にする(PHPのフォルダ名、PHP DLL名は適切に設定すること。ダブルクォーテーションの書き忘れなど無いように...) LoadModule が並んでいる下あたりに、下記を追加 # apache 2.2.x の場合 LoadModule php5_module "c:/php/p…

MySQL Install

1. インストール ① C:\MySQL フォルダを作成 ・XAMPP を使用する場合この処理は不要。 ② ファイルのダウンロード、インストール ・ZIP版の場合 http://www-jp.mysql.com/downloads/ => 『Download MySQL Community Server』(http://www-jp.mysql.com/downloa…

Netbeans + GlassFish

0. JDK のインストール http://java.com/ja/download/manual.jsp から、『Windows オフライン(64ビット)』をダウンロード。実行(管理者権限が必要) '14/02/09現在、デフォルトインストール先は、「C:\Program Files\Java\jdk1.7.0_51」となる。 JSKをインス…

Apache のインストール

Apache のインストール 1. ダウンロード Thread Safe は、Apache や IIS のタイプに合わせること。 Apache 2.x Thread Safe には、PHP も Thread Safe タイプを使用する。 http://www.apachelounge.com/ から正しい Apache を取得すること。(http://www.apac…

Apache のインストール(HTTPS版)

HTTPS サーバ構築の手順 1. SSL対応のApacheをインストール 2. mod_sslの有効化 3. 鍵ペアの作成とデジタル証明書の作成 4. Apache設定ファイルの設定 5. SSL設定ファイルの設定 6. SSLの接続確認 * 以下の 『apache24』は適宜適切な名称に置き換えること 1.…