Windowsで使用されているポートを調べる方法
Windowsで使用されているポートを調べる方法を紹介します。 １．問題点 WindowsでPostgreSQLを起動しようとしたのですが、別のアプリケーションがポート5432を使用しているためか、起動NGになりました。 が、どのアプリケーションがポート5432を使用しているのか分かりません。 ということで、Windowsで使用されているポートを確認する方法を紹介します。 ２．ポートを確認する ポートを確認するには、netstatコマンドを利用します。 （クリックで拡大、以下同様） netstatはTCPコネクションを表示するコマンドです。 オプションの意味は次のとおりです。 a：LISTENING状態のTCPポートを表示 n：IPアドレスやポート番号を数値で表示 o：プロセスIDを表示 これで「ローカルアドレス」のポート（":"の後方）が分かるので、一番右側にあるPID（ここでは1102
番号付きリスト（ol/li）の途中で番号を変更する方法
番号付きリスト（ol/li）の途中で番号を変更する方法を紹介します。 １．問題点 番号付きリスト（ol/li）でol要素にstart属性を与えることで、開始番号を決めることができます。 <ol start="5"> <li>あああ</li> <li>いいい</li> <li>ううう</li> </ol> 実行結果 あああ いいい ううう そうではなく、リストの途中で番号を変更したいのですが、変更する方法が分かりません。 たとえば次のリストで、「えええ」から10を振りたいような場合です。 <ol> <li>あああ</li> <li>いいい</li> <li>ううう</li> <li>えええ</li> <li>おおお</li> </ol> ２．番号付きのリストの途中で番号を変更する 途中で番号を変更するには番号を変えたいli要素にvalue属性を追加し、変更する番号を属性値に設定します。 <o
ol要素の入れ子で親の番号を子に割り当てる方法
ol要素の入れ子で親の番号を子に割り当てる方法を紹介します。 HTMLマークアップ <ol class="list"> <li>タイトル1 <ol> <li>タイトルA <ol> <li>タイトルA-1</li> <li>タイトルA-2</li> </ol> </li> <li>タイトルB <ol> <li>タイトルA-1</li> <li>タイトルA-2</li> </ol> </li> </ol> </li> <li>タイトル2 <ol> <li>タイトルC</li> <li>タイトルD</li> </ol> </li> </ol> 完成イメージ 完成イメージでお分かりのとおり、子リストに親リストの番号が引き継がれています。 参考：デフォルトの表示 １．CSSの設定 親の番号を子に割り当てるには、次のCSSを適用します。 ol { counter-reset: section; } l
PowerPointで2スライド目のページ番号を「1」にする方法
PowerPointで2スライド目のページ番号を「1」にする方法を紹介します。 ここではPowerPoint 2010を使って説明します。 １．ページ番号を挿入する まず、PowerPointでページ番号を挿入する方法です。 メニューバーから「挿入」タブをクリック。 「スライド番号」のアイコンをクリック。 ウィンドウ幅を狭くしているとアイコンが小さくなっているので注意してください。 「ヘッダーとフッター」画面が開くので、「スライド」タブの「スライド番号」をチェックして「すべてに適用」をクリック。 これで全スライドの右下にページ番号が表示されます。 （クリックで拡大） ２．タイトルにページ番号をつけない タイトルスライド（=1ページ目）にページ番号をつけたくない場合、さきほどの画面で「タイトルスライドに表示しない」をチェックして「すべてに適用」をクリック。 これで1スライド目のページ番号は非
jQueryでa番目からb番目まで範囲指定セレクタ - Web学び
2013年 2月 5日 a番目からb番目までの範囲を指定したいときに使うjQueryセレクタです。:lt()や:gt()を組み合わせます。CSSには存在しないセレクタですね。 :lt() 指定した数字より前に存在する同じ要素 :gt() 指定した数字より後に存在する同じ要素 (:lt(),:gt()内の数字は0から数えます) 以下、全て(1から数えて)3番目と8番目の間の要素を指定します。 例えばp要素内にあるそれぞれ1,2,3,4,5,6,7,8,9と書いたspan要素のうち4,5,6,7に該当します。 $('p').find('span:lt(7):gt(2)').css('color','red'); $('p').find('span:gt(2):lt(4)').css('color','red'); :not()を使うとこういう冗長な書き方も $('p').find('span:
Wordで途中のページからページ番号を開始する方法
Wordで途中のページからページ番号を開始する方法を紹介します。 １．概要 Wordで文書をつくるとき、1ページ目を表紙にして、2ページ目に目次、3ページ目から本文というレイアウトにするとき、2ページまたは3ページ目を「1ページ」で開始したいことがあると思います。 ということで、本エントリーではWordで文書を作るときにページの途中から1ページにする方法を紹介します。ここでは3ページ目にページ番号「1」を設定する手順で説明します。 なお、ページの途中から1ページにするには、大きく分けて次の3つの作業があります。 セクションを区切る ページ番号の挿入 ページ番号の修正 Word2007で解説しています。 ２．セクションを区切る 1ページにしたいページ（3ページ目）の先頭にカーソルを移動し、「ページレイアウト」を選択。 「区切り」→「現在の位置から開始」を選択。ウィンドウの横幅が狭いと「区切り
jQueryでクリックした要素が何番目かを調べる方法
jQueryでクリックした要素が何番目の要素かを調べる方法を紹介します。 このエントリーはビギナーの方向けの内容です。 １．問題点 次のようなHTMLを想定します。 <ul> <li>aaa</li> <li>bbb</li> <li>ccc</li> <li>ddd</li> <li>eee</li> </ul> たとえば、「ccc」のli要素をクリックしたときにli要素の中の3番目の要素であることを知りたいのですが、調べる方法が分かりません。 ２．クリックした要素が何番目かを取得する（その1） クリックした要素が何番目かを取得するには、index()を利用します。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> jQuery(function
普通のリストに任意の文字列と番号を加える・改正 - かちびと.net
「普通のリストに任意の文字列と番号を加える」のコードが、同じページ内で複数作ると上手く動作しない、と連絡を頂いたので改正版。 Result jQuery $('ul > li').each(function() { $(this).prepend("<span class='number'> No." + ($(this).index() +1) + "</span>"); }); index()メソッドで取得したインデックス番号は0からなので1を足してナンバリングする。 css .number{/*ナンバリングした数字のスタイル*/ color:red; display:inline-block; margin-right:15px; font-size:20px; } via Add Numbers into an Ordered List
:nth-*擬似クラスのおさらいメモ
:nth-*擬似クラスの引数の理解がいまいちだったのでおさらい。 構文について。 ここでのINTEGERは[0-9]+である。 nth : S* [ ['-'|'+']? INTEGER? {N} [ S* ['-'|'+'] S* INTEGER ]? | ['-'|'+']? INTEGER | {O}{D}{D} | {E}{V}{E}{N} ] S* ;nは0もしくは正の整数であるので、それを元に考えると分かりやすい。 たとえば:nth-child(n+1)の場合…… 0 + 1 = 1 1 + 1 = 2 2 + 1 = 3 ...となる。 偶数番目の子を指定する場合には:nth-child(even)または:nth-child(2n)となるが、これも同様に 2 * 0 = 0 2 * 1 = 2 2 * 2 = 4 ...となる。 奇数番目:nth-child(odd), :n
3/4 CSSのnth-childで偶数/奇数行などn番目を装飾する方法 [ホームページ作成] All About
CSSのnth-childで偶数/奇数行などn番目を装飾する方法(3ページ目)リストやテーブル(表組み)など多数の項目が連続する要素は、1行おきに装飾を分けると見やすくなります。CSSのnth-child疑似クラスを使えば、偶数行(＝2の倍数番目)だけの装飾、奇数行(＝2の倍数+1番目)だけの装飾などを簡単に指定できます。表なら「n番目の列」のように列単位で色分けするのも簡単です。そのほか、先頭だけ、先頭から5つだけ、3個おき(＝3の倍数)、最後から2番目だけ、最後だけ……など柔軟に指定できて便利です。 前ページでご紹介した倍数での指定のほかに、「先頭から数えて指定個数の要素だけ」に限定して装飾することもできます。その逆に、「先頭から指定個数を除いた残りの要素」だけに限定して装飾することもできます。 例えば、新着記事を10個掲載し、そのうち最新の3件だけを目立たせる装飾などに活用できるでし
![3/4 CSSのnth-childで偶数/奇数行などn番目を装飾する方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/7e5c80524767cb55393e0a6d34b718f50c34e6ef/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F8%2F3%2F7%2F0%2F7%2F201609231530%2Ftopimg_original.png)
【文字列内に含まれる文字列の判断】indexOf メソッド :ブログの為のJavaScript
URL や リンクのテキストを取得しても、その文字列をどうするかを考える前に、 その文字列が「何か」「どうなっているのか」を判断する必要があります。 ですから最初に必要になるのが、「こういう文字列が含まれてるかな?」という 疑問に答える「文字列検索」のメソッドが必要になります。 var strSearch = window.location+""; if ( strSearch.indexOf( "BBS" ) == -1 ) { if (window.attachEvent){ window.attachEvent('onload', setcat); } else { window.addEventListener('load', setcat, false); } } 上の例は、ブラウザに表示されている URL を、window.location でまず取得しています。 window
Bootstrap List Styles with CSS3: Exploring
In the realm of web design, lists are fundamental for organizing content. Bootstrap, a popular front-end framework, offers powerful tools for creating and styling lists. In this article, we’ll dive into the world of Bootstrap list styles enhanced with CSS3. We’ll explore various techniques to make your lists more visually appealing and engaging. The Bootstrap List Foundation Bootstrap provides a s
[CSS]ol要素に頼らないナンバリングするスタイルシートのテクニック
掲載するコンテンツにナンバリングをつける際にまず思いつくのは、ol要素を使うことでしょう。確かに、ol要素はナンバリングするのに非常に合理的です。 ここでは、そのol要素を頼らずにナンバリングするテクニックを紹介します。 Numbering In Style [ad#ad-2] 下記は各ポイントを意訳したものです。 ol要素を使用しないでナンバリングをするコンテンツは、例えばデモにあるようなFAQのリストです。 このFAQのリストは、dl要素で実装されています。 dl要素でナンバリングしたデモページ ※実装は、下記で紹介。 ナンバリングの実装には擬似要素と「counter-increment」を利用しており、アイデアの元となったのは「Styling ordered list numbers」の記事です。 Styling ordered list numbers デモページ このデモでは入れ
Reverse Ordered Lists in HTML5
With all the hype surrounding the new APIs and the fancy parts of CSS, I had almost forgotten about the new reversed attribute that allows you to write a descending list of numbered items, as opposed to the default ascending list of numbered items. You can get full details in the specification, but here I’ll summarize what it does and I’ll offer a solution for the fact that there is (from what I c
WordPress(ワードプレス)でWP-PostViewsの順位表示を画像にしてみたい | Liglog
１．独自の変数設定とフォーマットへの記述 今回%RANKING_NO%という変数を独自に設け、順位ごとのクラスを設定しました。例えば出力フォーマットで以下のようにして使うことを想定してます。各順位のliにclassとしてnoXという値を設定しています。 <li class="no%RANKING_NO%"> <a href="%POST_URL%" title="%POST_TITLE%">%POST_TITLE%</a> - %VIEW_COUNT% views</li> %RANKING_NO%という変数は元々存在しませんので、処理して出力させる為にはプラグインのプログラム自体の改修が必要です。以下に続きます。 ２．設定した変数の処理の追加 プラグインフォルダのwp-postview.phpを開いて、以下の記述がある箇所を探します。 foreach ($most_viewed a
zoomを使うとlist-style-typeがおかしくなる
こんばんわ、おひさしぶりです。 溝上です。 なんだかひさしぶりにブログを書く気がします。 そんなわけで今回は軽くリハビリがてら、 最近遭遇したIEのバグについてお話したいと思います。 それでは早速サンプルをご覧ください。 ▼スクリーンショット ※スクリーンショットは、Windows Internet Explorer 6.0のものです。残念です。 （htmlコーディング） <ol class="number"> <li>あいうえお</li> <li>かきくけこ</li> <li>さしすせそ</li> <li>たちつてと</li> </ol> <ol class="alphabet"> <li>あいうえお</li> <li>かきくけこ</li> <li>さしすせそ</li> <li>たちつてと</li> </ol> （cssサンプル） li{ zoom:1; } ol { margin-le
jQueryメモ：クリックしたのは何番目の要素？
クリックした要素、例えばリストなんかで、そのクリックした要素がリスト中の何番目なのかというのを取得する方法、以前は普通に使っていたような気がするのですが、ここ最近思い出せない。検索してもなかなかでてこなかったりして悩んだのですが、普通にリファレンスに書いてあるじゃーんってのに遅いですが気づいたのでメモエントリー。 何番目の要素か 何番目の要素なのかを調べるには、jQueryのindex()を使う。 ■サンプルHTML <div id="test0"> <ul> <li>リスト１</li> <li>リスト２</li> <li>リスト３</li> <li>リスト４</li> <li>リスト５</li> <li>リスト６</li> </ul> <p>クリックした要素は<span>？</span>番目です</p> </div> リストをクリックした際に「？」の部分が変わる。クリックした要素が何番目
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
nthmaster.com
WEBディレクターの為のEXCEL術（3）作業が捗る小技10選 | designaholic -Creative Column-