2020-06-28

【Java script問題集】1-2 jQueryライブラリを読み込もう

1-2.html

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>1-2</title>
</head>
<body>
<h1>jQueryライブラリーの読み込みテスト</h1>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- jQueryライブラリの読み込み-->
<script>
alert($("h1").text());
</script>
</body>
</html>

実行結果

f:id:mkyosuke:20200629120724p:plain

2020-06-28

【Java script問題集】1-1 ブラウザにアラートを表示してみよう

<!DOCTYPE html>
<html lang = "ja">
  <head>
    <title>1-1</title>
  </head>
  <body>
    <script>
      alert('hello world');
    </script>
  </body>
</html>

実行結果

f:id:mkyosuke:20200629120834p:plain

2020-03-18

良い記事を書く為には

タイトル

2020-03-13

今週学んだ事(コマンド等）

joinコマンド

join ファイル名１ファイル名２

両方にある行番号1と3のみの結果を表示

f:id:mkyosuke:20200313181816p:plain

詳細

https://blog.hatena.ne.jp/mkyosuke/mkyosuke.hatenablog.com/edit?entry=26006613533621524

jotコマンド

連番・ランダムデータを生成コマンド

jot 回数開始終了

f:id:mkyosuke:20200311173404p:plain

詳細

https://blog.hatena.ne.jp/mkyosuke/mkyosuke.hatenablog.com/edit?entry=26006613533544538

リダイレクション

標準の入出力先を別の入出力先に変更すること

cmd 1> file

f:id:mkyosuke:20200313183544p:plain

cutコマンド

1、3文字目を切り出す。

f:id:mkyosuke:20200313184219p:plain

詳細

https://blog.hatena.ne.jp/mkyosuke/mkyosuke.hatenablog.com/edit?entry=26006613533498060

grepコマンド

特定の文字列を含む行のみを表示する

f:id:mkyosuke:20200311111831p:plain

詳細

https://blog.hatena.ne.jp/mkyosuke/mkyosuke.hatenablog.com/edit?entry=26006613533498060

trコマンド

小文字から大文字へ変換(逆もできる)

f:id:mkyosuke:20200311133652p:plain

awkコマンド

空白などで区切られたテキストを処理するコマンド

awk '{ print $フィールド番号 }'

f:id:mkyosuke:20200311134124p:plain

詳細

https://blog.hatena.ne.jp/mkyosuke/mkyosuke.hatenablog.com/edit?entry=26006613533498060

sed コマンド

文字列を全置換したり、行単位で抽出したり、削除したり、いろいろなテキスト処理のできるコマンド。

sed -e 's/パターン1/パターン2/'

f:id:mkyosuke:20200310163539p:plain

詳細

https://blog.hatena.ne.jp/mkyosuke/mkyosuke.hatenablog.com/edit?entry=26006613532938909

https://blog.hatena.ne.jp/mkyosuke/mkyosuke.hatenablog.com/edit?entry=26006613533000593

curlコマンド

HTTPアクセスをしてコンテンツを取得できるコマンド

curl URL

詳細

https://blog.hatena.ne.jp/mkyosuke/mkyosuke.hatenablog.com/edit?entry=26006613534159164

jqコマンド

JSON用コマンドでデータのフィルタや置き換え、整形ができる

詳細

https://blog.hatena.ne.jp/mkyosuke/mkyosuke.hatenablog.com/edit?entry=26006613534159164

2020-03-13

今週学んだ事(APIからCSV)

APIからCSV

curlコマンドAPIを叩く

curl [URL]なので例として➀を実行

➀curl "http://zipcloud.ibsnet.co.jp/api/search?zipcode=7830060"

f:id:mkyosuke:20200313174550p:plain

jqコマンド

JSON用コマンドでデータのフィルタや置き換え、整形ができる

resultsのみを取得してみる

jq .resultsで指定

先程のcurlコマンドとjqコマンドをパイプで繋げて➁を実行

➁curl "http://zipcloud.ibsnet.co.jp/api/search?zipcode=7830060" | jq .results

f:id:mkyosuke:20200313175232p:plain

さらにその結果jqコマンドでcsv形式にする

jq -r '<CSV 形式で出力したい要素を取り出すフィルター> | @csv'

jq -r '. | [.address1, .address2, .address3, .kana1, .kana2, .kana3, .prefcode, .zipcode] | @csv'

先程の➁とつなげると➂になり、実行

➂curl "http://zipcloud.ibsnet.co.jp/api/search?zipcode=7830060" | jq .results | jq -r '. | [.address1, .address2, .address3, .kana1, .kana2, .kana3, .prefcode, .zipcode] | @csv'

f:id:mkyosuke:20200313180447p:plain

➂を実行すると、csv形式になりました。

最後、その結果をファイルにリダイレクション➃を実行

➃curl "http://zipcloud.ibsnet.co.jp/api/search?zipcode=7830060" | jq .results | jq -r '.[] | [.address1, .address2, .address3, .kana1, .kana2, .kana3, .prefcode, .zipcode] | @csv' >>test1.csv

f:id:mkyosuke:20200313180752p:plain