WSLとWin間のコード変換について(コピペ)

2018/12/14下記の記事は間違えでemacs→秀丸エディタではctrl+c(copy)、ctrl+v(paste)が単純にできる。お詫びして訂正いたします。WSL → Win10Proでは(限定的ではあるが)できる。1行の範囲内であれば問題ない。例えばWSL上のエラーメッセージをWin側でググってみるなどといったことは可能。

WSLとWin間のコード変換について(コピペ)

2018/12/11
2018/12/14下記の記事は間違えでemacs→秀丸エディタではctrl+c(copy)、ctrl+v(paste)が単純にできる。お詫びして訂正いたします。

① 2018/12/11現在で以下のことはWindows10Proのカレントバージョンに限定した話である。
② WSL → Win10Proでは(限定的ではあるが)できる。
③ 1行の範囲内であれば問題ない。
④ 例えばWSL上のエラーメッセージをWin側でググってみるなどといったことは可能。
⑤ 画面1はWSLのemacsでコピーしたソースプログラムをWin上で走る「秀丸エディタ」の中にペーストした状態である。なおTerapadではできない。改行コードは80文字のスペースに置き換わる。(調べれば改行の指定などができる可能性もある)
⑥ 画面2はスペースキー80文字をそれぞれ80文字分消去していったものである。
⑦ 画面3はそれを「.py」でセーブしたところである。秀丸エディタにはPythonのモードはないがコメントや「’」で囲われたところなどが色で示される。
⑧ このことからコード量の少ないものには構わないが多くなると実用に耐えない。
⑨ コピーコマンドはCtrl+Shift+C(WSL内で)
⑩ ペーストコマンドはCtrl+Shift+V(Win内で)
⑪ Win10Pro → WSLは基本的にできない。(もっと調べる必要があるが)これをやるには前のほうのブログで示した方法しかないのではないか。(USBメモリ経由で)
⑫ ⑪でペーストしようとすると「F12」を押した状態になる。抜けるにはもう一度「F12」を押す。

以上

画面2

画面3

↑人気ブログランキングに参加しています。よろしければ1票を!

Chrome上のサンプルプログラムをFlaskフレームワークに囲い込む

Windows上のデータ(例えばブラウザ上のサンプルプログラム等)をWSL上の環境のFlaskフレームワークで動作させたい場合、諸画面の操作で行える。

Chrome上のサンプルプログラムをFlaskフレームワークに囲い込む

Windows上のデータ(例えばブラウザ上のサンプルプログラム等)をWSL上の環境のFlaskフレームワークで動作させたい場合、諸画面の操作で行える。

 

画面1

TerapadでChrome上のサンプルプログラムをコピペする。

画面2

USBメモリーにコピペする。

画面3

WSL上でUSBをマウントする。

◎:USBをマウントする

①:USBからカレントディレクトリにモジュールをコピーする

②:Shift_JISのファイルをUTF-8に変換する

③:緑のShift_JISファイル

④:白のUTF-8に変換されたファイル

画面4

emacs上で表示した。

画面5(結果が画面上に表示される)

ADRフィールドにhttp://localhost:5000/?who=岡田次郎<Enter>を入力する。

 

画面1

画面2[/caption]
画面3

画面4

画面5

↑人気ブログランキングに参加しています。よろしければ1票を!

Flaskを使ったデモの実施

Flask下で開発する各モジュールをPythonプログラム、HTML、CSS、JSでもってデモンストレーションしてみる。

Flaskを使ったデモの実施

Flask下で開発する各モジュールをPythonプログラム、HTML、CSS、JSでもってデモンストレーションしてみる。「Qiita」の記事を参照しながら最初はvimで直前ではemacsで開発した。数学のライブラリが必要な場合はCommand PromptからAtomで開発し通常のPythonはUbuntuの端末でということになる。後で整合性の観点で問題にならなければよいが。MySQL用にAccessを並行して進めているがまだ手についていない。以下短いデモプロで実施した手順を端末の画面などで説明する。

① Demo02.pyを実行(Ubuntu端末で)
② Demo02.pyで呼び出されたJSのmain.js内でalertがダイアログを表示、OKをクリックするとDemo02.py内で引数「多和田投手」が渡されdemo02.htmlの行が表示される。この時style.cssで定義された赤い文字で表示さてバックグラウンドの水色も表示される。またdemo02.htmlで合わせて定義された写真も表示される。
③ Ubuntu画面でdemo02が走った。
④ 実行を止めるにはCtrl + Cで行う。
⑤ 実行が停止された。
⑥ Demo02.htmlをdemo03.htmlとし新たにemacsでそれを編集する。
⑦ EmacsでC-zで一時的に抜ける。そしてUbuntu内でlsコマンドを実施。
⑧ 作業が終わったので「fg」コマンドでemacsに戻る。
⑨ Emacsの作業中のdemo03.htmlが表示される。

この一連の作業で今後開発を進める。

以上

↑人気ブログランキングに参加しています。よろしければ1票を!

PythonのFlaskで学ぶ〜プログラムの再利用・ルーティング〜

仕様かバグかわからないが、CSSモジュール名が「style.css」でないとバックグラウンドの色指定ができない。

PythonのFlaskで学ぶ〜プログラムの再利用・ルーティング〜

今、下のリンクを参照しながらFlaskフレームワークを勉強している。
仕様かバグかわからないが、CSSモジュール名が「style.css」でないとバックグラウンドの色指定ができない。
リンクの記事は後程読んでDEMOプログラムを開発しようと思う。
2番煎じだが今回は勘弁してほしい。
PythonのFlaskで学ぶWebアプリケーション制作講座 第3章 〜プログラムの再利用・ルーティング〜

↑人気ブログランキングに参加しています。よろしければ1票を!

WEBフレームワークとは?

フレームワークとは?

フレームワークとは?今更聞けないWebフレームワークを始めから丁寧に
上記記事を全面的にコピーさせていただきました。

Webフレームワークとは?

Web制作などのプログラミングでは、フレームワークを使うことが頻繁にあります。フレームワークの基礎知識や特徴についてみて述べます。

さまざまなシステム開発を効率化してくれる機能群、と表現できます。機能群だけではなく、ソフトウェアの骨組みまでを用意してくれているため、少ないコードで意図する機能やデザインが実現できます。それぞれのフレームワーク特有の書き方を学ぶ必要はあるのですが、プログラミングのビギナーにとって、とてもありがたいものです。
WebサイトやWebアプリケーションなどのフロントエンドを実装するためのWebアプリケーションフレームワークや、プログラムのテストに特化したテスティングフレームワークなど。以降では、特に断りのない限りWebアプリケーションフレームワークについて述べます。

フレームワークのメリットとデメリット

フレームワークは便利だからといって、盲目的に使うことはあまりオススメしません。それは、フレームワークには良いところだけでなく欠点もあるからです。フレームワークの魅力を最大限享受するため、フレームワークのメリットとデメリットについて述べます。

メリット

フレームワークの最大のメリットは、何と言っても生産性が向上できることでしょう。フルスタックなフレームワークの場合、すでに必要な機能群が準備されていることになります。フレームワークの書き方がわかっていれば、従来よりも圧倒的に速くプログラムがつくれます。
速いだけではなく、運用管理の工数・コストを減らすことにも効果があります。プログラミングの仕方は千差万別。同じ機能であったとしても、つくる人によってコードは変わってくるもの。これが原因でプログラムの運用管理が大変になることもよくあります。しかしフレームワークを使えばコードの書き方が統一されるため、個々人による違いを大幅に減らせるのです。機能追加や改修もし易くなり、バグが発生するリスクを減らすことにもつながります。

デメリット

まずあげられるのは、学習コストです。フレームワークはとても便利なのですが、フレームワーク特有のコードが書けなければいけません。つまり、プログラミング言語の書き方だけでなく、フレームワーク特有の書き方についても勉強が必要です。
また、フレームワークではコーディングの量を減らすことができると言いました。これはメリットでもあるのですが、裏を返せばデメリットとも言えます。仕組みがわかっていなくても、その機能を使うことができてしまうからです。プログラミングの技術を上げたいのなら、フレームワークを使わない場合の書き方についても学んでおくこと。

フレームワークの具体例3つ

Ruby on Rails

Web関連のプログラミング言語の中ではめっぽう人気のRuby。Ruby on Railsは、Rubyのためのオープンソースのフレームワークです。「設定より規約」や「同じことを繰り返さない」などの設計思想は、他の言語やフレームワークへも影響しているほど世界的に評価されています。
Ruby on Railsを使っている企業としては、クックパッドやWantedly、価格.comなどが有名です。

React

Reactは、Facebookが開発したJavaScriptのフレームワークです。JavaScriptではGoogle製のAngularJSも有名なのですが、最近ではReactの名前を聞くことも多くなってきました。Reactの設計はFluxを用いていて、Webアプリケーションではフロント側の機能を担当します。Facebookで使われていることからもわかるように、規模の大きなアプリケーションに向いているフレームワークと言えます。
Reactは開発元のFacebookやInstagram、Airbnbなどで利用されています。

Bootstrap

Twitter社が公開しているCSSフレームワークです。CSSと聞いてわかるとおり、WebサイトやWebアプリケーションのレイアウトをするための機能が豊富に揃っています。代表的なものとしては、グリッドシステムがあります。Bootstrapでは画面を12分割しています。このグリッドレイアウトを使うことで、CSSのプログラミングに慣れていなくても、自由にページ要素を配置することができるのです。リキッドレイアウトにすることも可能で、スマホ対応などのレスポンシブデザインも簡単に実現できます。
Bootstrapの活用事例としては、ドットインストールやQiita、SlideShareが知られています。

フレームワークとは?今更聞けないWebフレームワークを始めから丁寧に
以上を参照させていただきました。

↑人気ブログランキングに参加しています。よろしければ1票を!

ApacheとNginx(エンジンエックス)、どちらを使うべき?

負荷が高い場合や静的ページに同時アクセスされることが多い場合はNginx(エンジンエックス)を使うと良いでしょう。

ApacheとNginx(エンジンエックス)、どちらを使うべき? ApacheとNginxについて、どちらもシェアが高く信頼できるWebサーバーであることは間違いありません。 それでは結局のところ、どちらを使うべきなのでしょうか。 負荷が高い場合や静的ページに同時アクセスされることが多い場合はNginxを使うと良いでしょう。 反対に、負荷が高くなく同時アクセスが少ない場合や早期セットアップが必要な場合はApacheが良いでしょう。 Nginxは処理が早く、消費メモリが少ないという良い事ずくめですが、1つの処理が長すぎるとシステムコールキューにリクエストがたまってしまいパフォーマンスが低下してしまいます。 その為、動的処理や動画コンテンツの配信やデータベース処理等の重い処理をする場合にはApcheが良いとされています。 Nginxについてあとがき: NginxはApacheに引けを取らない、とてもパワフルなWebサーバーです。日本語での情報も増えてきましたし、開発にかかる工数も少ない部類に入ります。 インストールも難しくないので、気になった方はまずはダウンロードして使ってみてはいかがでしょうか?

いま話題のWebサーバー「Nginx」とは?

を参照させていただきました。

スキルセットのFlaskとは?

【Python】フレームワークFlaskの基本をマスター

を参照させていただきました。

↑人気ブログランキングに参加しています。よろしければ1票を!

AI(機械学習)の納品

検証とは、検証データに対する結果をみることではなく、仮運用をはじめた後に得られる結果を見ることである。

AI(機械学習)の納品

「検証とは、検証データに対する結果をみることではなく、仮運用をはじめた後に得られる結果を見ることである」
そのため、お客様と考えていくべき納品フローはこのようになります。

機械学習案件を納品するのは、そんなに簡単な話じゃないから気をつけて
を参照。

↑人気ブログランキングに参加しています。よろしければ1票を!

Windows Subsystem for Linux

Pythonの開発環境でいままでVAIO上でUbuntu(native Linux)を使って行ってきた。しかし今回の内臓HDDも約2か月で壊れてしまった。しようがないので倅に一時は渡したDYNABOOKを返してもらってPCで引き続きPythonで開発することとした。Windows10の安定性を考えてである。

Windows Subsystem for Linux

Pythonの開発環境について、いままでVAIO上でUbuntuをインストールし使ってきた。
しかし今回の内臓HDDも約2か月で壊れてしまった。(外付けHDDは2度クラッシュ)
仕様がないので倅に一時は渡したDYNABOOKを返してもらってPCにて引き続き
Pythonで開発することとした。Windows10の安定性を考えてである。
コマンドプロンプトで仮想環境を作り出し数学関連のライブラリをインストール。
そののち(>atom . )でAtomを呼び出しsin curveなどをプロット。
以下にその手順を述べる。

2018/10/05

① コントロールパネルのWindows Subsystem for Linuxに☑を入れる。
② Ubuntuのインストール
③ Ubuntuにユーザーネーム、PWをセットする。
④ sudo apt updateの実施
⑤ sudo apt upgradeの実施(pip,pip3,python3.6.6も同時にインストールされる)
⑥ sudo apt install emacs
⑦ sudo apt install ibus-mozc emacs-mozc
%emacs &
VcXsrvを起動
デスクトップ上のXlaunchをクリック
%xeyes &
⑧ pip,pip3インストール which pip3→/*****/bin/pip3
⑨ jupyterのインストール
⑩ Anaconda3のインストール
C:\Users\*****\Anaconda3
⑪ Atomのインストール1.31.1
⑫ Atomのセットアップ
⑬ Ipykernelのインストール
⑭ AnacondaなしでAtomのHydrogenをいれる(CMDpromptで >atom . )
→@tomp(2018/10/03)記事参照
( https://qiita.com/tomp/items/af89e0c7aa1a3d07e27f )参照
⑮ 環境変数編集
⑯ Ipythonのインストール
⑰ コマンドプロンプトでPython36のインストール
⑱ Matplotlib等のインストール

問題点、注意点など
 HydrogenでShift+Enterでpip -m …のエラー解決(⑭で解決済み)
 Jupyter notebookでファイルが参照できない
 クロームのLinuxの最終行をクリックしyahooの最後のリンクを読む
 VcXsrvを起動デスクトップ上XLaunchをクリック
 初回時ファイアウォールの設定キャンセル
(libxcb.dll libXau.dll libX11.dll zlib1.dll libcrypto-1_1-x64.dllをセットする)
 Windows・Key+R(「shell:startup」入力)

Atom実行場面(projectの指定)

Matplotlibをインストールしたのちsin curveを描画

pandasのインストールしたのち乱数を発生させてplot


↑人気ブログランキングに参加しています。よろしければ1票を!

プリンターとの接続

Linuxマシンから直接印刷できるようになった。WriterやCalcといったAppをWord、Excelに変換しないで直接印刷できるメリットは大きい。

プリンターとの接続

長い間USBメモリーを介してUbuntuで作った文書などをWindows10で印刷していたものをUSBケーブルを介してであるがLinuxマシンから直接印刷できるようになった。
プリンターはEPSON EP-903Aである。
これは大変な進歩である。印刷を行うたびに家内のマシンを借りなければならないところを、直接私のマシンから印刷できるようになったからだ。
WriterやCalcといったAppをWord、Excelに変換しないで直接印刷できるメリットは大きい。
作業が大変楽になるであろう。
Ubuntu環境下で印刷できる場面は他にもある。これが実行できるようになったのだからこの差は大きい。

下の写真はドライバーのインストール画面である。

↑人気ブログランキングに参加しています。よろしければ1票を!