エンジニアのひよこ_level10

【毎日更新!】新卒3年目エンジニアブログです!

【シェルスクリプト】echoで改行が消える時の対応【906日目】

改行がある文字 改行を含んだ変数を標準出力に出したい。 なので、echoを使おうとしたんですが、改行が消えた。 echo $message>$1 ダブルクォーテーションをつける echo "$message">$1 これで改行が動く。 改行が重要とか、なにかファイルに書き出すときは、…

【一週間振り返り】自分の身の回りを捨ててみた一週間【905日目】

1. 先週からの目標 楽しく生きる! 2. 目標に対して行ったアクション 一度しがらみを捨ててみる! 3. 次のアクション 楽しく生きる! 4. 今週良かったこと(新規・挑戦系) 自分の役割とか、責任を一度捨ててみた ういろうとしての仕事を一度空にしてみた 5. …

【HTML】tableタグのセルを縦に結合する方法。rowspan【904日目】

テーブルのセル結合をしたい セルを結合したい。 前回は横に結合したが、縦に結合するにはどうしたらいいか。 名前は予想出来るが、どう動作するのか rowspan rowspan="2"で、パラメータをつけたタグの『下のセルと結合』します。 <table> <tr> <th colspan="2">名前</th> </tr> <tr> <td>名字</td> <td>名前</td> </tr> <tr> <td rowspan="2">名字</td> <td></td></tr></table>…

【HTML】tableタグのセルを横に結合する方法。colspan【903日目】

セルを結合したい HTMLのセルを結合したい。 例えば、姓名でセルが分かれてるときに、タイトルを『名前』として一つにまとめたい。 colspan <table> <tr> <th colspan="2">名前</th> </tr> <tr> <td>名字</td> <td>名前</td> </tr> </table> colspanで、結合するセル数を指定。 これで、2つのthがセル結合されて、1つの名前というセル…

ラジオの企画背景とか。【902日目】

昨日ラジオしました 詳しくは昨日の方に! そしてわかったこと。 ラジオじゃない! ラジオじゃないいいいいいいいいいいいい 気がついたのです。 最初はラジオだったので、音声だけで構成を考えていました。 でも、人に何かを教える時に、視覚情報は超重要。…

エンジニアのひよこラジオを試してみた【901日目】

エンジニアのひよこラジオをしてみた とりあえず、やってみた・・・ いろいろ解説は、今日準備で体力持ってかれたから、ものだけ置いて後日します・・・! 放送のタイムシフト live2.nicovideo.jp 作ったもの 管理場所リポジトリ github.com 画像 Googleスラ…

【jQuery】追加プラグインの読み込み順で無効化されてしまう【900日目】

なぜか追加プラグインが動かない jQueryのプラグインを新しく入れた。 しかし、今まで入れたプラグインが全て急に動かなくなった。 どうやら、プラグインを入れたせいなのまではわかったが、原因がわからなかった。 jQuery本体入りのJSだった 今回入れたプラ…

【シェルスクリプト】文字列の列数を調べるコマンドwcとgrepの応用【899日目】

文字列の列数を調べたい 何列あるかを調べたい。 りんご ごりら これを3と取得したい wcコマンド wc -l これで、改行の数を計測して、列数を調べる。 ちなみに、最後の行に改行がないと、2列と読み取ります。 grepコマンド grep -c "" grepは、各列に対して…

【一週間振り返り】自分の状態に気づけた一週間【898日目】

克服した!って思ったら、実は出来てなかったとかありますよね。 そして、何も知らない人はそれを見てびっくりしちゃう。 うーん、難しいって思います。 1. 先週からの目標 楽しく生きる! 2. 目標に対して行ったアクション ゲームを多めに。 お酒にも挑戦。…

【OracleDB】GROUP BYで文字列を結合していくLISTAGG【897日目】

特定のグループの文字列を結合したい id, group_id, name 1, 1, apple 2, 1, grape 3, 2, banana 4, 3, orange こんなテーブルがあって、 group_id, name 1, apple.grape 2, banana 3, orange こうしたい LISTAGG SELECT LISTAGG(name, '.') WITHIN GROUP (o…

【OracleDB】GROUP BYしようとしたら、構文エラーが出る【896日目】

Group Byが出来ない SELECT id, SUM(num) FROM table GROUP BY table.id これでエラーが出る OracleDBだと、エラー MySQLとかだと動くこの文。 OracleDBの場合、GROUP BYしたカラム以外のカラムを普通にSELECTしようとするとエラーが出る。 なので、SELECT文…

【正規表現】列検索において、AND、OR、NOTの表現【895日目】

正規表現でAND、OR、NOTをしたい 検索でAND、OR、NOTをしたい。 検索機能を実装するにあたって、そのベースとなる正規表現を作りたい。 (本当はそんなことしたくないが) 書き方 OR: 検索A|検索B AND: ^(?=.*検索A)(?=.*検索B) NOT: ^(?!.*検索文字列) 仕組…

【jQuery】表示・非表示のものをすべて指すセレクタ【894日目】

非表示のものを対象にしたい 非表示に対して、特定の動作をしたくない。 あるいは、表示させているものにだけjQueryの対象にしたい。 :hidden :visible :hidden で非表示のものを対象にする。 :visible で非表示ではないものを対象とする。 従って、 $(":hid…

【jQuery】フロントエンドでバリデーションをするプラグイン【893日目】

クライアント側でバリデーションをしたい サーバー側でも入力値を確認してバリデーションをかけるが、 出来れば通信を使わずにエラーが出せる部分は出したい。 であれば、クライアント側でバリデーションをかけたい。 jQuery Validation jqueryvalidation.or…

【JavaScript】画面を表示したら、一瞬描画途中の要素が見えてしまう【892日目】

画面を描写した瞬間、ごちゃごちゃ動いてる ページを表示する時に、画面に一瞬要素の一部だけが表示されて、 その後完全な形が表示されることがある。 これは、HTMLの描写が終わった後にJavaScriptでHTMLを書き換えたりしているため。 かといって、JavaScrip…

【一週間振り返り】ちゃんと愚痴が言えた一週間!【891日目】

愚痴が言えるって大切! なかなか出来ないですよね。 親しい人としても、距離が近すぎると出来ないとかありますし。 絶妙な間柄とか、相手の人柄とか、なかなか難しいです。 だから、そういう人は貴重ですし感謝なのですよ・・・! 1. 先週からの目標 運動を…

【JavaScript】tableタグの中身の、検索やソートが出来るプラグイン【890日目】

テーブルのソートとかをしたい テーブルタグがあって、それのソートや検索をしたい。 普通に実装すると、まーーーあ大変。 一個一個作って、しかもバグとか起こったら辛い。 なので、プラグインとか使おう DataTables datatables.net 使い方 jQueryとDataTab…

【JavaScript】table内の特定のselectの入力に応じて、別なselectの内容を変える【889日目】

テーブルにインプットが複数 このようなselectが2つなのですが、 1つ目のselectに合わせて、2つ目のselectを変えたい。 加えて、他のやつと連動しないように注意したい。 国 言語 アメリカ 日本 英語 日本語 アメリカ 日本 英語 日本語 作ったもの例 codepen…

【JavaScript】テーブルの列をテンプレートに沿ってボタンで追加する【888日目】

テーブルのカラムを追加したい テーブルの入力項目をどんどん増やしたい。 増やすとすると、その入力項目のテンプレートが必要。 テンプレートに合わせて、テーブルの列を増やしていくスクリプトを書きたい。 ボタンを押すと増やすプログラム // 非表示にし…

【CSS】長過ぎる文章を、三点リーダ(…)で省略する【887日目】

長い文章を省略したい 概要を表示させるときに、文章が長すぎて、一部を省略したい。 そして、スクロールバーで全表示とかは困る。 なので、折返し地点で折り返さずに、省略するCSSを書きたい。 text-overflow: ellipsis テキストが端に来たら三点リーダ(…)…

【JavaScript】複数のcheckboxで、一つでもチェックされたら要素を表示する【886日目】

1個でもチェックされたら表示したい チェックボックスがチェックされたときに、何かを表示したい。 ではなく、どれか一個だけでもチェックされたら表示をしたい。 例えば共通の内容があって、片方がチェックされたら表示させたい。 サンプルコード <input type="checkbox" class="check_item" onchange="anyOneCheckedShow('.check_item', '.show_item')">

【Windows】席を立つ時とかに、即画面ロックする【885日目】

仕事で席を立つ時 仕事とかで席を立つ時、PC画面そのままだと怒られたりしますよね。 監査とかにも引っかかりますし。 あるいは、友人が家に来ている時とかでも、そのままはまずいですね。 ノートPCとかだと、閉じれば良いですが、そうではない時には面倒。 …

【一週間振り返り】少しずつ調子を取り戻した一週間?【884日目】

なんとなく笑顔が多かった一週間な気がします。 でも、なんでかは不明/(^o^)\ いろいろ諦めるって、一応大切な気もしています! 何かを諦めるって、一見良くないように見えますけど、 その結果出来た余裕で、もっと上のことが出来たら、諦めるのは良いこと…

【VSCode】複数のタグの、外側に別なタグを簡単に入れる【883日目】

複数のタグを別なタグでくくりたい <div> <div> <div> <div> <div> </div> </div> </div> </div> </div> このように、ネストしてるタグの一番外側にタグを増やすのは面倒。 一番上に開きタグ書いて、一番下にタグを書いて・・・となる。 拡張機能htmltagwrap これを使うと、選択した範囲の外側にタグが追加される。 …

【HTML】画面を縮めたときに、要素が二列に折り返すようにする方法【882日目】

要素が折り返す 画面を縮めた時に、文字やボタンとかが、綺麗に折り返してほしい。 結構普通なことのようで、実装すると難しいとかがあります。 ですが、これに関してもHTMLの基本をわかってると、すぐに使えます。 ということで、インライン要素の復習をし…

【SpringBoot】setViewNameを省略した場合の挙動【881日目】

RequestMappingでコードを書く @RequestMapping(value = "/login", method = RequestMethod.GET) public ModelAndView index(ModelAndView mav) throws IOException { mav.setViewName("login"); return mav; } こんな感じになる。 これで、 /login にアクセ…

暗号化とハッシュ化の、性質と使いみちの違い【880日目】

暗号化?ハッシュ化? どう違うかはよく知らない・・・って方も多いと思います。 バックリとした説明を。 もとに戻せるのと戻せないもの 暗号化は、元の文字列に戻せるもの。 ハッシュ化は、元の文字列に戻せないもの。 暗号化 『暗号化』『復号』という言葉…

バーチャル空間勉強会の振り返りしました_φ(・_・【879日目】

バーチャル空間勉強会? nyamucoro.connpass.com 土曜日にやったこれ! 振り返り? アンケート見ながら次回アクションを考えたり、個々人の思うKPTを上げて、振り返りをしてました。 今思うと、思ったより私は忙しくなかったし、 逆におかしょいさんと02さん…

【HTML】インライン要素とブロック要素の違いと使い方メモ1【878日目】

このメモは いつかHTMLの説明に使いたいなと思ったことをメモします。 なので、間違っていることがあれば、指摘していただけると嬉しいです。 ブロック要素とは? 端的に言うと箱。 『横幅マックスの』幅の箱を用意します。 何もしなくても、横幅はマックス…

【一週間振り返り】体調崩しながらもやりきれた一週間!【877日目】

健康って、大切ですね・・・ 体調を崩し気味で、思うように生活出来ないのはやはり辛いです(´・ω・`) 1. 先週からの目標 運動を週に最低3回以上やる 2. 目標に対して行ったアクション 体調崩したとはいえ、一日もしなかった!!!まずい!!! 3. 次のアク…