2016年9月アーカイブ

9月30日ゼミ

| コメント(0)
【今週行ったこと】
  • CSSでLINE風ページを作成する(Part1,Part2)
  • 今後の計画の作成


【来週行うこと】
  • PHPを応用したLINE教材の作成
  • Myadminへのインポートを完成させる

CSSでLINE風ページの作成~Part2~

| コメント(0)
markdownに対応した環境が必要なのではないかとの竹中さんの助言より、markdownを使える環境にはどんなものがあるか調査をした。

すると、かんたんMarkdownというサイトを発見

ここでは、markdownの環境がなくてもmarkdownを使って、web上でメモ等ができる。
クロスプレットフォームでリアルタイムプレビューにも対応しているため、書いたものが隣の画面にその場で反映される。
編集画面に入ると、markdownとCSSのテキスト画面が切り替えられるようになっていたため、今回のページの作成にとっては好都合でないかなと思う。

実際にこの環境を使って、前回できなかったmarkdownでのページ作成に取り組んだ。

markdownの環境が整っている状態では、簡単にページの作成ができた。
CSSの引用もうまくできている。

スクリーンショット 2016-09-30 10.51.15.png

スクリーンショット 2016-09-30 10.47.05.png

保存をすると、.htmlで作成ページを任意の場所に保存することもできる。

スクリーンショット 2016-09-30 10.58.30.png

大方のページの作成はできたが、●や○などの見栄えが悪いのでCSSをいじってみる。

CSSでLINE風ページの作成

| コメント(0)
を見て作成中。

現状
まだ、理解できていない。
マークダウンで書き出そうとするが、
読み取られずHTMLで書く。
CSSがわからない。

わかったこと
--------------------------------------------------
<li><ul>
<li>コメント</li>
</ul></li>
--------------------------------------------------スクリーンショット 2016-09-27 19.21.33.png

でCSSが読み込まれて吹き出しがつく。

スクリーンショット 2016-09-27 19.21.47.png

"●"や"○"が気持ち悪い。


liタグが二重に使われているため、外そうとすると
CSSが読み込まれない。

スクリーンショット 2016-09-27 19.22.19.png

スクリーンショット 2016-09-27 19.22.46.png

【追記】
コメント前の"-"の隣に半角スペースを空けていない
コメントを入れる際の"-"の隣に半角スペースを空けていない
変更後もうまく機能せず

今後の計画

| コメント(0)
10月いっぱい
・PHPMyadmin
 ーインポート
 ーexcelからcsvへ
 ーサーバーをPCにしたらどうなる
 ー端末から
・PHPを応用したLINE教材
・ドローンアップデート(gold)

------------------------------------------------------------------------

11月初旬〜11月中旬
・PHPMyadmin
 ー端末から
・はじめてのOnenote

11月中旬〜
・中間発表に向けて
 ーレジュメの作成とスライドの作成

------------------------------------------------------------------------

12月〜
・中間発表(3日)
・卒論の執筆開始
 ー校務の情報化について
 その他にも、これまでやってきたことを書いていく
 (ドローン、はじめてのOnenote)

12月末までに
・卒論を一通り書き終えたい

------------------------------------------------------------------------

1月
・中間発表で出た課題に取り組む
・卒論の添削と修正

------------------------------------------------------------------------

2月
・卒論提出

9月23日ゼミ

| コメント(0)
【今週までに行ったこと】
  • 教員採用試験の二次試験
    ー採用試験が終わりました!
     ピアノで少し失敗してしまいましたが、
     今持てる力は出し切れたのではないか
     と思います。
     とりあえず一段落です。
     結果発表は10月末とのことでした。


  • phpmyadminインポートの不具合
    ー前回のゼミでcsvファイルをphpmyadminにインポート
     すると、日本語表記のものがインポートされないという
     不具合が出ました。
     インポートする際の文字コード、カラムの照会順序、
     表記する側(excel)などの文字コードをそれぞれ
     統一することが必要ということで、抜けていた
     表記する側の文字コードを確認してみました。
     
     使ったファイルは、「fake_address.csv」です。
     ubuntuのLibreOfficeで立ち上げると、
     「テキストのインポート」という画面が表示されました。
     ここで、文字エンコーディングを指定することができる
     フォームがあったので、
     「日本語(Apple Macintosh)」→「Unicode(UTF-8)」
     に変更しました。
     すると、日本語表記の部分が文字化けしてしまいました。
     試しにこれでインポートをしてみたものの、やはり
     正しく表示はされませんでした。

     ubuntuのLibreOfficeの新規画面を立ち上げた時には、
     「テキストのインポート」が表示されないので、
     試しに別の仮住所録を作成し、インポートしてみました。
     
     こちらではうまくインポートされ、日本語表示も
     問題なくできました。

     前回使ったファイルは、前期木3の授業で配布された
     「fake_address.csv」だったのですが、PCから
     ubuntuに移動する際にGoogleDriveを経由しました。
     これが原因でファイルを開いた際に、
     「テキストのインポート」が立ち上がるように
     なってしまったのではないかと思います。


     とりあえず、ubuntu内でファイルを作成する分には
     文字であれば問題なくインポートできそうです。


【課題】
  • 電話番号や郵便番号など、数字をインポートする際に
    ハイフンを使うと、正しくインポートされない
    (ハイフン以降がないものとして表示される)
    また、電話番号のように先頭が"0"から始まるものは
     phpmyadminが勝手に無効な数字として扱ってしまい、
    0が正しく表示されない。

phpmyadmin インポートの不具合

| コメント(0)
前回のゼミでcsvファイルをphpmyadminにインポート
すると、日本語表記のものがインポートされないという
不具合が出ました。
インポートする際の文字コード、カラムの照会順序、
表記する側(excel)などの文字コードをそれぞれ
統一することが必要ということで、抜けていた
表記する側の文字コードを確認してみました。
 
ubuntuのLibreOfficeで立ち上げると、
(ファイルは、「fake_address.csv」)
「テキストのインポート」という画面が表示されました。
スクリーンショット 2016-09-23 10.55.07.png

ここで、文字エンコーディングを指定することができる
フォームがあったので、
「日本語(Apple Macintosh)」→「Unicode(UTF-8)」
に変更しました。
すると、日本語表記の部分が文字化けしてしまいました。
試しにこれでインポートをしてみたものの、やはり
正しく表示はされませんでした。


ubuntuのLibreOfficeの新規画面を立ち上げた時には、
「テキストのインポート」が表示されないので、
試しに別の仮住所録を作成し、インポートしてみました。

スクリーンショット 2016-09-21 18.28.16.png

こちらではうまくインポートされ、日本語表示も
問題なくできました。

スクリーンショット 2016-09-21 18.18.24.png

前回使ったファイルは、前期木3の授業で配布された
「fake_address.csv」だったのですが、PCから
ubuntuに移動する際にGoogleDriveを経由しました。
これが原因でファイルを開いた際に、
「テキストのインポート」が立ち上がるように
なってしまったのではないかと思います。


とりあえず、ubuntu内でファイルを作成する分には
文字であれば問題なくインポートできそうです。


【課題】
電話番号や郵便番号など、数字をインポートする際に
ハイフンを使うと、正しくインポートされない
(ハイフン以降がないものとして表示される)
また、電話番号のように先頭が"0"から始まるものは
 phpmyadminが勝手に無効な数字として扱ってしまい、
0が正しく表示されない。

9月2日ゼミ

| コメント(0)
【今週まで行ったこと】
  • phpmyadminにcsvファイルをインポートする
    ーphpmyadminにcsvファイルをインポート
     する手順をブログにまとめた。
     日本語で入力したデータがインポートすると
     phpmyadminのテーブルに表示されない。
     改善したい。
     次のステップとして、
     検索フォームを作成し、そこから
     インポートしたデータを呼び出す
     ようなページをphpで作っていきたい。

  • ドローンゴールドのアップデート
    ー失敗報告となります。
     前回のゼミ後、旧バージョンをSDカードに
     インストールし、ドローンのアップデートを
     行ってみたが、またジンバルの悲鳴→失敗。
     DJIのHPに載っていたのが最新のバージョンと
     一つの前のバージョンということで、それ以前の
     ファイルがないかを調べ、やっとのことで
     ver.1.06.0040に行き着く。
     同様にSDカードにインストールし、
     アップデートをかけたがこちらも失敗。





余談
  • ubuntu14.04について

どん兵衛東西対決(そば部門)

| コメント(0)
donbei.jpg

     西(薄味)        vs        東(濃味)
    竹中、駿太郎 推し                     たつひさ 推し

donbei2.jpg


竹中さん、ごちそうさまでしたーー!
次回は、うどんの食べ比べです。

phpmyadmincsvファイルで作った住所録をインポートしてみたいと思います。


まずは、phpmyadminのホーム画面左の任意のユーザの階層から「New」をクリックして新しいテーブルを表示させます。

スクリーンショット 2016-08-31 16.16.27.png


テーブル名を任意のものにし、カラムのそれぞれを設定していきます。

今回は「id,name,phone,zip,address」で住所録を作成したため、5つのカラムを用意します。


名前:それぞれの表題

データ型:扱うものによって変えていきます。

     INT数値

     VARCHAR短い文字列

     TEXT長い文字列

     DATE日付

他にも様々なデータ型が用意されています。用途によって使い分けます。

長さ:表示する文字の長さ(最大何文字まで表示するか)

デフォルト値:無視

照合順序:読み込む文字コード

属性:無視

NULL:無視

インデックス:無視

A_IAuto Incrementの略、連番機能を設定(idのみ設定)


スクリーンショット 2016-08-31 16.18.01.png


設定後、保存するをクリック。

作成したテーブルについては構造タブで表示させることができます。


スクリーンショット 2016-08-31 16.18.59.png


作成したテーブルのインポートタブをクリック

アップロードするファイルを選択

部分インポートの先頭から数えたスキップする行の列を「1」に修正

csvファイルの最初の一行は表題であるからそれを読み飛ばすため

フォーマット特有のオプションのカラムエスケープ記号を「\」に修正

一番下の実行をクリック


スクリーンショット 2016-08-31 16.19.33.png


作成したテーブルの表示タブを選択すると、インポートしたものが表示される。


スクリーンショット 2016-08-31 16.22.49.png

ubuntu14.04再起動後

| コメント(0)
アップデートをかけ、再起動すると、コマンド入力画面が出てきました。

grub rescue>ということでネットで調べながらやってみたのですが手詰まり状態です。
スクリーンショット 2016-08-31 15.43.50.png

このアーカイブについて

このページには、2016年9月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2016年8月です。

次のアーカイブは2016年10月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。