macのGrapherはかなり優秀（ルンゲクッタ法の刻みとか変えられる）

macにデフォルトで入っているアプリケーションに「Grapher」というものがあります。「Launchpad」→「その他」の中に格納されているため以外に知らない人も多いです。

「Grapher」とはグラフ作成ツールです。gnuplotとかWolframと同じようなものです。今回はそんな「Grapher」のある機能を知ってしまったので紹介します。

微分方程式の近似解法を選択できる

無料のくせにその汎用性は素晴らしいです。微分方程式を解かせることはもちろん、「オイラー法」「ルンゲクッタ法」と選択できます。

さらに

その解の刻み幅まで選択できます。なんともありがたい。こんな素晴らしいツールがあるなんて知らなかった。自分は使ったことないですが、gnuplotみたいにデータをファイル出力することもできるみたいです。

近似解法の設定

今回は、例題にある「Differential Equations」を用います。

開くと右上に「インスペクタ」と書かれた青のiマークがあると思います。そこをクリックします

そうすると設定用の小さなウィンドウが開きます。そこの中の「積分器」というのをクリックすると近似解法を選択できます。
その下のステップサイズを自分で入力すると解の刻み幅を任意に変更できます。

試しに「0.5」にしてみます…

解がかなり粗いのでギザギザですね笑

最後に

以上「Grapher」を用いた微分方程式の解法などの設定方法に述べてきました。「Grapher」にはもっと便利な機能がありそうなので、また新たに発見したら更新します。

記事が役に立ったらシェア！

macbook-proでデータサイエンスやるためにいろいろインストールした。

スポンサードリンク

今回は、先日macbookproを購入し、今までの環境を整えるべくソフト諸々インストールしたので、まとめて見ようと思う。

これからデータサイエンスとかプログラミングとか始めたいけどどんなツールが必要なの？とか不明な人はぜひ参考にしてみてください。少し研究者向けな気もしますが…

インストールしたもの

改めて見ると最低限必要なのだけですげーあった。

インストールした理由も簡単に書いていきます。

グラフ作成ソフト　gnuplot

簡単にグラフが作れる。linuxとの親和性の高さからも重宝しています。

svg.eps描画ソフト　inkscape

ラスター形式よりもベクター形式の方が綺麗に図を作成できるため。

python3 (デフォルトがpython2のため)
テキストエディタ　atom

プラグインが豊富で改造が簡単。emacsと悩んだ。

xcode

swiftの勉強もたまにはしたくなると思って笑

homebrew

これが無いとmacは始まらない笑（macportsでもいいですが最近はこっちが主流のようですね）

Xquartz

gnuplotとかインクスケープ動かすのに必要。

統計解析ソフト　R

ネットワーク分析やらグラフ理論の勉強がてらコードを動かして遊ぶため。

R開発、コーディングの統合開発環境　Rスタジオ

rやるならこれが一番便利らしい。

python 統合開発ツール　jupyter

python 触るならこれがお手軽らしい。（canopyとかでもいいと思います。）

仮装マシン　virtualbox

サーバー動かすのに必要です。

仮装環境構築ソフト　vagrant

同上。

wonderlist(笑)

タスク管理に必要。

evernote（笑）

日々の気づきとかね。笑

最後二つは地味に必要笑。何をインストールするか、まとめるときもwunderlistの出番でしたしね。

まだ入れてないけど、gitとかアンドロイドスタジオ（アンドロイドアプリ開発ツール）、Texとかも入れようと思ってます。

スポンサードリンク

各々のインストール方法（簡易版）

といっても自分が使ったサイトを示しておわりになりそうですが。

homebrew

gnuplot

inkscape

以下の公式サイトからインストール

https://inkscape.org/ja/download/mac-os/

python3, jupyter notebook

自分は

jupyter notebook

1	jupyter notebook

のところで本来ならばブラウザが起動するはずなのですが、なぜがエラーが起き、詰まりました。

解決策として参考にさせていただいたサイトが以下です。

xquartz

以下の公式サイトからインストール

https://www.xquartz.org/

R, R-studio

vagrant,virtualbox

vagrant

https://www.vagrantup.com/

virtualbox

https://www.virtualbox.org/

残りのものはググれば瞬殺なので、書くまでもないでしょう。

最近は同じ内容ものでも複数ありどのサイト、使えばいいの？みたいな人多いと思います。そんな人の助けになれば幸いです。

スポンサードリンク

記事が役に立ったらシェア！

MEAN(Mongodb,Express,Angular,Node)スタック環境構築を試そう。だがしかし…

スポンサードリンク

MEAN スタックを使ってwebアプリを開発していこうと思います。なお今回対象とするOSはmacosです。

今回は手始めとして、MEANスタックの開発環境構築から。

これがまた長かった笑

1.node.jsのインストール

nodeのインストールにはhomebrewを用います。homebrewはあらかじめインストールしておいてください。

まずは、nodebrewをインストールします。

　
$ brew install nodebrew

1 2	$ brew install nodebrew

いろんなサイト見るとスムーズに行かれてる方が多いのですが、自分の場合はここでエラーが出ました。

nodebrew install エラーとググると、どうやらここでつまづく方もいるようで少し安心。

以下のコマンドで解決。

curl -L http://git.io/nodebrew  | perl - setup

1	curl -L http://git.io/nodebrew \| perl - setup

これを設定しないとhomebrewに対して、古いバージョンのnodebrewをインストールしてしまうらしい。

ここはこのサイトを参考にしました。

もう一回

$ brew install nodebrew

1	$ brew install nodebrew

でうまくいきました。

ついでにインストールがうまくいったかの確認は以下のコマンドでバージョンを確認できればOK

$ nodebrew -v

1	$ nodebrew -v

vX.X.X

vX.X.X

と先ほどインストールしたバージョンが表示されれば問題ないです。

次に、以下のコマンド

$ nodebrew install-binary latest

1	$ nodebrew install-binary latest

これで勝手に最新版をインストールしてくれます。違うバージョンをインストールしたい場合は、latestの部分をv.7.1.0みたいに指定すれば問題ないです。

次にインストールしたnode.jsのバージョンを有効にします。

$ nodebrew use  vX.X.X

1	$ nodebrew use vX.X.X

Xの部分に自分がインストールしたバージョンを入れてください。

$ nodebrew list

1	$ nodebrew list

でcurrentが上で指定したバージョンになって入ればOK

$ nodebrew list
v8.1.1

current: v8.1.1

$ nodebrew list

v8.1.1

current: v8.1.1

次に実行パスを通します。

$ echo 'export PATH=$PATH:/Users/xxxxx/.nodebrew/current/bin' >> ~/.bashrc

1	$ echo 'export PATH=$PATH:/Users/xxxxx/.nodebrew/current/bin' >> ~/.bashrc

~/.bash_profileも下記のように変更してください(すでに下のようになっている場合もあります)。

if [ -f ~/.bashrc ]; then
    . ~/.bashrc
fi

if [ -f ~/.bashrc ]; then

. ~/.bashrc

ここまで、終わったらターミナルを再起動して、nodeのバージョンを再確認してみてください。先ほど設定したバージョンなら問題ないです。

これでnode.jsのインストールは終わりです。

スポンサードリンク

2. AngularJSのインストール

まず、angularjsに必要なyeoman等をインストールします。

% sudo npm install -g yo bower grunt-cli gulp

1	% sudo npm install -g yo bower grunt-cli gulp

次にangularjsをインストール（少し時間がかかります）

% sudo npm install -g generator-angular-fullstack

1	% sudo npm install -g generator-angular-fullstack

こんだけ！

3, MongoDBのインストール

% brew update
% brew install mongodb
% ln -fs /usr/local/opt/mongodb/homebrew.mxcl.mongodb.plist ~/Library/LaunchAgents/
launchctl load ~/Library/LaunchAgents/homebrew.mxcl.mongodb.plist

% brew update

% brew install mongodb

% ln -fs /usr/local/opt/mongodb/homebrew.mxcl.mongodb.plist ~/Library/LaunchAgents/

launchctl load ~/Library/LaunchAgents/homebrew.mxcl.mongodb.plist

上の三つのコマンドを順次実行してください。

これが終了したら、Mongodbが正常に動くか確認してください。

下記のコマンドで、起動

$/usr/local/bin/mongo

1	$/usr/local/bin/mongo

しかし以下のようなエラー。

MongoDB shell version v3.4.4
connecting to: mongodb://127.0.0.1:27017
2017-06-14T19:00:09.373+0900 W NETWORK  [thread1] Failed to connect to 127.0.0.1:27017 after 5000ms milliseconds, giving up.
2017-06-14T19:00:09.374+0900 E QUERY    [thread1] Error: couldn't connect to server 127.0.0.1:27017, connection attempt failed :
connect@src/mongo/shell/mongo.js:237:13
@(connect):1:6
exception: connect failed

MongoDB shell version v3.4.4

connecting to: mongodb://127.0.0.1:27017

2017-06-14T19:00:09.373+0900 W NETWORK [thread1] Failed to connect to 127.0.0.1:27017 after 5000ms milliseconds, giving up.

2017-06-14T19:00:09.374+0900 E QUERY [thread1] Error: couldn't connect to server 127.0.0.1:27017, connection attempt failed :

connect@src/mongo/shell/mongo.js:237:13

@(connect):1:6

exception: connect failed

色々調べると、権限が設定されていないということにたどり着く。

以下のコマンドで権限を設定し直します。

$ sudo chown -R mongod:mongod /var/lib/mongo

1	$ sudo chown -R mongod:mongod /var/lib/mongo

これでもう一回先ほどの起動コマンド。

/usr/local/bin/mongo
MongoDB shell version v3.4.4
connecting to: mongodb://127.0.0.1:27017
MongoDB server version: 3.4.4
Welcome to the MongoDB shell.
For interactive help, type "help".
For more comprehensive documentation, see
	http://docs.mongodb.org/
Questions? Try the support group
	http://groups.google.com/group/mongodb-user
Server has startup warnings: 
2017-06-14T19:00:06.242+0900 I CONTROL  [initandlisten] 
2017-06-14T19:00:06.286+0900 I CONTROL  [initandlisten] ** WARNING: Access control is not enabled for the database.
2017-06-14T19:00:06.286+0900 I CONTROL  [initandlisten] **          Read and write access to data and configuration is unrestricted.
2017-06-14T19:00:06.286+0900 I CONTROL  [initandlisten] 
>

/usr/local/bin/mongo

MongoDB shell version v3.4.4

connecting to: mongodb://127.0.0.1:27017

MongoDB server version: 3.4.4

Welcome to the MongoDB shell.

For interactive help, type "help".

For more comprehensive documentation, see

http://docs.mongodb.org/

Questions? Try the support group

http://groups.google.com/group/mongodb-user

Server has startup warnings:

2017-06-14T19:00:06.242+0900 I CONTROL [initandlisten]

2017-06-14T19:00:06.286+0900 I CONTROL [initandlisten] ** WARNING: Access control is not enabled for the database.

2017-06-14T19:00:06.286+0900 I CONTROL [initandlisten] ** Read and write access to data and configuration is unrestricted.

2017-06-14T19:00:06.286+0900 I CONTROL [initandlisten]

うまく起動できました。

Mongodbを終了させるときはControl+cでオッケーです。

スポンサードリンク

4, プロジェクトの作成

必要なものはインストールし終わりましたので、いよいよプロジェクトを作成していきます。

適当にディレクトリを作成し、そのディレクトリに移動してください。

以下のコマンドでsプロジェクトを作成（初めての場合、かなり時間がかかります。）

yo angular-fullstack sample

1	yo angular-fullstack sample

色々と聞かれますが、全てエンターで問題ないです。

angularjs-fullstackのバージョンをアップデートします。

% sudo npm install -g npm-check-updates
% npm-check-updates -u
% npm install

% sudo npm install -g npm-check-updates

% npm-check-updates -u

% npm install

三つ目のコマンドは多少時間がかかります。

5. プロジェクトの起動

$grunt serve

1	$grunt serve

これで勝手にサーバーが立ち上がり、デフォルトのUIが表示されるはずが、

$ grunt serve
A valid Gruntfile could not be found. Please see the getting started guide for
more information on how to configure grunt: http://gruntjs.com/getting-started
Fatal error: Unable to find Gruntfile.

$ grunt serve

A valid Gruntfile could not be found. Please see the getting started guide for

more information on how to configure grunt: http://gruntjs.com/getting-started

Fatal error: Unable to find Gruntfile.

はい？ここにきて問題発生。

有効なGruntfleがないよと言われているが、Gruntfileって何ですか？って感じです。

もう少しでプロジェクトの開発が始められそうなんですが、今回は疲れたのでここまで。

原因がわかったらまた更新します。

記事が役に立ったらシェア！

ローカル開発環境構築(mac-version)

スポンサードリンク

本格的にexpress,nodejsの勉強をして、webアプリを作ろうと思っていますが、ローカル開発環境がまだ整っていないので、その整備から。

virtualboxとvagrantを用います。この二つは公式サイトから無料でインストールできるので、ダウンロードしてください。

＞＞＞virtualboxのインストール

＞＞＞vagrantのインストール

ここからは、ターミナルでの作業になります。

まず、仮想マシンを作るフォルダを作成しそのフォルダに入ってください。

以下のコマンドで仮想マシン設定用のvagrantファイルを作成します。

vagrant init bento/centos-6.8

1

vagrant init bento/centos-6.8
　Vagrantfileを編集して仮想マシンのIPアドレスを192.168.33.10にします。

sed -i '' -e 's/# config.vm.network "private_network", ip: "192.168.33.10"/config.vm.network "private_network", ip: "192.168.33.10"/' Vagrantfile

1

sed -i '' -e 's/# config.vm.network "private_network", ip: "192.168.33.10"/config.vm.network "private_network", ip: "192.168.33.10"/' Vagrantfile

sed -i はターミナルから直接ファイルの中身を変更するためのコマンドです。vim等でVagrantファイルを指定し、開いてから自分で書き直す方法もありますが、便利なので使いましょう。
以下のコマンドで仮想マシンを起動します。

vagrant up

1

vagrant up
仮想マシンが正常に動作しているか確認します

vagrant status

1

vagrant status
以下のコマンドでサーバーにログインします

vagrant ssh

1

vagrant ssh

ログインすると、コマンドを打つ部分が自分のPC名から[vagrant@localhost centos6]$と変化します。これでログインできているどうかを確認できます。
ここからは仮想マシン内の設定をしていきます。まず以下のコマンドでOSを最新の状態にアップデート。

sudo yum -y update

1

sudo yum -y update
スクリプトを入手するためのgitをインストール

sudo yum -y install git

1

sudo yum -y install git
gitを使ってアプリケーション設定用のスクリプトをダウンロード

git clone https://github.com/dotinstallres/centos6.git

1

git clone https://github.com/dotinstallres/centos6.git
centos6フォルダができるのでそちらに移動

cd centos6

1

cd centos6
スクリプトを実行（時間かかります）

./run.sh

1

./run.sh
もろもろの設定を反映

exec $SHELL -l

1

exec $SHELL -l
仮想マシンをログアウトするときはexitと入力します。これでMacの方へ操作が戻ります。
そして仮想マシンを停止させるときは以下のコマンド

vagrant suspend

1

vagrant suspend
再度仮想マシンを起動させるときは

vagrant up

1	vagrant up

前回ちゃんと、仮想マシンを停止させていれば普通に起動します。

あとは前と同じで、sshでログインするだけです。

仮装マシン設定のコマンドは毎回やる必要はないです。定期的にアップデートがあるか確認する程度で良いでしょう。

スポンサードリンク

記事が役に立ったらシェア！

GitHubに驚嘆した話　〜ドラッグアンドドロップの時代は終わったのか？〜

最近、アプリ開発を始め（まだゴミアプリしか作っていませんが笑）開発のソースコードとかをどう保存しようかと考えていたところ、多くのエンジニアや研究者の方が使っているGitHubを使ってみようと思いました。

GitHubとは？

簡単に言うとクラウド上にソースコードを保管するためのwebアプリケーションです。facebookやインスタグラムは写真をクラウド上で管理できるのに対し、GitHubはアプリ開発のソースコードとかを保存します。そして、GitHubを利用している全てのユーザーとそれを共有できます。なので、他の人が作ったソースコードとか、ダウンロードし放題です。世界中のエンジニアで知らない人はおそらくいないでしょう。

使い方の前に…

githubには専門の用語がたくさんあり、使いこなすにはそれらを理解しなければいけません。以下ではそれらを紹介していきます。

リポジトリ

ローカルリポジトリとリモートリポジトリの２種類があります。簡単に言うと、物（ファイル）を保管または製造する工場とその本社のイメージでしょうか。

管理したいディレクトリを入れておけば、そのディレクトリ内のファイルの変更記録とかを残せます。

2 .プッシュ

ローカルでファイルの編集をし、その作業内容をリモートリポジトリ（クラウド上）へを残すこと。工場での製造記録や発注記録を本社へ知らせるイメージでしょうか。

3. コミット

ファイルの追加や変更の履歴をローカルリポジトリに保存することです。工場で製造記録をまとめてから本社へ知らせるイメージ。本社へ知らせるにも工場内で誰かがそのための書類を作らなければいけませんね。なので、実際の流れはコミット（ローカル保存）→プッシュ（リモート保存）といった流れになります。

4. ブランチ

正直まだ理解できていないのですが、リリースした後のアプリとかをバージョンアップしながら、機能を新たに追加するときに変更記録を分岐した状態で残すことができるそうです。ここら辺は本格的にアプリ開発をしていかないと多分わからないです。すいません。

スポンサードリンク

GitHubの使い方　超初級（自分が機能を使い次第、追加していきます）

まず、github上でリポジトリを作ります。New repositoryのボタンで作れます。
その後ターミナル上で作業します。ターミナルでgithubと連携できるのが魅力的です。ディレクトリ内で以下のコマンドを実行することで、リポジトリ（ローカルリポジトリ）が作成されます。この時点ではGitHub の自分のアカウントには何も表示されません。

git init

git init

3. リポジトリに追加したいファイル（ソースコードとかの）を以下のコマンドで追加します。この時点では一時保存という扱いです。

git add ファイル名

1	git add ファイル名

4. そしてこのディレクトリに新たにファイルや、ディレクトリ等を追加した時の変更記録をリポジトリに以下のコマンドで記録します

git commit -m “追加したファイル名”

1	git commit -m “追加したファイル名”

5. そしてリモートリポジトリに変更記録を保存します。まずリモートリポジトリの情報の追加をします。本社へ送るにも本社の住所や連絡先を知らないと無理ですよね。以下のコマンドで実行します。

git remote add origin URL

1	git remote add origin URL

上のURLのところは、自分のGitHub上でNew repositoryのボタンを押すと次の画面に出てくる、リモートリポジトリのURLです。コピペしてください。

そして以下のコマンドで、ローカルリポジトリの変更記録をリモートリポジトリに保管できます。この作業を「pushする」と言います。

git push origin master

1	git push origin master

ここまでやってようやく、GitHub上で変更したディレクトリやファイルが確認できます。

まだまだ、色々使いかたがありますが超入門として今はここまでにします。追って更新していきます。

スポンサードリンク

記事が役に立ったらシェア！

swiftでiosのアプリを開発してみた

今回は、iosのアプリ開発をしたのでそれの説明をしようと思います。アプリの主な機能は

urlを読み込み、webページを表示させる
Segmented Controlを用いて３つのWebページを表示する機能
ネッワークエラー検出機能
ネットワークエラー検出時の表示ボックス

です。初心者なのでまだこの程度のものしか作れませんが、簡単なところから始めようと思います。ついでに今回はサッカーのチャンピオンズリーグとヨーロパリーグとリーガエスパニョーラのwebページを表示させてみようと思います。

ストーリボードの設定

以下にstoryboard を載せます。とはいっても、複雑な部品は配置していません。設置した部品は、

Segmented Control
Web View

の二つです。Segmented Control は「Show the Attributs inspector」→「Segmented Control」→「Segments」でカテゴリーを３つにするのを忘れないように。

スポンサードリンク

コードの説明

Segmented Controlの設定

以下に、取得したWebページをSegmented Controlと紐付けるコードを載せます。

  @IBAction func siteChoice(_ sender: UISegmentedControl) {
        
        // choose category
        switch sender.selectedSegmentIndex {
        case 0:
            taskCategory = "CL"
            let urlString = "http://jp.uefa.com/uefachampionsleague/"
            let urlRequest = URLRequest(url: URL(string: urlString)!)
            self.browserWebview.loadRequest(urlRequest)
        case 1:
            taskCategory = "EL"
            let urlString = "http://jp.uefa.com/uefaeuropaleague/"
            let urlRequest = URLRequest(url: URL(string: urlString)!)
            self.browserWebview.loadRequest(urlRequest)
        case 2:
            taskCategory = "LIGA"
            let urlString = "http://www.wowow.co.jp/sports/liga/"
            let urlRequest = URLRequest(url: URL(string: urlString)!)
            self.browserWebview.loadRequest(urlRequest)
        default:
            taskCategory = "CL"
        }
        
    }

@IBAction func siteChoice(_ sender: UISegmentedControl) {

// choose category

switch sender.selectedSegmentIndex {

case 0:

taskCategory = "CL"

let urlString = "http://jp.uefa.com/uefachampionsleague/"

let urlRequest = URLRequest(url: URL(string: urlString)!)

self.browserWebview.loadRequest(urlRequest)

case 1:

taskCategory = "EL"

let urlString = "http://jp.uefa.com/uefaeuropaleague/"

let urlRequest = URLRequest(url: URL(string: urlString)!)

self.browserWebview.loadRequest(urlRequest)

case 2:

taskCategory = "LIGA"

let urlString = "http://www.wowow.co.jp/sports/liga/"

let urlRequest = URLRequest(url: URL(string: urlString)!)

self.browserWebview.loadRequest(urlRequest)

default:

taskCategory = "CL"

}

 sender: any  のところを sender: UISegmentedControl　 とするのを忘れないでください。

1	sender: any のところを sender: UISegmentedControl　とするのを忘れないでください。

３つのWebページの配置にはswitch 文を用いています。case内の主な手順としては、

カテゴリーの宣言
urlString （letで定数指定）の中に表示させたいURLをぶち込む
urlをURLRequest型に変換。urlStringがoptinal 型なので、「！」をつける
Webviewのメソッドを呼ぶので、お決まりのselfで呼んであげて終わり。

ネットワークエラー検出

//アラートの表示
    func showAlert(_ message: String) {
        let alertController = UIAlertController(title: "Error", message: message, preferredStyle: .alert)
        let defaultAction = UIAlertAction(title: "OK", style: .default, handler: nil)
        alertController.addAction(defaultAction)
        self.present(alertController, animated: true, completion: nil)
    }
    
//nettowa-kuエラー時の検出と表示
    func webView(_ webView: UIWebView, didFailLoadWithError error: Error) {
        if (error as! URLError).code == URLError.cancelled {
            return
        }
        self.showAlert("Network Error")
        self.browserWebview.stopLoading()
    }

//アラートの表示

func showAlert(_ message: String) {

let alertController = UIAlertController(title: "Error", message: message, preferredStyle: .alert)

let defaultAction = UIAlertAction(title: "OK", style: .default, handler: nil)

alertController.addAction(defaultAction)

self.present(alertController, animated: true, completion: nil)

}

//nettowa-kuエラー時の検出と表示

func webView(_ webView: UIWebView, didFailLoadWithError error: Error) {

if (error as! URLError).code == URLError.cancelled {

return

}

self.showAlert("Network Error")

self.browserWebview.stopLoading()

}

showAlertメソッドでまずアラートの表示機能を実装します。そして今回実装する機能は、ネットワークエラー時なので、webViewメソッドで実装します。

そしてshowAlertを’Network Error’と表示するようにし、その時にwebページのロードを中止するようにします。if文の中身はユーザーがロード中に他のボタンを押してしまった時などにキャンセルされた場合などを除外するために、記述しましょう。

以下に動作確認の動画を載せます。

webページを表示させることができるので、いつかUIに凝ったブラウザとかも作ってみたいです。以下に今回のアプリ開発で実装したコードを載せます。

//
//  ViewController.swift
//  browser
//
//  Created by 中村俊 on 2017/05/12.
//  Copyright © 2017年 中村俊. All rights reserved.
//

import UIKit

class ViewController: UIViewController , UIWebViewDelegate{

        @IBOutlet weak var browserWebview: UIWebView!
        @IBOutlet weak var categorySegment: UISegmentedControl!
   var taskCategory = "CL"
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        self.browserWebview.delegate = self
        }


    @IBAction func categoryChosen(_ sender: UISegmentedControl) {
        // choose category of task
        switch sender.selectedSegmentIndex {
        case 0:
            taskCategory = "CL"
            let urlString = "http://jp.uefa.com/uefachampionsleague/"
            let urlRequest = URLRequest(url: URL(string: urlString)!)
            self.browserWebview.loadRequest(urlRequest)
        case 1:
            taskCategory = "EL"
            let urlString = "http://jp.uefa.com/uefaeuropaleague/"
            let urlRequest = URLRequest(url: URL(string: urlString)!)
            self.browserWebview.loadRequest(urlRequest)
        case 2:
            taskCategory = "LIGA"
            let urlString = "http://www.wowow.co.jp/sports/liga/"
            let urlRequest = URLRequest(url: URL(string: urlString)!)
            self.browserWebview.loadRequest(urlRequest)
        default:
            taskCategory = "CL"
        }
    }
    
//アラートの表示
    func showAlert(_ message: String) {
        let alertController = UIAlertController(title: "Error", message: message, preferredStyle: .alert)
        let defaultAction = UIAlertAction(title: "OK", style: .default, handler: nil)
        alertController.addAction(defaultAction)
        self.present(alertController, animated: true, completion: nil)
    }
    
//nettowa-kuエラー時の検出と表示
    func webView(_ webView: UIWebView, didFailLoadWithError error: Error) {
        if (error as! URLError).code == URLError.cancelled {
            return
        }
        self.showAlert("Network Error")
        self.browserWebview.stopLoading()
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    
}

// ViewController.swift

// browser

// Created by 中村俊 on 2017/05/12.

import UIKit

class ViewController: UIViewController , UIWebViewDelegate{

@IBOutlet weak var browserWebview: UIWebView!

@IBOutlet weak var categorySegment: UISegmentedControl!

var taskCategory = "CL"

override func viewDidLoad() {

super.viewDidLoad()

// Do any additional setup after loading the view, typically from a nib.

self.browserWebview.delegate = self

}

@IBAction func categoryChosen(_ sender: UISegmentedControl) {

// choose category of task

switch sender.selectedSegmentIndex {

case 0:

taskCategory = "CL"

let urlString = "http://jp.uefa.com/uefachampionsleague/"

let urlRequest = URLRequest(url: URL(string: urlString)!)

self.browserWebview.loadRequest(urlRequest)

case 1:

taskCategory = "EL"

let urlString = "http://jp.uefa.com/uefaeuropaleague/"

let urlRequest = URLRequest(url: URL(string: urlString)!)

self.browserWebview.loadRequest(urlRequest)

case 2:

taskCategory = "LIGA"

let urlString = "http://www.wowow.co.jp/sports/liga/"

let urlRequest = URLRequest(url: URL(string: urlString)!)

self.browserWebview.loadRequest(urlRequest)

default:

taskCategory = "CL"

}

//アラートの表示

func showAlert(_ message: String) {

let alertController = UIAlertController(title: "Error", message: message, preferredStyle: .alert)

let defaultAction = UIAlertAction(title: "OK", style: .default, handler: nil)

alertController.addAction(defaultAction)

self.present(alertController, animated: true, completion: nil)

}

//nettowa-kuエラー時の検出と表示

func webView(_ webView: UIWebView, didFailLoadWithError error: Error) {

if (error as! URLError).code == URLError.cancelled {

return

}

self.showAlert("Network Error")

self.browserWebview.stopLoading()

}

override func didReceiveMemoryWarning() {

super.didReceiveMemoryWarning()

// Dispose of any resources that can be recreated.

}

スポンサードリンク

記事が役に立ったらシェア！

gnuplotで”球”を描いて見た

球体の良い感じの図が欲しかった。

自分が書いているwebマガジンの方で、球体の図が欲しくなったので、何で書こうかと試行錯誤した結果、gnuplotに決定。 pptが使えないのでkeynote?

いやー、それならepsで出力できる方が良いかと思い、ベクター描画できるinkscapeか（自分はイラストレータがないので）？

そもそもepsにこだわる理由がないなら、球体のフリーイラスト素材使えばよくね？って。でもフリー素材だと本当に球だけになって、簡素になるなぁって。じゃあ、球体書くときに軸とかグラデーションつけたらそれっぽくなるんじゃねって。

でも、それらを図で書くのだるいなって。

ならグラフ描画ツール使ったら一発じゃんて思い、gnuplotを使って球体を表現することにしました。今回は、gnuplotを使って球体を書くときの注意点とか、gnuplotでそれらをコマンド打ちするのめんどいって言う人の為に、自分が作った簡易設定ファイルについて説明します。

自分が直面した壁その１

gnuplotはaquatermで描画するようにインストールするとなぜか、マウスやドラッグでの視点変更ができないです（おそらくデフォルト）。なのでgnuplotをインストール際は、以下のコマンドを使い、x11で描画するように設定してください。これなら、初期状態からグラフ上で、視点変更が可能です。

 brew install gnuplot --with-x11

1	brew install gnuplot --with-x11

スポンサードリンク

自分が直面した壁その２

なぜか潰れる。

単純にダサいですね。しかしこのコマンドで解決。

set terminal png size 480,480

1	set terminal png size 480,480

画像出力の際に、サイズを指定してやれば良いだけでした。出力せずに、ウィンドウサイズを変更したい場合は

gnuplot起動時に

gnuplot -geometry 480x480 # 縦×横でサイズ指定

1	gnuplot -geometry 480x480 # 縦×横でサイズ指定

としてgnuplotを起動してやれば、正方形でウィンドウ表示可能です。以下にサイズを指定し直したものを載せます。

ついでに、コンター表示もしてみました。今回のグラフを作るのに用いた設定コードは以下。

set parametric # 媒介変数モードON
set urange[0:2*pi] # uの描画範囲を設定
set vrange[0:2*pi] # vの描画範囲を設定
set isosamples 70
set palette define (0 "navy",1 "blue",2 "dark-violet",3 "red",4 "yellow")
set xrange [-1:1]
set yrange [-1:1]
set zrange [-1:1]
set view 80, 45, 1, 1
set size 1,1
set ticslevel 0
splot cos(u)*cos(v),sin(u)*cos(v),sin(v) with pm3d

#set terminal postscript eps enhanced color
#set output "ball.eps" # ファイル名で保存場所を指定可能
set terminal png size 480,480
set output "ball.png" # ファイル名で保存場所を指定可能
replot                    # 必要
set output                # 必要。これで、先ほど作ったepsがcloseされる。
set terminal

set parametric # 媒介変数モードON

set urange[0:2*pi] # uの描画範囲を設定

set vrange[0:2*pi] # vの描画範囲を設定

set isosamples 70

set palette define (0 "navy",1 "blue",2 "dark-violet",3 "red",4 "yellow")

set xrange [-1:1]

set yrange [-1:1]

set zrange [-1:1]

set view 80, 45, 1, 1

set size 1,1

set ticslevel 0

splot cos(u)*cos(v),sin(u)*cos(v),sin(v) with pm3d

#set terminal postscript eps enhanced color

#set output "ball.eps" # ファイル名で保存場所を指定可能

set terminal png size 480,480

set output "ball.png" # ファイル名で保存場所を指定可能

replot # 必要

set output # 必要。これで、先ほど作ったepsがcloseされる。

set terminal

上記のコードを”ファイル名.gp”として保存し、gnuplot を起動した状態で、

load "ファイル名.gp"

1	load "ファイル名.gp"

として実行すれば描けます。

球体をgnuplotで良い感じに表現したい人の助けになれば幸いです。

スポンサードリンク

記事が役に立ったらシェア！

微分方程式の近似解法を選択できる

近似解法の設定

インストールしたもの

各々のインストール方法（簡易版）

homebrew

gnuplot

inkscape

python3, jupyter notebook

xquartz

R, R-studio

vagrant,virtualbox

1.node.jsのインストール

2. AngularJSのインストール

3, MongoDBのインストール

4, プロジェクトの作成

5. プロジェクトの起動

GitHubとは？

使い方の前に…

GitHubの使い方 超初級（自分が機能を使い次第、追加していきます）

ストーリボードの設定

コードの説明

Segmented Controlの設定

ネットワークエラー検出

球体の良い感じの図が欲しかった。

でも、それらを図で書くのだるいなって。

自分が直面した壁その１

自分が直面した壁その２

GitHubの使い方　超初級（自分が機能を使い次第、追加していきます）