k01ken’s b10g

He110 W0r1d!

2019-10-01から1ヶ月間の記事一覧

CSSのz-indexでコンテンツをオーバーレイをする

開発環境は、Windows10 Pro(64bit) + Firefox 69.0.3(64bit)。例えば、ボタンをクリックして、モーダルを表示させるときなど、ウィンドウ以外の背景部分のコンテンツの上に、分かりやすくするために、透過した色の背景をオーバーレイして、クリックできない…

Canvasタグ内に画像を表示する

開発環境は、Windows10 Pro(64bit) + Firefox 69.0.3(64bit)。 <canvas id="canvas" width="500" height="500" style="border:solid 1px #000;"> </canvas> ■関連リンク canvasに画像を表示する - Qiita canvasにローカル画像を表示 - Qiita

Gitコマンド一覧

Git

直近のコミットメッセージの修正 git commit --amend -m "新しいメッセージ" ■ブランチ関連 # 新しくブランチの追加 git branch ブランチ名 # ブランチの一覧の表示 git branch # 追跡リモートブランチも含めたブランチの一覧表示 git branch -a # 特定のブ…

BANDICAMを使ってみる

環境は、Windows10 Pro(64bit)。ゲーム実況がしてみたくなって、キャプチャーソフトを探していたところ、Bandicamをおすすめしていたので、無料版(ロゴつき、10分の制限)を試しに使ってみることにしました。 ■まずはインストール 公式サイトへアクセス www.b…

CakePHP3でformatResults()を用いて後処理をする

開発環境は、Windows 10 Pro(64bit) + PHP 7.2.12 + CakePHP 3.7.9。findメソッドを用いて、containなどで関連もつなげて作り終わったクエリーに対して、formatResults()を用います。今回は、受け取った値に応じて、違う値を、新たに生成したカラムに入れた…

TwitterのDM部分みたいに下にメッセージをどんどん追加する

TwitterのDM部分は、スクロールが最初から一番下に位置していて、一番上に持っていくと、無限スクロールによって、古いDMが読み込まれるような構造です。最初に投稿した段階で、メッセージは一番下に来るようにするには、positionをabsoluteにしなくてはいけ…

inline-blockの要素を右寄せする方法

CSS

幅をwidthで最初から指定せずに、文字列の長さに応じて動的に変更したい場合は、 display:inline-block; を追加すればいいんですが、これだと、 margin-left:auto; margin-right:0px; のような形で右寄せすることができません。今回はその解決メモです。 解…