【html/CSS】幅(width)を子要素に合わせる方法
親要素がdivなどのブロック要素の場合、何もしないと横幅がいっぱいになります。 下記は青背景が親要素、オレンジ背景が子要素です。後述する方法の比較のため兄弟要素にspanタグをいれています。 divの兄弟要素のspan <style> .example{ background: #77abd8; } .example>*{ background: #d3a142; } </style> <div class="example"> <a href="#">子要素(aタグ)</a> </div> <span>divの兄弟要素のspan</span> この親要素を子要素の幅に合わせましょう。
【MySQL】インポート時間短縮のためのDBパラメータチューニング / 開発者向けブログ・イベント | GMO Developers
バイナリ互換性がないMySQLバージョン間（5.6→8.0）のDB移行が必要となり、DBを停止して、mysqldumpによるデータ移行を計画しました。その際にDBのダウンタイムをなるべく短くするため、インポートにかかる時間をパラメータチューニングによって短くできないか検証しました。 注意点 本記事の内容は、筆者の個人的な見解や認識に基づいて作成しているため、正確性、信頼性、完全性、最新性を保証するものではありません。 本記事は、2023/04/25 時点の情報をもとに作成しております。 最新の情報については、他の情報源と照らし合わせてご確認ください。 今回紹介するパラメータはインポート時に一時的に設定するパラメータと仮定しており、運用時は適さないパラメータもあります。 インポートが完了したら運用に適したパラメータへの変更をお願いします。 前提条件 インポートするデータ スキーマ毎にmysq
MySQL | 実行中クエリの確認(show processlist)と強制終了(kill) - わくわくBank
クエリの結果が返ってこなくて困った経験はないでしょうか？ここでは、実行中クエリの確認方法と強制終了させる方法について紹介します。 mysql> show processlist; +-----+------+--------------------+--------------+---------+------+--------------+------------------------------------+ | Id | User | Host | db | Command | Time | State | Info | +-----+------+--------------------+--------------+---------+------+--------------+------------------------------------+ | 243 | root
JPEG画像にJavaScriptのコードを埋め込んでみる | みどりのさるのエンジニア
JPEG画像にJavaScriptのコードを埋め込む手法が紹介されていたので試してみました。 今回は次の画像に対してコードの埋め込んでみます。 注意 この記事は攻撃方法を知ることでセキュリティを学ぶことを前提としており、実験も仮想環境上で実行しています。 決して外部サイトに対して実行しないようにしてください。 画像のバイナリを見てみる 今回試す方法は画像のバイナリを変更してコードを埋め込んでいます。 そこで、最初は画像のバイナリを確認してみます。 $ hexdump -C donarudo.jpg | head -n 5 00000000 ff d8 ff e0 00 10 4a 46 49 46 00 01 01 00 00 01 |......JFIF......| 00000010 00 01 00 00 ff e1 00 6c 45 78 69 66 00 00 49 49 |..
【CSS】tableの奇数行,偶数行・奇数列,偶数列の指定方法
「表の奇数行と偶数行の色を変えたい！」 tableの奇数行・偶数行、奇数列・偶数列を指定する方法を紹介します。 結論 【偶数行】tr:nth-of-type(2n) td【奇数行】tr:nth-of-type(2n-1) td【偶数列】td:nth-of-type(2n)【奇数列】td:nth-of-type(2n-1) 下記より詳しく解説します。
console.log(); しか使えなかった自分へ。。。 - Qiita
この記事について Webエンジニアになって早１年半。railsのデバッグをする時にはエディターのデバッガーでスマートにできていたが、javascriptになるといつもconsole.log();ばかりを使って原始的なデバッグをしていた。。。 そんな脳筋な過去の自分に教えてやるための記事です。 console.log({変数名}); 「いきなりconsole.log();の紹介かい！！！」って思われるかもしれませんが、この技を知ったときは「なんで知らんかったんや。。。」って思うくらい便利だったので最初に紹介します。 以下のようなHTMLがある場合 <form> <input type="text" value="名無しの権兵衛" id="name"> <input type="text" value="80歳" id="age"> <input type="text" value="バスケ"
マウスホイールによる拡大・縮小について
購入の検討のために体験版を使用してみて、マウスのスクロールボタンが逆動作ですが、逆にできますか。 いままで私が経験しているCadもまたGoogleの地図なども含めてすべてホイールを手前に回すと縮小する( 引くと小さくなり押すと大きくなる)ものだったのでその逆の動作だと非常に使いづらいです。 Inventorの体験版も逆だったのでAutodesc社の考え方でどうしようもないのでしょうか。
WindowEventHandlers.onafterprint - 印刷用のダイアログを閉じた時に発火
JavaScript // イベントの設定 (onafterprint) window.onafterprint = function ( event ) { // ... } // イベントの設定 (addEventListener) window.addEventListener( "afterprint", function ( event ) { // ... } ) ; HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>【デモ】WindowEventHandlers.onafterprint - 印刷用のダイアログを閉じた時に発火</title> <link rel="canonical" href="https://syncer.jp/Web/API_Interface/Reference/IDL/
GIFを最速でアニメーションさせるには遅延を最低値にしてはいけない
By John Hobbs GIFには複数画像を一つのファイルに組み込んで順番に表示することでアニメーション表示する機能が存在しており、簡易的にムービーをサイトに埋め込む手段として利用されています。アニメーション機能の設定ではコマが切り替わるまでの時間を指定可能ですが、仕様の限界まで時間を短くするとかえって切り替わりが遅くなってしまうという現象に遭遇したエンジニアのベン・フェルプスさんがその理由をブログにまとめています。 The Fastest GIF Does Not Exist https://www.biphelps.com/blog/The-Fastest-GIF-Does-Not-Exist GIFには1987年に公開されたGIF87aと1990年に公開されたGIF89aの2種類の仕様がありますが、アニメーションに対応しているのはGIF89aのみで、2022年時点において広く利用
bashの正規表現でスペース（空白）を判定する方法
bashの正規表現でスペース（空白）を判定する方法を紹介します。 １．問題点 bashで、下記のようなスペース（空白）を含む文字列を判定したいのですが、方法がわかりません。 #!/bin/bash str="aaa bbb ccc" if [[ $str =~ 'a{3} b{3} c{3}' ]]; then echo "yes" else echo "no" fi 実行結果 no ちなみに単純な文字列であればマッチするようです。 #!/bin/bash str="aaa bbb ccc" if [[ $str =~ 'aaa bbb' ]]; then echo "yes" else echo "no" fi 実行結果 yes ということで、bashの正規表現でスペースを判定する方法を紹介します。 ２．bashの正規表現でスペースを判定する 正規表現でスペースを判定するには、スペースを
Windows Vista および Windows Server 2008 では、L2TP と IPsec NAT-T デバイスの背後にあるサーバを構成する方法
この記事では、NAT-T デバイスの背後で L2TP/IPsec サーバーを構成する方法について説明します。 適用対象: Windows 10 - すべてのエディション、Windows Server 2012 R2 元の KB 番号: 926179 概要 重要 このセクション、方法、またはタスクには、レジストリの編集方法が記載されています。 レジストリを誤って変更すると、深刻な問題が発生することがあります。 レジストリを変更する際には十分に注意してください。 保護を強化するため、レジストリを変更する前にレジストリをバックアップします。 こうしておけば、問題が発生した場合にレジストリを復元できます。 レジストリをバックアップおよび復元する方法の詳細については、「Windows でレジストリをバックアップおよび復元する方法」を参照してください。 既定では、Windows Vista と Win
windowsでVPN接続できないときに確認すること
windowsでVPN接続に失敗する事象が発生 windowsのパソコンで、L2TP/IPsecのVPN接続をするために設定を追加しました。 その際に、KEYの情報などは合っているにもかかわらず、接続ができない事象が発生しました。 接続できない原因 調べてみたところ、Windows では IPSec NAT-T の値がデフォルトではオフになっていることがわかりました。 これがオフだとL2TP/IPsecのVPN接続に失敗することがあるようです。 この失敗を回避するには、レジストリの変更をする必要があります。 レジストリの値を変更する手順をメモしておきます。 変更手順 ファイル名を指定して実行から「regeit.exe」と入力して、レジストリエディタを起動する。レジストリエディタから、下記を選択する「HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Se
CSSを非同期ロードする最も簡単な方法 - Qiita
CSS読み込みの<link rel="stylesheet">は同期なので、レンダリングブロックします。 どういうことかというと、CSSファイルの読み込み・パースが終わるまで画面描写が止まってしまいます。 これに対策する方法としてpreloadというものが策定されましたが、対応状況が微妙です。 2019年7月時点でもブラウザシェアが8割しかなく、Firefoxは当面対応するつもりがないようです。 とはいえ残り2割のためにloadCSSを突っ込んだりとか始めると本末転倒感に溢れます。 全ブラウザ対応のためには、なんにしろ結局JavaScriptをこりこり書くしかない状況でした。 が、なんかすっごい簡単な対処法があったので紹介してみます。 以下はScott Jehlによる記事、The Simplest Way to Load CSS Asynchronouslyの日本語訳です。 ちなみにSco
frameset要素
frameset要素は、ウィンドウを各フレームに分割する要素です。分割された各フレームに対応する文書へのリンクはframe要素で行います。 frameset要素はnoframe要素を包含して、フレームをサポートしていないブラウザのために代替テキストを提供することもできます。
GDBでプロセスID表示とdefine値表示 - tail -f /var/log/こうちかずお.log
プロセスID表示 runした後、 (gdb) info proc id を使う。 define値表示 gオプションでコンパイルすると定義内容が表示できないので、 (gdb) p FOOBAR No symbol "FOOBAR" in current context. (gdb) shell grep FOOBAR /usr/include/bar.h としていたが、-g3オプションだとprintで表示可能でしかもinfo macroでどこに定義されているのかがわかる。 2つの例 $ cat test.h /** * test.h * $Id$ */ #ifndef _TEST_H #define _TEST_H 1 #define TEST_STR "This is test" #endif /* _TEST_H */ $ cat test.c /** * test.c * $Id$ *
タイトルバー 文字を白色
かんたん設定 にて、 ColorizationColor=0XC4551A8B Background=0 0 0 に置き換えたと仮定して説明します タイトルバー 標準の文字色 追加設定にて タイトル文字を白色 タイトルバー 紫色[551A8B]、背景 黒色[0 0 0]、文字サイズ[12] デスクトップの「iro_1.theme」をメモ帳で開く 文字列を2か所 に置き換える 5行目 ※左が置き換え前、右が置き換え後 51行目 ※行数は目安 文字列を2か所 に置き換える（タイトルバーの文字色） ※白黒以外は、背景の数値を参考にする 色見本 77行目 87行目 ※行数は目安 ※指定した文字列以外は変更しない(文字が読めなくなる) ファイル＞名前を付けて保存 場所「デスクトップ」 ファイル名「aerolite.theme」 メモ帳を閉じる 「Themes」フォルダーを開く 「aerolite.
typoしてpushしてしまったコミットコメントを修正してpushしなおす方法 - Qiita
はじめに チーム内の共有ブランチから自分の作業ブランチを切って作業していた際、 コミットコメントを打ち間違えてしまったのでコメントを修正します。 コミットの履歴の改変になるので作業は注意をしながら行います。 また、共有ブランチでは行わないようにしてください。 コミットをやり直す方法 使用するコマンド git commit --amend 直前にしたコミットをやり直します。 前回のコミットにファイルの追加を行ったり、コミットコメントの変更を行ったりできます。 使用例 たとえば以下のようなコミットがあったとします。 commit xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Author: xxxx <xxxx@xxxx.com> Date: Wed Aug 26 12:57:24 2015 +0900 Added text1.txt A sample/text1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Excel2010-2016：セルに一括して1を足す －教えて！HELPDESK
価格で絞り込む検索ワザ | 通販サイトのお得な買い物術や活用法
jQueryでCSSの値を複数設定するときの記述 - Qiita
