エンジニアのひよこ_level10

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

2020-04-01から1ヶ月間の記事一覧

【SpringBoot】th:replaceでHTMLパーツ化したら、JSも一緒にパーツ化する【930日目】

th:replaceでパーツ化したい HTMLをパーツ化したい。 partsA.html <div id="parts" th:fragment="parts-fragment"> パーツ </div> このパーツを読み出す BaseB <div th:replace="partsA::parts-fragment"> このとき、 id="parts" を使ったJavaScriptがあった。 JavaScriptもパーツ化する partsA.html <div id="parts" th:fragment="parts-fragment"> パーツ </div> </div>

【HTML】日本語でも、単語区切りで自動改行をする【929日目】

改行を単語区切りにしたい 英語では、単語と単語の間にスペースがあります。 従って、単語区切りで改行ということが可能で、ブラウザで自動的に単語単位で改行をしてくれます。 日本語は単語区切りというものがないです。 なので、『焼肉定食』という文字が…

【Git】コミットメッセージで『フィードバック対応』って書かない【928日目】

git

気をつけたいこと コードと関係ない目的を書かない(意図が伝わらない) 性質が(大きく)異なる内容を複数含まない 例 [update] フィードバック対応 [update] A画面の修正と、B画面に機能追加 ↓ [fix] A画面のデザイン崩れの対応 [fix] A画面でボタンが動かない…

【HTML】英語等をスペースなしで書くと枠からはみ出る理由を考える【927日目】

半角文字を長く書く あああああああああああああああああああああああああ aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa こんなふうに、文字を打ち込んでデザインを確認したことがあると思います。 その時に、後者だと上手く動かないパターンがあ…

【一週間振り返り】楽しく、新しい挑戦も出来た週【926日目】

1. 先週からの目標 楽しく生きる! 2. 目標に対して行ったアクション 新しくTRPGのルルブ買ったよ! 3. 次のアクション 楽しく生きる! お仕事休まない! 4. 今週良かったこと(新規・挑戦系) Web勉強会inVR開催出来た! 私が殆ど動かなくてもCluster勉強会が…

Webエンジニア勉強会inVR #1無事終わりました!【925日目】

Webエンジニア勉強会inVR? study-in-virtual.connpass.com このイベントです。 バーチャル空間勉強会の派生として、果物リンさんが開催してくださいました。 私はサポートになります。 この記事は? 中の説明ではなく、サポートで回った私視点の記事になり…

Clusterの操作説明スライド公開(Webエンジニア勉強会inVR用)【924日目】

明日はイベントですね! といっても今日ですが! study-in-virtual.connpass.com 説明をしたい 初めてClusterを使う方もいるだろうということで、 楽しめるための最低限の操作説明を担当いたします。 説明を上手く進めるには、会場の皆さんには協力してもら…

【CSS】要素を消すdisplay:noneと非表示のvisibility:hidden【923日目】

要素を非表示にしたい この画面のこの要素は、ユーザーが特定の動作をするまで表示をさせたくない。 なので、非表示にしたいと考える。 このときに思いつくのはこの2つ。 .none { display: none; } .invisible { visibility: hidden; } この違いはなにか。 …

【HTML】disabledとreadonlyの違い【922日目】

HTMLのformを使う Formタグを使うときに、 送信をしたいものと、入力を途中までしてもらったけど、 送信をしてほしくないものとかがある。 <form> <div>名前</div> <input type="text" name="name"> <div>ニックネーム</div> <input type="text" name="nick-name"> </form> 名前 ニックネーム データを送信したくない このとき、ユーザーが設定で名前を使わずにニック…

【HTML】tableタグでデザインするのは良くないってお話【921日目】

tableタグでデザイン 古のHTMLタグでの記述方法として、tableタグでデザインをなんとかするというテクニックがありました。 デザインのためだけに使うのはあまり良くないとかという声もいくつかあります。 そんなこと言ったって、実害ないのでは? そう言わ…

【HTML】クロスサイトスクリプティング?なぜ文字をエスケープする必要があるのか【920日目】

文字をエスケープさせる? HTMLを書くときに、ユーザーの文字入力はエスケープさせないといけないと聞いたことはありませんか。 Laravelで【{{ }}】をつかって、【{!! !!}】を使ってはいけないと言われたことはないですか。 SpringBootで【th:text】を使って…

【一週間振り返り】ぐっすり寝て身体が元気になってきた【919日目】

1. 先週からの目標 楽しく生きる! 2. 目標に対して行ったアクション ゲームをやったよ! 遊び誘われたとき、ちゃんと断れたよ! 3. 次のアクション 楽しく生きる! 4. 今週良かったこと(新規・挑戦系) あまりに眠いときに、ちゃんと眠いって言った 結果、9…

katlocoについて【918日目】

新しくデバイス買いました katlocoっていうものがあったので買いましたφ(・・ ただ、今キャリブレーション上手く行かなくて使えてないです・・・ まあ、これは仕方ないのですが(´・ω・`) 規約?が変わった 日本での唯一の販売代理店が言うには動画や生放送で…

【HTML】inputタグのhiddenは使ってはいけない???【917日目】

inputタグのtype="hidden" <input type="hidden" name="id" value="1"> このように、inputタグには、hiddenというtypeがあります。 formタグでsubmitするときに、画面には表示されないけど、一緒にデータを飛ばすことが出来るものです。 ユーザーには入力させたくないけど、でもデータは送ってほしい。…

【CSS】ダークモードに合わせてデザインを変える【916日目】

ダークモードに対応したい 最近はスマホのダークモードを使ってる人が増えてきました。 ダークモードで画面が暗くなっていても、Webページを見たら白背景で結局意味がない…… ってことで、ダークモードの人用のデザインを用意したい prefers-color-scheme: da…

別ブランチのcommitを、別ブランチに移動させるcherry-pick【915日目】

ブランチのコミットを移したい 別ブランチで作業をしてました。 このブランチでやっていたことを、他のブランチに入れたい。 このときに『一部のコミットだけ』を移したいということだった。 cherry-pick git logなどで見てるコミットのIDを確認する git che…

【Git】revertの罠。間違えてdevelopにマージしちゃったとき【914日目】

間違えた!revertしよう! Gitを使っていて、 『プルリクの向き先間違えてdevelopにしちゃった!』 『間違えてdevelop書き換えちゃった!』 ってときに、revertしました。 もとに戻ったように見えますが、何も考えてないと、後から思わぬ問題が起こったりし…

Webエンジニア勉強会inVR 第1回、開催されます!【913日目】

このイベントは? study-in-virtual.connpass.com こちら! 果物リンさんが主催するイベントです! twitter.com どんな感じ? バーチャル空間で勉強会をやっていくぞ! 当イベントは特別な機器(HMD)は不要です。 ってことで、Clusterでの開催です。 普通の…

【一週間振り返り】自分探しして、少し手がかり手に入った一週間【912日目】

1. 先週からの目標 楽しく生きる! 2. 目標に対して行ったアクション ゲームをやったよ! 3. 次のアクション 楽しく生きる! 4. 今週良かったこと(新規・挑戦系) いろいろ空にした結果、愚痴吐き出せた 5. 今週良かったこと(平時・生活的なところ) Skyrimや…

カメラ通話で自分の姿を変えたり出来るSnap Camera【911日目】

不思議な外見で会議通話をしましょう 現在所属している会社の雑談通話の様子です。 (左はfacerig) 右が今回使ったSnap Cameraです。 snapcamera.snapchat.com どうやるの? インストールする 通話する カメラの設定に、Snap Cameraが追加されてるので選ぶ こ…

コードレビューをせず、プルリクはマージしていい?【910日目】

プルリクを早くマージしたい。 技術を持った人や、権限を持った人がプルリクをマージしたい。 最終チェック担当の人なら、他の人にレビューしてもらわず、自分でマージしてもいい? 間違いではないけど、落とし穴もあるので、リスクと速度を意識してやりまし…

【GitBucket】プルリクのThis branch is out-of-date with the base branchの対応【909日目】

プルリクでエラーっぽいのがある This branch is out-of-date with the base branch Merge the latest changes from develop into this branch. こう書かれていると思います。 これは何か。 原因 向き先である、developの内容が、プルリクを出している元ブラ…

【Java】フィールド値を少し変えて取り出したいのでgetter生やす【908日目】

値を少し変えて取り出したいと言われた 相談されたのが、少し値を変えて表示をしたいという話。 時間を表示したいが、秒がいらないということでした。 Entityを作ったが、それのsetを書き換えるのは違うよな……formatterを作る?とか聞かれました。 表示に関…

【プログラミング】数字や順番を使ってロジックを組むときに考えること【907日目】

ロジックを考えるにあたって プログラミングでロジックを考えた。 <ul> <li>名前</li> <li>性別</li> <li>住所</li> </ul> これで、『性別と住所』がほしい。 だから、『2番目と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スラ…