「表の奇数行と偶数行の色を変えたい!」 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) 下記より詳しく解説します。
「表の奇数行と偶数行の色を変えたい!」 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) 下記より詳しく解説します。
この記事について Webエンジニアになって早1年半。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社の考え方でどうしようもないのでしょうか。
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/
先日遭遇したJavaScriptでの現象について。 タイトルにある通り、scrollTop プロパティに値を指定しても、その位置にスクロールしない現象が発生しました。 何故か scrollTop から返ってくる値が常に 0 になっており、それが原因のようです。 で、こちらの問題の解決にあたって、下記の記事が参考になりました。 document.body.scrollTopが常に0を返す謎を調べてみた – Qiita https://qiita.com/tkengo/items/ee758c75ba874757b7fd この記事によると、原因は scrollTop プロパティでスクロール位置を取得したい要素に下記の CSS を指定するとのことでした。 #sample { overflow-y: auto; width : 300px; height: 200px; } width と hei
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年時点において広く利用
実際に逮捕・起訴された人の事例をいろいろ読んでみると、普通に生活・仕事していてもされる時はされるんだと思う。 痴漢冤罪や荷物すり替えで違法薬物の運び屋にされるなどの巻き込まれケースだったり、もともとルール(法律・運用)が曖昧なグレーゾーンが拡大解釈で突然咎められたり、捜査機関の描いた架空のストーリーの登場人物にされたり、本人は犯罪の意識が希薄だったり、色々ある。 逮捕・起訴されると人生に大きなダメージを被る。会社なんかで災害を想定してBCP(事業継続計画)を事前に立てたりするけど、それと同じような感じで、万が一逮捕された場合でも「こうなる」をそこそこ認識して「こうする」を事前に決めておければ役に立つかもしれないと思うようになった。 概要 弁護士選び 逮捕~裁判の流れ 逮捕 逮捕後 留置場・拘置所 取調べ・調書 捜索差押 勾留請求・勾留質問 裁判 世論形成・名誉回復 参考事例・参考文献 概要
bashの正規表現でスペース(空白)を判定する方法を紹介します。 1.問題点 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の正規表現でスペースを判定する方法を紹介します。 2.bashの正規表現でスペースを判定する 正規表現でスペースを判定するには、スペースを
周りを見ていると何の苦もなく英語社会に適応しているわけですが、日々苦しんでいる人の奮闘記があっても良いのではないかと思って書きました。残念なエピソードを晒すことで実は自分もこうやって乗り切ってましたという人が現れお互いに助け合えることを期待しています。 概要 前提 バッドノウハウ 質問編 聞き取れなかった時にSorry?と聞き直さない 聞こえたところまで繰り返す 可能性のある質問全てに答える Do you mean ~ ? で可能性を潰していく うかつにYES/NOで答えない 他人に振ってみる 良い質問ですねぇを使う 何か言いそうな雰囲気を出して時間を稼ぐ 発言編 How are you?を速攻でキメる Can you hear me? Can you see my screen? に率先して答える How are you?にHow are you?で返す 発表編 話し続ける 質問が出ない
この記事では、NAT-T デバイスの背後で L2TP/IPsec サーバーを構成する方法について説明します。 適用対象: Windows 10 - すべてのエディション、Windows Server 2012 R2 元の KB 番号: 926179 概要 重要 このセクション、方法、またはタスクには、レジストリの編集方法が記載されています。 レジストリを誤って変更すると、深刻な問題が発生することがあります。 レジストリを変更する際には十分に注意してください。 保護を強化するため、レジストリを変更する前にレジストリをバックアップします。 こうしておけば、問題が発生した場合にレジストリを復元できます。 レジストリをバックアップおよび復元する方法の詳細については、「Windows でレジストリをバックアップおよび復元する方法」を参照してください。 既定では、Windows Vista と Win
windowsでVPN接続に失敗する事象が発生 windowsのパソコンで、L2TP/IPsecのVPN接続をするために設定を追加しました。 その際に、KEYの情報などは合っているにもかかわらず、接続ができない事象が発生しました。 接続できない原因 調べてみたところ、Windows では IPSec NAT-T の値がデフォルトではオフになっていることがわかりました。 これがオフだとL2TP/IPsecのVPN接続に失敗することがあるようです。 この失敗を回避するには、レジストリの変更をする必要があります。 レジストリの値を変更する手順をメモしておきます。 変更手順 ファイル名を指定して実行から「regeit.exe」と入力して、レジストリエディタを起動する。レジストリエディタから、下記を選択する「HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Se
main.cfに設定変更を加えたのち、Postfixをreloadすることで設定反映を行うという手順は、さまざまなサイトで言及されている手順となる。 しかし、main.cfの設定は自動反映されることがある。したがって、事前にmain.cfに設定変更を行っておき、任意のタイミングで反映するような作業計画は危険であり、main.cfの設定変更は、設定反映と同じタイミングで実施するよう計画すべきである。 通常の設定では詳細なログが出力されないので、Postfixをデバッグモードにする。以下の通り、master.cfのsmtp行に「-v」のオプションを付ける。 # cat /etc/postfix/master.cf | grep -v -e "^#" ------------------------------ smtp inet n - n -
1975年宮城県生まれ。元SEでフリーライターというインドア経歴だが、人前でしゃべる場面で緊張しない生態を持つ。主な賞罰はケータイ大喜利レジェンド。路線図が好き。(動画インタビュー) 前の記事:落とし穴も罰ゲームも!テレビで見かける「あの装置」の裏側を聞いた > 個人サイト 右脳TV 酸素が悪さをするなら、酸素をなくせばいいじゃない その会社とは三菱ガス化学株式会社。「たべられません」の脱酸素剤を、世界で初めて実用化した会社だ。商品名を「エージレス」という。 こちらが「エージレス」のラインナップ(一部)。見たことあるでしょう? 取材に応じていただいた、脱酸素剤事業部 営業グループの石井さん(奥左)と向さん(奥右)。取材はアクリル板越しに行いました。 まず聞いたのは、脱酸素剤エージレスが持つ機能とその使用用途。 平たく言うと「これなんですか?」である。 石井:酸素を吸収することで、酸化による
CSS読み込みの<link rel="stylesheet">は同期なので、レンダリングブロックします。 どういうことかというと、CSSファイルの読み込み・パースが終わるまで画面描写が止まってしまいます。 これに対策する方法としてpreloadというものが策定されましたが、対応状況が微妙です。 2019年7月時点でもブラウザシェアが8割しかなく、Firefoxは当面対応するつもりがないようです。 とはいえ残り2割のためにloadCSSを突っ込んだりとか始めると本末転倒感に溢れます。 全ブラウザ対応のためには、なんにしろ結局JavaScriptをこりこり書くしかない状況でした。 が、なんかすっごい簡単な対処法があったので紹介してみます。 以下はScott Jehlによる記事、The Simplest Way to Load CSS Asynchronouslyの日本語訳です。 ちなみにSco
frameset要素は、ウィンドウを各フレームに分割する要素です。分割された各フレームに対応する文書へのリンクはframe要素で行います。 frameset要素はnoframe要素を包含して、フレームをサポートしていないブラウザのために代替テキストを提供することもできます。
プロセス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$ *
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く