サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
トップへ戻る
総合
●人気
●新着
●
IT
●
最新ガジェット
●
自然科学
●
経済・金融
●
おもしろ
●
マンガ
●
ゲーム
●
はてなブログ︵総合︶
一般
●人気
●新着
●
社会ニュース
●
地域
●
国際
●
天気
●
グルメ
●
映画・音楽
●
スポーツ
●
はてな匿名ダイアリー
世の中
●人気
●新着
●
新型コロナウイルス
●
働き方
●
生き方
●
地域
●
医療・ヘルス
●
教育
●
はてな匿名ダイアリー
政治と経済
●人気
●新着
●
政治
●
経済・金融
●
企業
●
仕事・就職
●
マーケット
●
国際
●
はてなブログ︵政治と経済︶
暮らし
●人気
●新着
●
カルチャー・ライフスタイル
●
ファッション
●
運動・エクササイズ
●
結婚・子育て
●
住まい
●
グルメ
●
お金
●
はてなブログ︵暮らし︶
●
掃除・整理整頓
●
雑貨
●
買ってよかったもの
●
旅行
●
アウトドア
●
趣味
学び
●人気
●新着
●
人文科学
●
社会科学
●
自然科学
●
語学
●
ビジネス・経営学
●
デザイン
●
法律
●
本・書評
●
将棋・囲碁
●
はてなブログ︵学び︶
テクノロジー
●人気
●新着
●
IT
●
セキュリティ技術
●
はてなブログ︵テクノロジー︶
●
AI・機械学習
●
プログラミング
●
エンジニア
おもしろ
●人気
●新着
●
まとめ
●
ネタ
●
おもしろ
●
これはすごい
●
かわいい
●
雑学
●
癒やし
エンタメ
●人気
●新着
●
スポーツ
●
映画
●
音楽
●
アイドル
●
芸能
●
お笑い
●
サッカー
●
話題の動画
アニメとゲーム
●人気
●新着
●
マンガ
●
Webマンガ
●
ゲーム
●
任天堂
●
PlayStation
●
アニメ
●
バーチャルYouTuber
●
オタクカルチャー
●
おすすめ
買ってよかったもの
﹃にししふぁくとりー﹄
●
人気
●
新着
●
すべて
3users
www.nishishi.com
2020年11月23日(月) 14時59分59秒 [ソフトウェア] Windows10で﹁設定﹂→﹁システム﹂を開くとウインドウが一瞬で落ちる現象の解決記録 購入したばかりの新PCなのに﹁設定﹂→﹁システム﹂を開こうとすると再現率100％で落ちる Windows10でディスプレイの解像度を調整したかったので、デスクトップを右クリックして表示されるメニューから﹁ディスプレイ設定﹂を選択したのですが、設定ウインドウが一瞬だけ開くように見えるものの、0.2秒後くらいに落ちて消えてしまいます。何度操作しても同じように落ちます。 いろいろ操作を試してみると、Windows10のスタートメニューから﹁設定﹂を開いて、設定一覧から﹁システム﹂をクリックすると﹁設定﹂ウインドウそのものが落ちることが分かりました。 何度操作しても落ちます。Windows10を再起動してから試しても落ちますし、管理者権限を付
●
テクノロジー
●2021/10/20 12:13
3users
www.nishishi.com
2017年3月17日(金) 16時23分36秒 [Web関連] しんにょうの点が1つの﹁辻󠄀﹂をウェブ上で出す方法 日本語の文字セットを定義した規格は何度かアップグレードされていて、2004年に策定された規格﹁JIS2004﹂では、﹁つじ﹂という漢字などにある﹃しんにょう﹄の点が1つではなく2つになりました。 Windows Vista以降や、MacOS X 10.5以降の標準フォントではこのJIS2004が採用されたため、普通に﹁つじ﹂と打って変換すると、点1つの﹁辻󠄀﹂ではなく点2つの﹁辻﹂が表示されます。 人名にもかなり使われている漢字なので、﹁いや、しんにょうの点は1つだろ！﹂と主張したい方々も多そうです。 ︵小学校とかで教える漢字はどうなったんでしょうかね？ それも点2つに変わったのかな？︶ 数値文字参照で異体字を指定すれば、しんにょうの点が1つの﹁辻󠄀﹂も出せる ウェブ上
●
世の中
●2021/03/12 13:08
3users
www.nishishi.com
︽2020年6月2日 13:48 公開/更新︾ 極細～極太まで、丸ゴシック日本語Webフォントを7段階の細さ(太さ)で表示する方法 [テキスト] 極細の丸ゴシックWebフォントから、極太の丸ゴシックWebフォントまで、7段階の太さ(細さ)を選んで日本語文字を表示できるとデザインの幅が広がって便利です。丸ゴシック系フォントは閲覧環境によっては存在しない場合もありますが、Webフォントを使えば環境に依存せず表示できて便利です。また、文字を画像化せずに済むのでコピーや修正も簡単ですし、文字の検索もできます。Google Fontsで無償利用できる丸ゴシック系の日本語Webフォント﹁M PLUS Rounded 1c﹂を使えば、CSSのfont-weightプロパティで7段階の太さ(細さ)を切り替えて表示できます。 極細から極太まで7段階ある丸ゴシック系の日本語Webフォント﹁M PLUS Rou
●
テクノロジー
●2020/11/26 15:27
●css
9users
www.nishishi.com
︽2020年6月24日 21:00 公開/更新︾ 日本語Webフォントでシャギーが出るのを防ぐ簡単なCSS [テキスト] 日本語Webフォントを使用してテキストを掲載した際に、ブラウザによってはシャギー︵文字のギザギザ︶が目立ってしまうことがあります。そのようなシャギーを防ぐには、CSSでほんの少しだけ文字を傾ける方法が有効です。ほんの少しの角度なら見た目には傾きは全く分かりません。しかし、フォントのシャギーは取れるため、文字は読みやすく綺麗に表示できます。 Windows環境で日本語Webフォントを使って小さな文字を表示するとシャギーが目立つことがある シャギーを防ぐ簡単なCSSは1行で済む 0.03度の傾きなら、まず見た目には分からない シャギーが取れる角度︵小さくし過ぎないよう注意︶ ただし、ページ全体に適用するとマズい場合があるので注意 理由1. 横スクロールバーが出てしまう 理由
●
テクノロジー
●2020/04/30 17:37
●font
●css
10users
www.nishishi.com
2008年5月18日(日) 03時18分20秒 [書籍, 小説] 電撃文庫の背表紙から二次元コードが消えた 電撃文庫の既刊と新刊を本棚に並べてみて、背表紙に微妙な変化があることに気づきました！この変化は4月からあったっぽいですが、全然気づけませんでした。 背表紙の最上部にある、Micro QRコードが消えてます！ 電撃文庫だけでなく、角川スニーカー文庫や、富士見ファンタジア文庫・ミステリー文庫など、角川グループ系の文庫本には、背表紙の最上部にMicro QRコードが印刷されてます。物流に使ってるんだと思うんですが。 電撃文庫の新刊から、このMicro QRコードが消えてますよ……。 いやあ、改めて他の本を見てみると、4月の新刊にもMicro QRコードは印刷されてませんでした。全然気づきませんでしたよ！(^_^;;; 角川スニーカー文庫の今月新刊にはまだMicro QRコードが残ってますし
●
アニメとゲーム
●2019/11/29 11:16
●ライトノベル
●出版
●デザイン
●あとで読む
4users
www.nishishi.com
︽2017年6月6日 3:00 PM 公開/更新︾ テキスト入力欄の文字数をリアルタイム表示する方法 [入力フォーム] テキストエリアに入力された文字数をカウントして、JavaScriptでリアルタイムに画面上に表示する方法を解説。テキスト入力欄のvalueプロパティの中身を引数として受け取って、その文字数をカウントした結果を指定された要素に出力する関数を作ります。わりと簡単です。 テキストエリアに入力された文字数をカウントしてリアルタイムに表示する 文字数カウンタ付きテキストフォームを作るHTML＋JavaScriptソース 複数の入力欄の文字数を個別にカウントしてリアルタイムに表示する 少し汎用的な文字数カウンタを作るJavaScriptソース 備考 テキストエリアに入力された文字数をカウントしてリアルタイムに表示する JavaScriptを使うと、テキストエリアなどの文字列入力フォー
●
テクノロジー
●2019/08/24 23:57
●HTML
●JavaScript
●tips
3users
www.nishishi.com
2019年3月29日(金) 13時39分05秒 [ソフトウェア] Thunderbirdの受信ボタンで一括受信させるアカウントと対象外アカウントとを分ける設定方法 Thunderbirdの受信ボタンで一括受信させるアカウントと対象外アカウントとを分ける設定方法 Mozilla製メーラ﹁Thunderbird﹂では、複数のメールアカウントを設定できます。︵まあ、たいていのメーラがそうですが。︶ ツールバーにある受信ボタンを押したときには、デフォルトの動作では、すべてのメールアカウントの受信処理が一気に行われます。 受信ボタンにある﹁▼﹂ボタンを押すことで、アカウント1つずつ独立して受信することもできます。 ただ、例えば5つ存在するアカウントの内、普段は4つだけを一括受信したい、というような場合に、1つずつ受信操作するのは面倒です。 Thunderbirdには、﹁受信ボタンを押したときに一括受
●
暮らし
●2019/07/07 22:35
6users
www.nishishi.com
2019年4月11日(木) 13時18分21秒 [ソフトウェア] 新元号﹁令和﹂の合字がU+32FFに割り当てられたけど、そこは丸囲みの﹁ン﹂でなくて良いの？(^_^;) 明治以降の元号には1文字で表せる合字﹁㍾・㍽・㍼・㍻﹂がある 本来なら漢字2文字で表現される﹁明治﹂以降の元号には、それぞれの元号を1文字だけで表せる合字(合成文字)が定義されています。元々JISコードに存在した合字ですが、その後に定義されたUnicodeにも存在していて、それぞれ下記のコードが割り当てられています。 明治の合字﹁㍾﹂のコードは、U+337E︵UTF-8だとE3 8D BE／シフトJISだと878D︶ 大正の合字﹁㍽﹂のコードは、U+337D︵UTF-8だとE3 8D BD／シフトJISだと878E︶ 昭和の合字﹁㍼﹂のコードは、U+337C︵UTF-8だとE3 8D BC／シフトJISだと878F︶ 平
●
学び
●2019/04/17 16:25
3users
www.nishishi.com
︽2017年6月8日 3:30 PM 公開/更新︾ 指定範囲の整数からランダムに1つを選ぶ方法 [計算・変換] JavaScriptを使って指定範囲の中からランダムな整数を得るには、Math.random()を使って乱数を得て、欲しい最大値の数値(の1つ上)を掛けてから、Math.floor()で小数点以下を切り捨てます。とても簡単です。 指定範囲の整数からランダムに1つを選ぶ方法 0～99の範囲でランダムな整数を1つ得るサンプル1～12の範囲でランダムな整数を1つ得るサンプル 指定範囲の整数からランダムに1つを選ぶ方法 JavaScriptには、実行するたびにランダムな数値を得るrandomメソッドが用意されています。これを使うと、指定範囲の中でランダムな数値を簡単に得ることができます。 ランダムに何かを選択するとか、おみくじを作るとか、何かの当選番号を決定するとか、いろいろ活用できそ
●
テクノロジー
●2019/02/25 16:01
●javascript
13users
www.nishishi.com
2017年11月17日(金) 15時56分27秒 [ソフトウェア] Firefoxにインストール済みのアドオン(XPIファイル)を抜き出して別のFirefoxに移す方法 FirefoxがVer.57(Quantum)に大型アップデートされて、旧式アドオンは使えなくなってしまいました。 今後は旧式アドオンは手に入れることもできなくなるんだろうな、と思います。 何らかの事情で、しばらくの間はFirefox56の上で旧式アドオンを使い続ける、という選択肢を採る方々も多そうな気がしています。 まあ既存のFirefoxをそのまま使い続けるなら問題はないんですが、新たに構築したFirefox56に対して旧式アドオンを入れたい、ということもあるかもしれません。 そんなときには、旧式アドオンがインストールされているFirefoxから、旧式アドオン本体(XPIファイル)を抜き出して、目的のFirefoxへイ
●
テクノロジー
●2019/01/04 13:45
●firefox
●Tips
●ネット
4users
www.nishishi.com
︽2017年6月12日 1:00 PM 公開/更新︾ マウスクリックで表示画像を差し替える方法 [装飾・内容変更] 表示されている画像を別の画像に差し替えたい(変化させたい)場合は、JavaScriptを使って対象の画像(img要素)のsrcプロパティに新画像のURLを代入するだけで簡単に実現できます。ここでは例として、閲覧者がマウスをクリックすることで画像を差し替える機能を作ってみます。 マウスクリックで表示画像を差し替える方法 あるIDが付加された画像を差し替える(変化させる) 指定IDの画像を差し替える汎用関数を作る マウスクリックで表示画像を差し替える方法 単一の画像表示スペースに次々に画像を表示させたい場合など、表示されている画像を別の画像に差し替えたい(変化させたい)ことがあります。 ここでは例として、閲覧者がマウスをクリックすることで画像を差し替える機能を作ってみます。すごく
●
テクノロジー
●2018/11/08 19:38
●JavaScript
4users
www.nishishi.com
︽2017年5月24日 11:00 AM 公開/更新︾ 直前に閲覧したページのURL(リファラ情報)を得る方法 [情報取得] JavaScriptを使ってブラウザが保持している﹁直前に閲覧していたページのURL﹂を得るには、document.referrerを使います。このリファラ情報のドメイン(ホスト)部分を参照すれば、アクセス者がサイト内を回遊して来たのか、サイト外からリンクを辿って訪れたのかなども区別できます。 直前に閲覧したページのURL(リファラ情報)をJavaScriptで得る方法 リファラ情報をアラートボックスに表示する例 アクセス者がサイト内外のどちらから来たかを判別する方法 アクセス元がサイト内外のどこかによって表示を分ける例 サイト外からの訪問者にだけ特別なコンテンツを加えて表示している実例 直前に閲覧したページのURL(リファラ情報)をJavaScriptで得る方法
●
テクノロジー
●2018/07/21 03:28
●JavaScript
4users
www.nishishi.com
2017年10月13日(金) 15時57分06秒 [ソフトウェア] Windows LiveメールのユーザがWindows10に移行する際の選択肢3つ 私の友人がメーラとして﹁Windows Liveメール﹂を使っていました。 これは、Microsoftが無償配布していた﹁Windows Essentials﹂というソフトウェアセットに含まれているメーラなのですが、今年の頭で公開が終了してしまいました。 その友人が、Windows10搭載の新PCを購入したそうなんですけども、新PCに同じメール環境を構築しようと思ったところ、既にWindows Liveメールが手に入らなくなっており困っていました。(^_^;) 新PCには、Microsoft Officeが搭載されていて、メーラとしてはOutlookが用意されています。 しかし、話によると﹁Windows Liveメールのデータをエクスポー
●
政治と経済
●2018/06/20 17:23
●仕事
3users
www.nishishi.com
2015年9月17日(木) 12時50分19秒 [ソフトウェア] スタートアップ内に存在しないのに自動起動するプログラムを特定して起動しなくする簡単な方法 Windowsの起動と同時に自動起動するプログラム︵ソフトウェア︶が登録されている場所には、以下の2カ所があります。 スタートメニュー内の﹁スタートアップ﹂フォルダ レジストリ内の﹁Run﹂ディレクトリ スタートアップフォルダの中身はユーザが簡単にいじれるので、スタートアップフォルダに登録されている自動起動プログラムの削除や登録は簡単です。 しかし、レジストリはそう簡単にはいじれないので、レジストリに登録されていると若干面倒です。 が、実は、レジストリを直接いじらなくても、﹁レジストリに登録された自動起動プログラム﹂を簡単に無効にできるツールが、Windows内に標準で用意されています。このツールを使えば、一度無効にした項目を後から復活
●
政治と経済
●2018/06/06 14:16
4users
www.nishishi.com
2013年12月26日(木) 23時56分50秒 [ソフトウェア] 選択している複数ファイルのファイル名を一括してテキストで得る方法 こんな機能があったのかッ！ と、今更ながらに驚きました。(^_^;;; あるファイルのファイル名をテキストで得たいと思うことがよくあります。 対象が1ファイルだけであれば、[F2]キーを押して︵ファイル名の︶編集状態にしてから[Ctrl]＋[C]キーでコピーすれば十分ですけども、たくさんのファイルのファイル名を一気に得たい場合には面倒です。 でも、その面倒さを解消する機能は、デフォルトで搭載されていたんですね。^^; それが下図です。 Windowsのエクスプローラ︵マイコンピュータなど︶上で複数のファイル︵1つのファイルでもいいけど︶を選択した状態で、[Shift]キーを押しながら右クリックすると、上図のようにコンテキストメニュー内に﹁パスとしてコピー﹂と
●
暮らし
●2018/05/29 10:57
5users
www.nishishi.com
︽2017年6月13日 12:30 PM 公開/更新︾ 入力された文字列に含まれる空白文字を削除する方法 [計算・変換] ユーザに何らかの文字列の入力を求めたとき、余計な空白文字(スペースやタブなど)が含まれてしまうことがあります。余計な空白文字をそのまま保存したり送信したりしてしまわないように、JavaScriptで事前に一括削除しておくと良いでしょう。ユーザが入力した文字列に含まれる空白文字(スペースやタブなど)を一括削除するには、正規表現を使うのが楽です。前後の空白だけを取り除くtrim関数のような処理も簡単です。 文字列に含まれる空白文字を一括削除する方法いろいろ 正規表現を使って、文字列中の空白文字(スペースやタブなど)を一括削除する方法 正規表現を使って、文字列の前後にある空白文字だけを削除する(trim関数っぽい動作をする)方法 文字列の先頭(前方/左側)にある空白文字だけを
●
テクノロジー
●2018/05/02 12:38
4users
www.nishishi.com
︽2018年2月9日 2:41 PM 公開/更新︾ 表示文章中の、指定の単語だけを動的に強調表示(ハイライト)する方法 [装飾・内容変更] ウェブページに掲載されている文章の中から、指定の単語だけを動的にハイライトしたり消したりする機能をJavaScriptで作る方法を解説。文章中の単語に最初からハイライトを加えていると読みにくくなる可能性がありますから、標準では何もせず、閲覧者がハイライトする意思を示したときにだけハイライトするような仕組みを設けておく方が使いやすいでしょう。ボタンを押す度に、ハイライトのONとOFFが切り替わるようにする作り方をご紹介。 指定の単語だけを動的に強調表示(ハイライト)したい ボタンクリックでハイライトをON/OFFする動作例 動的ハイライト対象のHTMLソースを書く 動的ハイライト表示のためのCSSソースを書く ハイライトを加えたり消したりするためのJav
●
テクノロジー
●2018/04/28 09:58
●JavaScript
92users
www.nishishi.com
2017年5月3日(水) 13時49分23秒 [Web関連] レンタルサーバのペナルティで強制的に﹁410 Gone﹂が返される事例に驚いた とある企業サイトに関して、﹁数ヶ月前からGoogleの検索結果に一切ヒットしなくなった﹂という相談を受けました。 いろいろ調べてみたところ、ウェブサーバにアクセスした際に返されるHTTPレスポンスヘッダが以下のような条件で分岐されていることに気付きました。PCやモバイル端末で使われる一般的なブラウザのユーザエージェント名でアクセスすると、HTTPステータスコードには﹁200 OK﹂が返されていて普通に閲覧できる。 それ以外のユーザエージェント名でアクセスすると、HTTPステータスコードには﹁410 Gone﹂が返されて、一切閲覧できない。 なかなか謎の現象でした。 上記のようになっているので、Google Botなどが使っているユーザエージェント
●
テクノロジー
●2018/04/27 13:42
●server
●trouble
●これはひどい
●web
●あとで読む
●google
3users
www.nishishi.com
︽2017年6月15日 12:00 PM 公開/更新︾ 期限日時までをリアルタイムにカウントダウン表示する方法 [日付・時刻] 〆切(期限)日時まであとどのくらいの日数・時間が残っているのかをJavaScriptでリアルタイムにカウントダウン表示し続ける機能を作ってみましょう。現在日時と指定日時の差を求めて、差から残り日数・時刻を計算し、setIntervalメソッドを使って1秒ごとに表示を更新するだけで作れます。 期限日時までをリアルタイムにカウントダウン表示する方法 カウントダウン日付の入力欄と、カウントダウン掲載領域を作るHTMLソース 現在日時と指定日時の差を求めて、残り日数・時間を計算するJavaScriptソース ▼現在日時 ▼ユーザの指定日時 ▼差を計算 ▼ミリ秒を分解 カウントダウンの画面表示文字列を作るJavaScriptソース ▼期限日時を表示 ▼残り日数・時間を表示
●
テクノロジー
●2018/04/11 08:56
6users
www.nishishi.com
2017年5月10日(水) 12時23分45秒 [Web関連] ローマ字で使う横棒(長音記号マクロン)を加えた英字を表示する方法 長音(伸ばす音)が含まれる日本語の単語をローマ字で表記する際には、母音を示す﹁a,A﹂﹁i,I﹂﹁u,U﹂﹁e,E﹂﹁o,O﹂のアルファベットの上に横棒を加えて、﹁ā,Ā﹂﹁ī,Ī﹂﹁ū,Ū﹂﹁ē,Ē﹂﹁ō,Ō﹂のように表記します。 例えば﹁交番﹂なら﹁KŌBAN﹂、﹁九州﹂なら﹁KYŪSYŪ﹂のような感じです。 この英字の上に載せる横棒のことは﹁マクロン(MACRON)﹂と呼びます。 このような横棒(長音記号/マクロン)を付加した英字をウェブ上に表示したい場合には、以下の3通りの方法があります。 ①Unicodeで定義されているマクロン付き英字をそのまま記述する。 ②マクロン付き英字を表す文字実体参照を記述する。 ③長音記号(マクロン)を合
●
学び
●2018/03/29 18:21
●web
12users
www.nishishi.com
︽2019年9月16日 16:20 公開/更新︾ 画像の縦横比を維持したままリサイズ(拡大/縮小)するCSS [イメージ] ウェブページ上に画像を掲載する際、オリジナルサイズではなく拡大や縮小して面積を変更して表示したい場合があります。多くの場合では縦横比を維持したままリサイズしたいでしょう。たいていは縦横比を維持したまま拡大縮小が可能ですが、HTMLやCSSの書き方によっては縦横比が維持されない場合もあります。そこで、確実に縦横比を維持したまま画像をリサイズする方法を解説。 画像の縦横比を維持したままリサイズ(拡大/縮小)したい そもそも、何も気にせずに記述しても縦横比が維持される場合 HTML側にwidth属性やheight属性がある場合に、縦横比を維持してリサイズしたい場合 widthに対して縦横比を維持するheightが計算可能な場合 widthに対して縦横比を維持するheight
●
テクノロジー
●2018/03/02 17:37
●css
●HTML
●image
●WEB制作
●画像
●tips
25users
www.nishishi.com
てがろぐ - Fumy Otegaru Memo Logger - 備忘録・メモ帳・日記・チャットツール・掲示板・更新案内などとしてのほか、﹁自分専用Twitter﹂のようにも活用可能な、お手軽マイクロブログツール感覚のフリーCGIです。 ▼標準スキン1つのみ収録 最小構成をダウンロードVer 4.3.0 (350KB) 2024/05/17. ▼すべてのスキンを収録 完全構成をダウンロードVer 4.3.0 (536KB) 2024/05/17. ︵ 最新β版はこちら ︶ ﹁てがろぐ﹂ : Update Log 2024年05月17日 Ver 4.3.0 公開‥ 隣接・近傍投稿の一括表示モード、そのときの表示対象(同一カテゴリ等)だけに限定した隣接投稿への移動機能、ログイン者限定表示機能、編集画面に自由なHTMLをスキン別に追加できる機能、限定表示中のカテゴリの各種情報の挿入記法、SIT
●
テクノロジー
●2018/03/01 23:24
●CGI
●web制作
●perl
●memo
●プログラミング
●Twitter
5users
www.nishishi.com
︽2017年6月13日 12:00 PM 公開/更新︾ ひらがなをカタカナに一括変換する方法 [計算・変換] JavaScriptを使えば平仮名(ひらがな)を片仮名(カタカナ)を相互に一括変換するのも簡単です。ユーザが入力したフリガナ文字列を﹁カタカナ﹂か﹁ひらがな﹂のどちらかに統一する必要があるなどの場合に便利です。﹁カタカナ﹂と﹁ひらがな﹂は文字コードの並び順が同じなので、単純に足し引きするだけで相互に変換できます。JavaScriptで正規表現を使えば、文字列中に含まれる﹁ひらがな﹂や﹁カタカナ﹂だけを対象にして簡単に揃えられます。 平仮名(ひらがな)と片仮名(カタカナ)を相互に一括変換できると便利 平仮名(ひらがな)と片仮名(カタカナ)は、0x60を足し引きすれば相互変換できる 正規表現を使って、平仮名(ひらがな)を片仮名(カタカナ)に一括変換する方法 正規表現を使って、片仮名(カ
●
テクノロジー
●2018/01/29 19:43
●JavaScript
●techfeed
●あとで読む
4users
www.nishishi.com
︽2017年7月4日 14:30 公開/更新︾ input要素のうち、ボタンだけを対象にして装飾するCSS [フォーム] input要素で作るフォーム部品のうちボタン(button)に限定して装飾したい場合は、単にinput要素に対してCSSを指定するのでは実現できません。input要素ではボタン以外にもチェックボックスやテキスト入力欄なども作りますから。そんな場合には属性セレクタが便利です。これを活用すれば、﹁input要素のうち、type属性の値がbuttonな要素﹂などのように対象を限定してスタイルを適用できます。 input要素のうち、ボタンだけを対象にして装飾したい場合もある 属性セレクタを使えば、ボタンだけに限定して装飾できる ボタンを作る属性値は﹁button﹂と﹁submit﹂ input要素のうち、ボタンだけを対象にして装飾したい場合もある 入力欄やチェックボックスやボタ
●
テクノロジー
●2018/01/09 10:12
3users
www.nishishi.com
︽2017年6月5日 4:30 PM 公開/更新︾ ﹁OK/キャンセル﹂ダイアログを表示して確認・分岐する方法 [機能] JavaScriptを使って﹁OK﹂ボタンと﹁キャンセル﹂ボタンのあるダイアログを表示して閲覧者に確認を取り、その結果に応じて処理を分岐させるには、confirmメソッドを使います。confirm(‘メッセージ’); のように記述して使い、返されたtrue/falseの値をチェックして条件分岐を作れば良いだけです。 ﹁OK/キャンセル﹂ダイアログを表示して確認・分岐する方法 確認ダイアログから返される値がtrueかfalseかをif文で判別するだけ ﹁OK/キャンセル﹂ダイアログを表示して確認・分岐する方法 JavaScriptでは、[OK]ボタンと[キャンセル]ボタンの2つのボタンがあるダイアログボックスを表示して、ユーザに可否を選択させることができます。 例えば、ペ
●
テクノロジー
●2017/12/23 19:01
3users
www.nishishi.com
︽2017年7月5日 16:00 公開/更新︾ 画像に指定色の半透明フィルタを掛けたように見せるCSS [CSS3,イメージ,色] ウェブページ上に掲載する画像に対して、指定の色で半透明カラーフィルタを掛けたような効果を出すCSS(スタイルシート)の書き方を解説してみます。ボックスに加えた背景色を、CSS3で透明度を指定できるopacityプロパティを使って透過させるだけの簡単テクニックです。1枚の写真に様々な色の半透明カラーフィルタっぽい効果を加えられます。 画像に指定色の半透明フィルタを掛けたように見せるCSSの書き方 青色フィルタ(40%・20%)の表示例と、その効果の作り方 赤色フィルタ(40%・20%)の表示例とソース 黄色フィルタ(40%・20%)の表示例とソース 緑色フィルタ(40%・20%)の表示例とソース 紫色フィルタ(40%・20%)の表示例とソース 黒色フィルタ(40
●
テクノロジー
●2017/12/22 22:03
●CSS
●development
●tips
4users
www.nishishi.com
︽2017年7月2日 12:30 公開/更新︾ 高さの異なるボックスを横に並べるならfloatよりinline-blockが便利 [ボックス,配置] スタイルシートを使って﹁高さの異なる複数のボックス﹂を横に並べるなら、floatよりもinline-blockを使う方が便利です。各ボックスの上下方向の位置を簡単に揃えられますから。必要に応じて多段表示にしたい場合に綺麗に並びます。 高さの異なるボックスを横に並べるならfloatよりinline-blockが便利 高さの異なるボックスを、floatプロパティで横に並べた場合の表示例 高さの異なるボックスを、inline-blockで横に並べた場合の表示例 高さの異なるボックスの下端を揃える場合の表示例 高さの異なるボックスの中央を揃える場合の表示例 高さの異なるボックスを横に並べるならfloatよりinline-blockが便利 不定個数のボ
●
テクノロジー
●2017/12/11 14:11
●テクノロジー
●ソフトウェア
●サービス
8users
www.nishishi.com
︽2017年7月3日 20:00 公開/更新︾ 画像を丸く円形にくり抜いて表示するCSS [イメージ] スタイルシート(CSS)を使って、四角い画像を丸く表示させる書き方を紹介。わざわざ画像を直接加工しなくても、CSSを使うだけで丸く(円形に)表示できます。画像を丸くカットするだけでなく、画像の周囲に丸い枠線を加えて縁取りして表示することもできます。 画像を直接加工することなくCSSで丸く円形にくり抜いて表示したい 四角い画像をスタイルシートで丸く円形に表示させる方法2通り 1. 四角い画像を丸く円形にくり抜いて表示する方法(画像の縦横比を崩しても構わない場合) 2. 四角い画像を丸く円形にくり抜いて表示する方法(画像の縦横比を維持したい場合) 2B. 縦横比を維持したまま円形で表示した上で、枠線を付加したい場合 画像を直接加工することなくCSSで丸く円形にくり抜いて表示したい 四角い画像
●
テクノロジー
●2017/12/09 22:50
●css
●Tips
●画像
9users
www.nishishi.com
︽2017年10月14日 16:05 公開/更新︾ 重要ではないCSSファイルを後から遅れて読み込ませる方法 [基本] CSSファイルによっては後から遅れて読み込ませたい場合もあります。後から読み込まれるJavaScriptだけで使われるCSSとか、ユーザが何らかのアクションを起こさない限り参照されないCSSとか。そのような﹁先に読んでも仕方がない﹂(＝事前に読み込んでもウェブページの表示待ち時間を増やしてしまうだけ)なCSSファイルを、できるだけ後回しにして読み込ませる方法を紹介。 重要ではないCSSファイルを後から読み込ませたい HTMLソースの末尾でCSSファイルを読み込ませる方法 (参考) Googleが紹介しているCSSの遅延読み込みソースは rel=”preload”を使って非同期にCSSファイルを読み込ませる(未来の)方法 重要ではないCSSファイルを後から読み込ませたい 画
●
テクノロジー
●2017/12/06 12:19
●css
●javascript
次のページ
このページはまだ
ブックマークされていません
このページを最初にブックマークしてみませんか？
﹃にししふぁくとりー﹄の新着エントリーを見る
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx