サクラエディタで数字Nケタの文字列を検索して$1を使った部分置換する

下記のように、数字8桁の後にタブを挿入する方法 [メニュー]から[置換]を選択します。(ctrl+r) 置換メニューが表示されます。 まず、置換前を検索 ([0-9]{8})を入力します。 [0-9]で数字を検索、{n}で桁数を検索、()で囲い数字のn桁数を検索というセットが2…

【Java script問題集】2-4 「2-2.」からfromが同じ人の情報を括りだしてみよう

2-4.html <html> <head> <title>2-4</title> </head> <body> <ul id="tokyo">東京出身</ul> <ul id="fukuoka">福岡出身</ul> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="2-4.js" language="javascript" type="text/javascript"> </script> </body> </html> 2-4.js va…

【Java script問題集】2-3 「2-2.」からの特定のnameを指定して、配列から削除してみよう

2-3.html <html> <head> <meta charset="UTF-8" /> <title>2-3</title> </head> <body> <ul id="result"></ul> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="2-3.js" language="javascript" type="text/javascript"></script> </body> </html>…

【Java script問題集】2-2 ループ処理で、配列の後ろににオブジェクトを追加してみよう

2-2.html <html> <head> <meta charset="UTF-8" /> <title>2-2</title> </head> <body> <ul id="result"></ul> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="2-2.js" language="javascript" type="text/javascript"></script> </body> </html>…

【Java script問題集】2-1 ボタン押下時に、5秒おくれてアラート表示してみよう

2-1.html <html lang="jp" dir="ltr"> <head> <meta charset="utf-8"> <title>2-1</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="2-1.js" language="javascript" type="text/javascript"></script> <body> <div id="shiritori"> </div></body></meta></head></html>

【Java script問題集】1-12 「1-11.」で取得したli要素の値を逆順でhtml表示してみよう

1-12.html <html lang="jp" dir="ltr"> <head> <meta charset="utf-8"> <title>1-12</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="1-12.js" language="javascript" type="text/javascript"></script> <body> <div id="shiritori"> </div></body></meta></head></html>

【Java script問題集】1-11 li要素の値を全て取得してみよう

1-11.html <html lang="jp" dir="ltr"> <head> <meta charset="utf-8"> <title>1-11</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="1-11.js" language="javascript" type="text/javascript"></script> <body> <div> </div></body></meta></head></html>

【Java script問題集】1-10 inputタグにmaxlength属性を追加してみよう

1-10.html <html lang="jp" dir="ltr"> <head> <meta charset="utf-8"> <title>1-10</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="1-10.js" language="javascript" type="text/javascript"></script> </head> <body> <form> </form></body></html>

【Java script問題集】1-9 以下の条件でアラートボタンでアラートを表示してみよう

1-9.html <html> <head> <title>1-9</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="1-9.js" language="javascript" type="text/javascript"></script> </head> <body> <div id="box"> <button id="button">アラートボタンを表示</button> </div> </body> </html> …

【Java script問題集】1-8 フォームの文字数チェックをしてみよう

1-8.html <html> <head> <title>1-8</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="1-8.js" language="javascript" type="text/javascript"></script> </head> <body> <div class="form_area"> <p class="form_title">フォームに入力してね!</p> <form action="">…</form></div></body></html>

【Java script問題集】1-7 フォームの未入力チェックをしてみよう

1-7.html <html> <head> <title>1-7</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script language="javascript" type="text/javascript"> $(function(){ $('#submit_btn').on('click', function(){ if($('#name').val() === '' || $('#age').val() === ''){ alert…</head></html>

【Java script問題集】1-5 jsonを読み込んでみよう &1-6 初期表示時に、jsonで読み込んだデータをブラウザに表示してみよう

1-5~1-6.html <html lang="ja"> <head> <meta charset="UTF-8"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script> $(function() { $.getJSON("1-5.json" , function(data) { var ulObj = $("#test"), len = data.length; for(var i = 0; i < len; i++) { ul…</meta></head></html>

【Java script問題集】1-4 「1-3.」をボタン押下時に表示/非表示ができるように切り替えよう

1-4.html <html> <head> <title>1-4</title> </head> <body> <p>helloworld</p> <button>botton</button> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script language="javascript" type="text/javascript"> $('button').click(function() { $('p').toggle(); }) </body></html>

【Java script問題集】1-3 セレクタを使ってhtmlの要素を非表示にしてみよう

1-3.html <html> <head> <title>1-3</title> </head> <body> <p>サンプルテキスト</p> <h1>sample</h2> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $('p').hide(); </script> </body> </html> 実行結果

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

1-2.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> <script> alert($("h1").text()); </script> </body> …</html>

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

<html lang = "ja"> <head> <title>1-1</title> </head> <body> <script> alert('hello world'); </script> </body> </html> 実行結果

良い記事を書く為には

タイトル

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

joinコマンド join ファイル名1 ファイル名2 両方にある行番号1と3のみの結果を表示 詳細 https://blog.hatena.ne.jp/mkyosuke/mkyosuke.hatenablog.com/edit?entry=26006613533621524 jotコマンド 連番・ランダムデータを生成コマンド jot 回数 開始 終了…

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

APIからCSV curlコマンドAPIを叩く curl [URL]なので例として➀を実行 ➀curl "http://zipcloud.ibsnet.co.jp/api/search?zipcode=7830060" jqコマンド JSON用コマンドでデータのフィルタや置き換え、整形ができる resultsのみを取得してみる jq .resultsで指…

jq コマンドで JSON を CSV に変換

jq コマンドで JSON を CSV に変換する jq -r '<CSV 形式で出力したい要素を取り出すフィルター> | @csv' テストデータの確認 jq -r '<CSV 形式で出力したい要素を取り出すフィルター> | @csv' 実行 |@csv を有効に使うための条件 ・JSON(配列)の並びにする ・JSON(配列)の並びの、各配列の要素数は同じにする ・JSON(配列)の並びの、各配列の要素は配列と</csv></csv>…

curlコマンド、jqコマンド

curlコマンド HTTPアクセスをしてコンテンツを取得できるコマンド 下記の書式でコマンドが実行 curl [options] [URL] オプション「-i」 HTTP ヘッダを出力に含めます。オプション「-I」 HTTP ヘッダのみを取得します。 POSTでリクエストを行う場合には-X POS…

終了ステータス、シグナル

終了ステータス コマンド終了時に「終了ステータス (exit-status)」と呼ばれるコマンドの成否を表す数値が特殊変数 $? に自動で設定される。 コマンド成功 「0」 コマンド失敗 「1」 直前に実行したコマンドの成否は、特殊変数 $? に設定されている値で確認 …

joinコマンド

基本 join ファイル名1 ファイル名2 両方にある行番号1と3のみの結果を表示 -a join -a すべての行を表示するファイル番号 ファイル名1 ファイル名2 -i 項目名を検索する時大文字と小文字を区別せずにファイルを結合する場合 -j 一致に使う項目を指定す…

jotコマンド

基本的な構文 jot 回数 開始 終了 ※開始と終了は省略可 回数のみ指定 回数と開始を指定 回数・開始・終了を指定 回数・開始・終了が連続しない場合、回数に合わせて割り算 -b オプション -b 文字を繰り返し出力 -w フォーマット指定を付けられる -s 区切り文…

slackcatのインストールと使い方

slackcatとは コマンドラインからSlackに通知を送るツール slackcat をダウンロード & 実行権限付与curl -Lo slackcat https://github.com/bcicen/slackcat/releases/download/v1.6/slackcat-1.6-$(uname -s)-amd64sudo mv slackcat /usr/local/bin/sudo chm…

コマンドを連続して使うには

コマンド1が終了したらコマンド2を実行する コマンド1 ; コマンド2 コマンド1を実行しつつコマンド2も実行する コマンド1 & コマンド2 コマンド1が正常終了したらコマンド2を実行する コマンド1 && コマンド2 コマンド1の結果をコマンド2に渡して実行 コマン…

フィルタを使用した文字列操作 2

特定のフィールドを切り出す cut コマンドの -d オプションで特定のフィールドを切り出す スペース区切りの2フィールド目を切り出す cut -d' ' -f2 カンマ区切りの1フィールド目と3フィールド目を切り出す cut -d',' -f1,3 カンマ区切りの3フィールド目以降…

フィルタを使用した文字列操作 1

フィルタとは フィルタとは標準入力からデータを受け取り、そのデータを加工した上で標準出力に出力する機能のこと コマンド | filter sed コマンドを使用したフィルタリング 各行の最初に一致した文字列のみ置換 sed -e 's/パターン1/パターン2/' 一致した…

sedコマンド

基本的な使い方 sedコマンド ファイルの内容を置換する場合 sed 's/置換前文字列/置換後文字列/g' ファイルPATH 標準出力の内容を置換する場合 コマンド | sed 's/置換前文字列/置換後文字列/g 文字列を置換する ○行目にある特定の文字列を置換する場合 sed …

入力と出力(shスクリプト)

1.パイプ コマンドの実行結果を、他のコマンドへ引き渡すこと コマンド1 | コマンド2 2.リダイレクト 標準の入出力先を別の入出力先に変更すること データを渡す対象がファイルである場合はリダイレクションを使用する。 コマンドの出力を file へ上書き …