![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
back?
目次
このサイトを参照
https://www.javadrive.jp/cstart/install/index6.html
ssh ユーザー名@ipアドレス
ssh tpu@192.168.0.200 pas: tpu
※片方しかping通ってなかったら
https://milestone-of-se.nesuke.com/troubleshoot/one-end-ping-ok-another-ng/
を参照
以上でログインできる．
ログインしない状態で以下scpをうち，求められるパスを打つとデータはいる
scp -r tpu@192.168.0.200:/var/www 「フォルダ名」
解説:scpデータ移動コマンド -r指定でフォルダまるごと送信
「接続先usr名」@「接続先ip」:「ほしいデータがある場所」 「入れるフォルダ名」
入れるフォルダ名のフォルダがなかったら新規作成される
}\n %\fontsize{9pt}{0pt}\selectfont\n % \item\n % 煩雑問題\\\n % 意識的にライフログデータを取得する必要があり手間がかかる\n % \item\n % 多様化問題\\\n % さまざまなアプリケーションが存在するが，それぞれで扱うデータが異なるため，ユーザーが正確に管理するのが難しい\n \item\n ユーザビリティーの低さ\\\n プログラミング初心者にとって，プログラミングは手にかけづらい．\n \item\n データの取り扱い\\\n データを簡単に分析する手法が存在しない．\n \end{enumerate}\n \end{exampleblock}\n \vspace{5mm}\n \begin{alertblock}{本研究の目的}\n \fontsize{9pt}{0pt}\selectfont\n % ・ライフログデータの収集機器を開発\\\n % ・個人のライフログデータを収集\\\n % ・ライフログの問題点を解決し行動識別ができるシステムの作成\n\n % プログラミング初心者でも扱いやすいビジュアルプログラミング言\n % 語を使い，ブロック 1 つ 1 つに処理を対応させることでブロックを\n % 並べるだけで処理できるプログラムを作成することができるように\n % する．プログラミングができない人でもビックデータを扱うことが\n % できるようにする．\n % 上の文形式にするのか下のように箇条書きにするか．\n ・プログラミング初心者でも扱いやすい環境の開発\\\n ・データを処理できるように開発\\\n ・外部に公開し，複数人から利用できるようにする．\\\n \end{alertblock}\n \vspace{-1mm}\n \fontsize{6.5pt}{0pt}\selectfont\n\end{frame}\n%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%\n\section{2. デジタルトランスフォーメーション}\n\begin{frame}{2.1 Society 5.0とwebサービス}\n \begin{scriptsize}\n \vspace{-2mm}\n \normalsize\n \begin{alertblock}{Society 5.0}\n \setbeamertemplate{items}[square]\n %\begin{enumerate}\setcounter{enumi}{0}\n Society 5.0とは，サイバー空間（仮想空間）とフィジカル空間（現実空間）を高度に融合させたシステムにより、経済発展と社会的課題の解決を両立する人間中心の社会のことである．\n %\end{enumerate}\n \end{alertblock}\n \vspace{5mm}\n \begin{exampleblock}{Society 5.0とwebサービス}\n \setbeamertemplate{items}[square]\n %\begin{enumerate}\setcounter{enumi}{0}\n サイバー空間上でwebサービスとしてBlocklyを提供し，ユーザーがフィジカル空間上でデータを分析できるようにすることでSociety 5.0を実現する．\\\n また，このようなITを利用した人々の生活をあらゆる面でより良い方向に変化させるようなことをデジタルトランスフォーメーションという．\n %\end{enumerate}\n \end{exampleblock}\n \end{scriptsize}\n\end{frame}\n%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%\n\begin{frame}{2.2サーバサイドプログラミング}\n \begin{scriptsize}\n \vspace{-2mm}\n \normalsize\n \begin{exampleblock}{サーバサイドプログラミング}\n \setbeamertemplate{items}[square]\n %\begin{enumerate}\setcounter{enumi}{0}\n 本研究では，HTTP通信を行ったあとにユーザーからの入力に対しての処理を，非同期通信を使ってWebサーバ上でプログラムの実行が要求され，結果をウェブブラウザに対して送信するシステムを開発する．\\\n クライアントサイドコードに使うことができる言語は，HTML,CSS,Javascriptであるが，サーバーサイドによる処理を挟むことでそれ以外の言語(Perl,PHP,Python,Rubyなど)を使う事ができるようになる．\n %\end{enumerate}\n \end{exampleblock}\n \end{scriptsize}\n\end{frame}\n%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%\n\section{3. ビジュアルプログラミング言語}\n\begin{frame}{3.1ビジュアルプログラミング言語}\n \begin{scriptsize}\n \vspace{-2mm}\n \normalsize\n \begin{exampleblock}{ビジュアルプログラミング言語}\n \setbeamertemplate{items}[square]\n %\begin{enumerate}\setcounter{enumi}{0}\n プログラムをテキストで記述するのではなく，視覚的なオブジェクトで記述するプログラミング言語のこと. 視覚的でわかりやすいものが多いため，プログラムの組み立て方を学ぶのに有効であると注目されている.\n %\end{enumerate}\n \end{exampleblock}\n \begin{figure}[h]\n \begin{center}\n \includegraphics[width=80mm]{img/ビジュアルプログラミング概要.png}\n \vspace{-3mm}\n \caption{\small{ビジュアルプログラミング}}\n \end{center}\n \vspace{-7mm}\n \end{figure}\n \end{scriptsize}\n\end{frame}\n%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%\n\begin{frame}{3.2 ブロックタイプの\\ビジュアルプログラミング言語}\n \begin{scriptsize}\n \vspace{-2mm}\n \normalsize\n \begin{exampleblock}{ブロックタイプのビジュアルプログラミング言語}\n \setbeamertemplate{items}[square]\n %\begin{enumerate}\setcounter{enumi}{0}\n 機械学習（人工知能・AI）を使って課題を解決するクラウドサービスのMAGELLAN BLOCKS（BLOCKS）や教育用作られ様々なアプリケーションに応用して使われているBlocklyなどがある．\\\n 応用して使われているサービスとしてScratchやMakeCodeが存在する．\n %\end{enumerate}\n \end{exampleblock}\n \begin{figure}[htbp]\n \begin{minipage}{0.4\hsize}\n \begin{center}\n \fbox{\includegraphics[width=45mm]{img/scratch.png}}\n \end{center}\n \vspace{-5mm}\n \caption{Scratch}\n \end{minipage}\n \hspace{7mm}\n \begin{minipage}{0.4\hsize}\n \begin{center}\n \fbox{\includegraphics[width=45mm]{img/makecode.PNG}}\n \end{center}\n \vspace{-5mm}\n \caption{MakeCode}\n \end{minipage}\n \end{figure}\n\n \end{scriptsize}\n\end{frame}\n%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%\n\begin{frame}{3.3 ビジュアルプログラミング言語(Blockly)}\n \begin{scriptsize}\n\n \vspace{-2mm}\n\n \normalsize\n \begin{exampleblock}{Blockly}\n \setbeamertemplate{items}[square]\n %\begin{enumerate}\setcounter{enumi}{0}\n Google が提供しているビジュアルプログラミング言語のライブラリ．簡単な記述で自分だけのビジュアルプログラミング言語を作ることができる．\\また，カスタムブロックという機能があり，もともとあるブロックの他にユーザが好きなブロックを作成することができる．\n %\end{enumerate}\n \end{exampleblock}\n \vspace{-3mm}\n \begin{figure}[h]\n \begin{center}\n \includegraphics[width=80mm]{img/Blockly.png}\n \vspace{-5mm}\n \caption{\small{Blockly}}\n \end{center}\n \vspace{-7mm}\n \end{figure}\n \end{scriptsize}\n\end{frame}\n%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%\n\begin{frame}{3.4 カスタムブロック}\n \begin{scriptsize}\n\n \vspace{-2mm}\n\n \normalsize\n \begin{exampleblock}{3.4.1 ブロックの定義}\n \setbeamertemplate{items}[square]\n %\begin{enumerate}\setcounter{enumi}{0}\n 作成したいブロックの外観とブロックに接続する数値やテキストをここで定義する．\\\n 外観は，ブロックの色やブロックの接続(構文ブロックと値ブロック)，表示する文字等がある．\n また，ブロック内の空きに何を入力(input) として何を出力(output)と
するかなど決める．\n %\end{enumerate}\n \end{exampleblock}\n\n \begin{figure}[htbp]\n \begin{minipage}{0.4\hsize}\n \begin{center}\n \fbox{\includegraphics[width=30mm]{img/output.PNG}}\n \end{center}\n \vspace{-5mm}\n \caption{console logに結果を出力するブロックの定義}\n \end{minipage}\n \hspace{7mm}\n \begin{minipage}{0.4\hsize}\n \begin{center}\n \fbox{\includegraphics[width=39mm]{img/toolbox.PNG}}\n \end{center}\n \vspace{-5mm}\n \caption{toolbox}\n \end{minipage}\n \end{figure}\n\n \end{scriptsize}\n\end{frame}\n%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%\n\begin{frame}{3.2 カスタムブロック}\n \begin{scriptsize}\n\n \vspace{-2mm}\n\n \normalsize\n \begin{exampleblock}{3.4.2 コードの生成}\n \setbeamertemplate{items}[square]\n %\begin{enumerate}\setcounter{enumi}{0}\n コードの生成では，ブロックの動作の定義を行う．\n 例えば，平均値を出すブロックを作成するときは，平均を出す計算部分を動作の定義で書く．\n %\end{enumerate}\n \end{exampleblock}\n \begin{figure}[h]\n \begin{center}\n \includegraphics[width=100mm]{img/ave.PNG}\n \vspace{-3mm}\n \caption{\small{動作の定義}}\n \end{center}\n \vspace{-7mm}\n \end{figure}\n \vspace{5mm}\n \begin{exampleblock}{3.4.3 ブロックのカテゴリーと配置決め}\n \setbeamertemplate{items}[square]\n %\begin{enumerate}\setcounter{enumi}{0}\n 作ったブロックをどこのカテゴリーに入れるかを決める．\n %\end{enumerate}\n \end{exampleblock}\n \end{scriptsize}\n\end{frame}\n%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%\n\section{4.進捗}\n\begin{frame}[t]\n \frametitle{進捗発表}\n \begin{scriptsize}\n \vspace{-2mm}\n \normalsize\n \setbeamercolor{structure}{fg=cyan}\n \begin{block}{今回の目標}\n \setbeamertemplate{items}[square]\n \begin{enumerate}\setcounter{enumi}{0}\n \item 二次元散布図の軸を２つ設定できるようにする\n \item 決定木分析の深さを設定できるようにする\n \item デンドログラムの謎のエラーを解決する．\n \item 回帰分析で単回帰，重回帰選べるようにする\n \end{enumerate}\n \end{block}\n \end{scriptsize}\n\end{frame}\n%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%\n\begin{frame}[t]\n \frametitle{1.分析ブロックの修正}\n \begin{scriptsize}\n \vspace{-2mm}\n \normalsize\n \setbeamercolor{structure}{fg=blue}\n \begin{block}{1.1 二次元散布図ブロックの修正}\n 二次元散布図のブロックで2軸選べるように改良した.\\\n 読み込むCSVのラベルをドロップダウンで表示させて選択するようにしたかったが，CSV読み込みブロックと二次元散布図出力ブロックの間に分析ブロックが挟まれるとAjaxの通信が挟まれるため断念．分析によってつくラベルを分析ブロック自体に持たせて，CSVのラベルと分析のラベルを表示することもできるかもしれないが，分析ブロックが複数あるためバグが起きるかもしれないので諦める．\\\n 軸を追加したので，軸ラベルを追加した．\n \begin{figure}[h]\n \begin{center}\n \includegraphics[width=100mm]{img/plot.PNG}\n \vspace{-3mm}\n \caption{\small{新しい二次元散布図ブロック}}\n \end{center}\n \vspace{-7mm}\n \end{figure}\n % 分析ブロックの設定値を変更することで恣意的なプログラムと見受けられないにする．\\\n % 設定値の入力は，直接数値をいれるかプルダウンで選択する．\\\n % ex1)周波数成分を表示するブロックでサンプリング周波数の値を変更できるようにしたりする.\\\n % ex2)デンドログラムのクラスター間の距離測定方法を複数用意する．\\\n \end{block}\n \end{scriptsize}\n\end{frame}\n%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%\n\begin{frame}[t]\n \frametitle{1.分析ブロックの修正}\n \begin{scriptsize}\n \vspace{-2mm}\n \normalsize\n \setbeamercolor{structure}{fg=blue}\n \begin{block}{1.1 二次元散布図ブロックの修正} \n \begin{figure}[h]\n \begin{center}\n \includegraphics[width=80mm]{img/plotkekka.png}\n \vspace{-3mm}\n \caption{\small{新しい二次元散布図ブロックの出力結果}}\n \end{center}\n \vspace{-7mm}\n \end{figure}\n % 分析ブロックの設定値を変更することで恣意的なプログラムと見受けられないにする．\\\n % 設定値の入力は，直接数値をいれるかプルダウンで選択する．\\\n % ex1)周波数成分を表示するブロックでサンプリング周波数の値を変更できるようにしたりする.\\\n % ex2)デンドログラムのクラスター間の距離測定方法を複数用意する．\\\n \end{block}\n \end{scriptsize}\n\end{frame}\n%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%\n\begin{frame}[t]\n \frametitle{1.分析ブロックの修正}\n \begin{scriptsize}\n \vspace{-2mm}\n \normalsize\n \setbeamercolor{structure}{fg=blue}\n \begin{block}{1.2 決定木分析ブロックの修正} \n 決定木分析ブロックの深さを設定できるようにした．\\\n これは，恣意的なプログラムと見受けられないようにするというやつの一環．\\\n \n \begin{figure}[h]\n \begin{center}\n \includegraphics[width=100mm]{img/ketteigi.png}\n \vspace{-3mm}\n \caption{\small{新しい決定木ブロックの出力結果}}\n \end{center}\n \vspace{-7mm}\n \end{figure}\n \begin{figure}[h]\n \begin{center}\n \includegraphics[width=100mm]{img/ketteigi2.png}\n \vspace{-3mm}\n \caption{\small{新しい決定木ブロックの出力結果}}\n \end{center}\n \vspace{-7mm}\n \end{figure}\n % 分析ブロックの設定値を変更することで恣意的なプログラムと見受けられないにする．\\\n % 設定値の入力は，直接数値をいれるかプルダウンで選択する．\\\n % ex1)周波数成分を表示するブロックでサンプリング周波数の値を変更できるようにしたりする.\\\n % ex2)デンドログラムのクラスター間の距離測定方法を複数用意する．\\\n \end{block}\n \end{scriptsize}\n\end{frame}\n\n%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%\n\begin{frame}[t]\n \frametitle{1.分析ブロックの修正}\n \begin{scriptsize}\n \vspace{-2mm}\n \normalsize\n \setbeamercolor{structure}{fg=blue}\n \begin{block}{1.3 デンドログラムの謎のエラーの修正}\n 前回の発表のとき，たまに分析でエラーが起きていた原因を探した．\n \end{block}\n \vspace{-7mm}\n \begin{figure}[h]\n \begin{center}\n \includegraphics[width=110mm]{img/reaserrdend.PNG}\n \vspace{-3mm}\n \caption{\small{エラー原因}}\n \end{center}\n \end{figure}\n \end{scriptsize}\n\end{frame}\n%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%\n\begin{frame}[t]\n \frametitle{1. 分析ブロックの修正}\n \begin{scriptsize}\n \vspace{-2mm}\n \normalsize\n \setbeamercolor{structure}{fg=blue}\n \begin{block}{1.4 回帰分析ブロックの修正}\n 回帰分析ブロックは，まだ修正中．\n \begin{figure}[h]\n \begin{center}\n \includegraphics[width=100mm]{img/kaikian.PNG}\n \vspace{-3mm}\n \caption{\small{作成中の回帰分析ブロック}}\n \end{center}\n \end{figure}\n \
end{block}\n \end{scriptsize}\n\end{frame}\n%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%\n\begin{frame}[t]\n \frametitle{1. 修正前ブロック一覧}\n \begin{scriptsize}\n \vspace{-2mm}\n \normalsize\n \setbeamercolor{structure}{fg=blue}\n \begin{block}{参考}\n \begin{figure}[h]\n \begin{center}\n \includegraphics[width=80mm]{img/old.PNG}\n \vspace{-3mm}\n \caption{\small{修正前分析ブロック}}\n \end{center}\n \end{figure}\n \end{block}\n \end{scriptsize}\n\end{frame}\n%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%\n\begin{frame}[t]\n \frametitle{まとめと今後の課題}\n \begin{scriptsize}\n \vspace{-2mm}\n \normalsize\n \setbeamercolor{structure}{fg=blue}\n \begin{block}{まとめ}\n \begin{itemize}\n \item[$\triangleright$] 二次元散布図ブロックの軸を設定できるようにした．\n \item[$\triangleright$] 決定木分析ブロックで決定木の深さを設定できるようにした．\n \item[$\triangleright$] デンドログラムのエラーの原因を特定した．\n \end{itemize}\n \end{block}\n \begin{block}{今後の課題}\n \begin{itemize}\n \item[$\triangleright$] 回帰分析ブロックを完成させる．\n \end{itemize}\n \end{block}\n \end{scriptsize}\n\end{frame}\n%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%\n\end{document})
