jQueryやJavaScriptでパスワードフィールドの文字を表示する方法
jQueryやJavaScriptでパスワードフィールドの文字を表示する方法を紹介します。 １．はじめに パスワードフィールドに入力した文字を確認したいことがあると思いますが、デフォルトのパスワードフィールドでは「●」しか表示されません。 ということで、パスワードフィールドの文字を表示するサンプルを作ってみました。 通常のパスワードフィールド チェックボックスをチェックすればパスワードフィールドを表示 ウェブサイトなどで入力したパスワードを確認したいときに便利です。 ２．パスワードフィールドの文字を表示する（jQuery） パスワードフィールドの文字を表示するには次のようにします（jQuery2.1.1で確認）。 <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> <script> $(function()
はてなブログ | 無料ブログを作成しよう
織田信長 ぼちぼち、元気にやっています。少し薬にも慣れた...んかなぁ。相変わらず食べられないけど。朝、指がこわばって文字なんて入力できなかったけど、それはほぼなくなった。関節もどこも痛くない。薬効いてきたんやろな。 で、ブログを書こうと言う気がまた起きてきた。 …
カスタムフィールドに表示されないメタ情報の作り方
WordPress では投稿／ページにちょっとした情報（メタ情報）を付加するときにカスタムフィールドを使います。wpxtreme でも各投稿の最後に表示されている「動作確認バージョン」「参照」などの情報はカスタムフィールドを利用しています。 色んなプラグインを使っていると、このカスタムフィールドに勝手に情報を付け足すヤツがいることに気づきます。例えば Twitter Tools は「aktt_notify_twitter」「aktt_tweeted」なんてのを追加しています。あの、追加するのはいいんだけど、そんなのが目につくとウザいんですけど。 実は WordPress には、投稿／ページの編集画面でメタ情報をカスタムフィールド欄に表示させない方法があります。とても簡単なので覚えておきましょう。 メタ情報をカスタムフィールド欄に表示させないようにするには カスタムフィールドの［名前］の1文
Pocketされた記事のランキングを作成する方法
Pocketされた記事のランキングを作成する方法を紹介します。 １．はじめに Pocketは「あとで読む」サービスです。 ブログを運営している方にっては、各記事ページに設置したPocketボタンのランキングを知りたいのではないでしょうか。 ということで、Pocketされた記事のランキングを作成する方法を紹介します。 ２．Pocket Publishersに登録する まず「Pocket for Publishers」のページにアクセスします。 （クリックで拡大） Pocket Publishers 「Request Access」をクリック。 次の項目を記入して「Request Access」をクリック。どれが必須でどれが任意か不明ですが、「Your Title」は空のまま登録しました。 Site URL：Pocketボタンを設置しているサイトのURL Site Name：サイト名 Site
WordPressの多言語化（マルチ言語化）検討 – Narratives From A Counselling Room
Diversity Counseling New Zealand（http://dcnz.net）において、カウンセリングサービスを複数の言語で提供することに伴い、このサイトを多言語化することを検討している。（調査時のメモ書き） ワードプレスのサイトにおいて、この件ついてまとめているので参考にさせてもらいながら、検討してみたい。しかし、たくさんあるので、検証には少し時間がかかりそう。 WordPress で多言語サイトを作成する 多言語化プラグインにはいくつか基本的なタイプがあります。 １．言語ごとに1つの投稿を管理する方法 (例: WPML【有料】、xili-language、Polylang、Bogo)。翻訳された投稿はお互いに関連付けられ、ある投稿の翻訳投稿がどれなのかが表示されます。 ２．すべての翻訳文をひとつの投稿内に含める方法（例: qTranslate）。 ３．投稿のコンテク
jQuery Novelist Plugin Demo
maxCharacters:100 Character limit. If the limit is not defined, the plugin will try get the value from the 'data-max-characters' attribute of the HTML element. Otherwise, the limit is set to the default value (100). hardLimit:true If set to true, all characters that go over the limit will be truncated. backgroundImage:'' Can be used to customize the background image. backgroundScale:false Should t
Excelでセルの中にグラフを表示する方法のまとめ
Excelでセルの中にグラフを表示する方法のまとめです。 ここでは次の2種類のグラフ表示について説明します。 セルの数字に対応するグラフを同じセルに表示 複数のセルの対応するグラフを別のセルに表示 １．セルの数字に対応するグラフを同じセルに表示 B2セル～B11セルに設定された数値をグラフにします。 まず、B2セル～B11セルを選択した状態にします。 「ホーム」タブをクリック。 「条件付き書式」→「データバー」→「塗りつぶし（グラデーション）」から好きな色を選択。 これでセルにグラフが表示されました。 条件付き書式には他にもさまざまな表示方法があります。たとえば「条件付き書式」→「アイコンセット」→「方向」から好きなパターンを選択。 これでセルに矢印が表示されます。 グラフを取り消すには、「条件付き書式」→「ルールのクリア」から「選択したセルからルールをクリア」または「シート全体からルール
jQuery 1.9以降で「has no method 'live'」と出たら、 $(document).onを使う - Qiita
動的に生成された要素にイベントを割り当てられる「.live」メソッドは、jQuery 1.9からなくなったようです。代わりに使うのが「$(document).on」というメソッド。セレクターは第2パラメーターに指定します。
ランディングページとは何か、これで分かる！ | Ｗｅｂ集客の開花塾
ランディングページ（LP）とは何か？ 通常のホームページと何が違うのか？ 両者の違いを５つ説明し、なぜランディングページが、問合せを増やすことに長けているのか？ そのメカニズムを説明します。 ランディングページとは何か？ ランディングページ（landing page）とは、直訳すれば着地ページとなり、ユーザーが最初に訪問するWebページのことをいいます。 ユーザーが最初に訪問するページですから、どんなサイトにもランディングページは複数あり、それはユーザー毎に異なることになります。これが広義のランディングページで、日本では一般に「着地ページ」と言うことが多いです。これに対しカタカナで「ランディングページ」という場合、次の狭義のランディングページを指すことが多いです。 ランディングページ（狭義）： 主にネット広告のクリック後に表示され、問合せや購入を促すことに特化した、独立した１ページのことを
CSSのレイアウトの崩れを見つける時に役立つChromeの機能拡張 -Pesticide
ウェブ制作時の困ったは、CSSのレイアウトが思うようにいかない時。 そんな時に役立つ、ページ上の全ての要素のアウトラインを要素ごとに異なるカラーで表示する便利ツールを紹介します。 PesticideはChromeの機能拡張だけでなく、外部スタイルシートとしても提供されているのでローカル環境でブラウザを問わず利用できます。 Pesticide Pesticide -GitHub Pesticideのインストール Pesticideの使い方 Pesticideのインストール Pesticideは2種類、利用方法があります。 Chromeの機能拡張 ローカル環境での使用（スタイルシートファイル） Chromeの機能拡張 下記ページからPesticideをChromeにインストールします。 Pesticide -Chrome ウェブストア インストールが完了すると、上部のバーにPesticideボ
【保存版】ユニバーサルアナリティクスって何が違うの？その機能や移行方法など徹底解説
もう既にいくつかのサイトで詳しくまとめられていますが、この記事ではユニバーサルアナリティクスって一体なに？アップグレードすると何があるの？？今までとの違いって何？という方向けに詳しく解説をしています。 ちょっとメモのような走り書きになっていますが、何かの際の説明書のように使って頂ければと思います。 ユニバーサル アナリティクス（UA）は2023年7月1日にサポートが終了し、利用できなくなります。 後継のGA4については「サクッと分かる！Googleアナリティクス4」資料で解説しております！ ユニバーサルアナリティクスとは 2012年10月31日にクローズド版がオープンし、2013年3月13日にクローズドベータ版が開始され、色んな機能が実装され2014年4月3日に正式リリースになった新しいアナリティクスのことです。 アップグレードすると、これまでのアナリティクスでは計測できなかったことが計測
使いやすいスタイルガイドを作るための5つのポイント
by Dave Crosby ウェブサイトのデザインを決める時にページ上のコンポーネントやモジュールをリスト化したスタイルガイドを作っておくと、開発者や他のデザイナーと情報が共有でき便利です。では、どのようにしてスタイルガイドを使うとうまく運用できるのか？ということで、ZURB Universityが5つのポイントにまとめています。 ZURB University | 3 Minute Lessons http://zurb.com/university/library/31 ◆1：サイトを構築するのに十分な情報を含める by Noëmie Haffner 誰が担当してもゼロからウェブページを作れるように、コンポーネントを十分に含ませておき、ガイドラインやコーディングしたUIのパターンなどを書いておくことが大切。全てを説明するのは難しいので、プレビルドのコンポーネントを用いて、HTMLやC
HTML5の標準を狙うGoogleの動画フォーマット「WebM」のこれまでまとめ
高画質かつ高圧縮の「H.264」がビデオフォーマットの主役の座についていますが、次世代のウェブフォーマットであるHTML5においては、H.264とともに主役として期待されているのがGoogleの開発する「WebM」です。WebMのこれまでの流れと今後の動画標準規格を巡る争いについてまとめてみました。 Google builds WebM patent pool of its own to fight back against MPEG-LA | Ars Technica http://arstechnica.com/business/2011/04/google-builds-webm-patent-pool-of-its-own-to-fight-back-against-mpeg-la/ Google and MPEG LA Announce Agreement Covering VP
WP-PostViewsとかJetpack Post Viewsで出力する記事を徹底的にカスタマイズしちゃう
Word Pressの投稿の閲覧回数を記録して、人気の記事として表示できるプラグインはいくつかありますが、ショートコードで出力されるソースコードがイマイチで、手を加える必要がでてきました。 条件にあったプラグインを探すのも手間ですし、せっかく記録された閲覧回数も引き継げないのでそのまま使わねば。と、いうことでショートコードを使わずにget_postsで出力しちゃいます。 ショートコードを使わず出力する（Jetpack Post Viewsの場合） // オプション $args = array( 'showposts' => 5, // 表示する件数 'post_type' => 'post', 'orderby' => 'meta_value_num', // カスタムフィールドの内容を数値として扱う 'meta_key' => 'jetpack-post-views', // カスタムフ
免费国产高清片www.96533.comxxx成年人大片*免费高清.无码区
PRODUCTS 主要致力于冲压、免费国产高清片www.96533.comxxx成年人大片*免费高清.无码区钣金、锻造等各类中高端金属成形装备及自动化装备的研发和制造, 产品广泛服务于国内外汽车、家电、五金、电子、电气等领域。
[JS]一味違ったアイデアでレスポンシブ対応のテーブルを実装するスクリプト -Responsive tables
サイズが変更されても、ハイライト表示はできます。 Responsive tablesの使い方 Step 1: スタイルシート スタイルシートをhead内に外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="css/rwd-table.min.css"> </head> Step 2: スクリプト スクリプトを</body>の上あたりに記述します。 <body> ... <script type="text/javascript" src="js/rwd-table.js"></script> <script> $(function() { $('.table-complex').responsiveTable({ adddisplayallbtn: true, addfocusbtn: true, fixednavbar: '#n
Free Office, Business & Tools Vector Mockup Pack (EPS & AI) – Speckyboy
Free Office, Business & Tools Vector Mockup Pack (EPS & AI) We’re excited to offer a new freebie this week – a comprehensive office environment and tools vector pack that includes everything a freelance designer might need (or want) in their workspace. This pack features a wide range of items, from laptops, tablets, and cameras to folders, calendars, and stationery. Everything is covered, making t
写真や画像上の文字列を選択してコピペ可能にするChrome拡張機能「Project Naptha」
写真やJPEG画像、ダイアグラム、スクリーンショット上にある文章など、通常はコピー＆ペーストができない文字列を選択＆コピー＆ペースト可能にするGoogle拡張機能が「Project Naptha」です。 Project Naptha http://projectnaptha.com/ 実際にどういうことができるのか？ということは、以下のGIFアニメを見るとわかります。 拡張機能を使うには、まず「Add to Chrome」をクリック。 「Chromeに追加」という画面が出るので「追加」をクリックします。 拡張機能が追加されると、アドレスバーの横に「Project NapthaがChromeに追加されました」と表示されます。 ということで、実際にGIGAZINEを開いて試してみます。画像内にある「Gunosy」という文字を選択して右クリックでコピー。この時、文字が少しナナメになっていても問題
Excelのアンドゥ回数を変更する方法
Excelのアンドゥ回数を変更する方法を紹介します。 １．はじめに Excelではアンドゥ回数があらかじめ決められています。 Excel 2003以前では16回まで、Excel 2007以降では100回までアンドゥすることができます（100回で止まることはExcel 2010で確認済み）。 ちなみにアンドゥ回数が増えれば、元に戻すための履歴を保存するためにより多くのメモリ（RAM）を消費し、Excelのパフォーマンスに影響するため、Excel 2007以降であれば現在よりも回数を減らすという手もありそうです。 ということで、アンドゥ回数を変更する場合の方法を紹介します。 ２．Excelのアンドゥ回数を変更する Excelのアンドゥ回数を変更するにはレジストリを編集します。 「スタート」メニューの「プログラムとファイルの検索」のテキストフィールドに「regedit」を入力してリターン。 レジ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
qtranslateを使ったサイトのメニューを言語ごとに分けたい
