ESLint, Prettier, VS Code, npm scripts の設定: 2021春
eslint-plugin-prettier 時代の設定をずっと使っていたので、重い腰を上げてアップデートした作業メモ。 背景 Prettier 公式ドキュメントによれば、現在 eslint-plugin-prettier は以下の問題があるとして推奨していない。 エディタが真っ赤になる（人間が気にする必要のない問題なのに！） 直接実行するより遅い（同様に prettier-eslint も遅い） ESLint と Prettier の間に間接レイヤーを追加するので、壊れやすい なるほど正しい。 一方、別々に実行することで以下のような問題も出てくるので、解決していく。 CLI とエディタを個別に設定する必要がある エディタで ESLint と Prettier の協調動作が必要 CLI (npm scripts) で ESLint と Prettier の対象ファイルが別管理になる 上記の
WordPressのプラグインでブログをAMP対応にしてみた
[レベル: 上級] この記事では、WordPressをAMP対応させるプラグインについて解説します。 AMPプラグインを使えば、WordPressで構築したサイトをいとも簡単にAMP化できます。 しかし初期ステージでのバージョンの公開のため機能が不完全です。 今すぐに利用する必要はまったくありません。 AMPにものすごく興味があったりSearch Consoleに実装予定のAMP機能のベータテストに参加したかったりする場合のみ、試してみるとよさそうです。 WordPressのAMPプラグインの設定方法や仕上がり WordPressのAMPプラグインのインストールや設定の方法、仕上がりをここから説明します。 インストール WordPressのプラグインサイトにあるAMPプラグインのページからファイルをダウンロードし、 /wp-content/plugins/ ディレクトリにアップロードします
Web制作環境のセットアップ：Coda2 環境設定・プラグイン編 – ヒビヅレ
Coda 2 アイコン 先日iMacをSSDに換装してOSから全てセットアップしなおしたので、これを機に自分のWebの制作環境のセットアップをまとめておきます。 サイト制作にあたってオーサリングソフトは8割Coda2、2割Deamweaverといった感じでなので、今回はCoda2とプラグイン周りになります。（Dreamweaverは昔作ったサイトの更新作業などに使うぐらい） Coda2のインストールは普通のアプリのインストールと同じなので割愛します。 他のアプリについてもそうなんですが環境設定も基本あまり弄らないので大したことはしてませんが、変えたのは以下ぐらい。（デフォルトを忘れたので変わってない所もあるかも） 【Coda2 環境設定】 [一般] 分割ウィンドウ：左（縦分割） サイドバーの位置：右 [エディタ] デフォルトの改行コード：Windows タブコードの幅：2 エディタのフォン
jQueryのプラグインを探す時に便利なサイトのまとめ
星の数ほどあるたくさんのjQueryのプラグインから、目的にあったものを探すのはなかなか大変ですよね。そんな時に役立つ便利なサイトをまとめました。 まずは手前ミソで自分がまとめたものから。 これは本当に多大な労力と実際の動作確認もしているので自信をもってオススメできます。 jQueryのプラグイン100選 -2013年総集編 日々チェックしているスクリプトから厳選して一年単位でjQueryのプラグインをカテゴリごとに選出しています。プラグインの半分近くは個別に記事も書いてあります。 jQueryのプラグイン100選 -2012年総集編 jQueryのプラグイン100選 -2011年総集編 jQueryのプラグイン100選 -2010年総集編 jQueryのプラグイン100選 -2009年総集編 jQueryのプラグイン100選 -2008年総集編
レスポンシブ動画も実装できるモーダルMagnific Popup｜こうめの“これから使える”jQueryプラグイン
「Magnific Popup」は、可変ウィンドウに対応した高機能なモーダルを実装できるjQueryプラグインです。 画像をLight box風に表示するだけでなく、ギャラリーや動画のモーダル表示にも対応しており、さまざまなエフェクトも用意されています。 また、スマートフォンで厄介なモーダル上のformの動作も問題なく動作しますので（Android 2.3／4.0／4.1／4.2で検証）、レスポンシブWebデザインで役立ってくれそうですね。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、Magnific Popupを配布ページからダウンロードしましょう。Magnific Popupはgithubで公開されており、ページ右下の「Download ZIP」というボタンからダウンロードします。 最低限必要なファイルはdistフォルダの「jquery
Yet Another Related Posts Plugin: 関連記事を表示するWordPressプラグイン
Yet Another Related Posts Plugin（YARPP）は、記事の下に関連度の高い「関連記事」を表示できるプラグインです。 このプラグインは他の関連記事を表示するプラグインに比べ、関連記事の精度が高いです。 関連記事の表示形式は、テキストのみの「リスト」、画像付きの「サムネイル」、細かくカスタマイズできる「カスタム」の3パターンに対応しています。 関連記事を細かく設定したい方には、このプラグインをお勧めします。 尚、このプラグインは記事数が少ないと、関連記事が表示されにくいのでご注意下さい。 はじめに このプラグインが優れていること 関連記事を表示できる。関連記事の精度も高い。 関連記事の表示形式は「リスト」「サムネイル」「カスタム」から選べる。 投稿、固定ページに対応している。 出力されるHTMLタグと文言は管理画面で変更できる。 カスタムを利用するとデザインを細か
WordPressの優良プラグイン50選、最初にインストールしておくと超便利！
WordPress（ワードプレス）を利用してブログを運営する際に役立つプラグインを紹介します。 プラグインはWordPressの機能を拡張する役割があります。 プラグインを上手く活用すると、ブログの機能を増やして、ブログの運営を効率化できます。 ブログ運営に役立つ便利なプラグインが沢山あります。 あなたのブログに導入するプラグインを選ぶ際に参考にして下さい。 WordPressの便利なプラグインをあなたも活用しましょう。 この記事を読むと得られること はじめに プラグインとは？ WordPress（ワードプレス）のプラグインは、 機能を拡張する役割があります。 初期状態は、シンプルな機能しか用意されていませんが、 プラグインを利用することで、様々な機能を拡張できます。 便利なプラグインは沢山あります。 この記事では便利なプラグインを紹介しています。 あなたのブログで利用するプラグインを選ぶ
カッコよく画像を拡大ポップアップしてくれるワードプレスプラグインの比較
jQueryを使ったWordpress用の画像拡大表示プラグインをまとめました。 画像をクリックすると背景が暗くなって画像が浮かび上がってくるような表示になるアレです。 Lightbox系プラグインなんても呼ばれてます。 このプラグイン、同じようなのがいっぱいリリースされていてそれぞれ動作や内容が違うし結構数も多い・・・。 ということでここに各プラグインのスクリーンショット画像付きでまとめてみました。 導入したサイトもリンクしてあるので実際のアクションを見ながら比較できます。 比較に当たって、以下のプラグインは導入に至りませんでした。 また、個別に「rel=」で指定しないといけないものは除外しました（過去の画像すべてにつけないといけないため）。 Auto Thickbox 動作はとても軽く良かったのですが、カスタム出来なかったこととポップアップ動作があまりキレイでなかったため除外しました。
リアルタイムフォームバリデーション jQuery.validation.js :: 5509
お知らせ（10.08.06）： jQuery.validation.jsはアップデート・修正対応などを終了しました。 仕様などを変更したバリデーションプラグインを公開したので、そちらの方を参考にしてください。（validation.jsにはあるのにexValidationでは実装していない機能もありますが、基本的に実装は行いません） どんなフォームにも使えるjQueryのフォームバリデーションプラグイン: exValidation jQuery.validation.jsはフォーム入力のイライラを軽減して、Webブラウジングとかショッピングをもっと快適にするためのjQueryプラグインです。(もちろんサーバサイドでのチェックは必須ですが…) jQuery.validation.jsのサンプルを見てみる トピックス 特徴 ダウンロード 導入方法 1.JSファイルを読み込む 2.input要素
フォームのバリデーション用jQueryプラグインいろいろ+α
個人的なメモ。普段さほど使うことが 無いので、必要な時に探すのに時間 掛からないようにまとめておきます。 沢山ある必要はさほど無いのですが、 勉強用も兼ねていろいろと数を揃えて おきました。 お問い合わせフォームのユービザリティ向上として導入されるバリデーション用のjQueryプラグインのまとめと、その他Tipsやフォームデザイン周りの情報をちょろっと。一応動作だけIE6、7でも確認しています。 exValidation 安心(?)の国産プラグインです。複雑なフォームにも対応できるのでとりあえずこれを覚えておけば安心ではないかと思います。 どんなフォームにも使えるjQueryのフォームバリデーション exValidation jquery.validate.js Validationの日本語Ver.です。シンプルなので使い勝手いいですね。日付の確認用プラグインも派生していますので合わせて。
WordPressへの不正アクセスログを記録して見せてくれるプラグイン Crazy Bone
WordPressへの不正アクセスログを記録して見せてくれるプラグイン Crazy Bone 2013年05月11日 17:54WordPress 実際つかってみたら、面白いくらい大量に釣れた。 WordPress を狙ったブルートフォースアタック 最近、WordPress の admin ユーザーを狙った ブルートフォースアタック（総当たり攻撃）がよく話題になりますね。 WordPress へのブルートフォースアタック対策: パスワード強化 – ja.naoko.cc 要するに、ID とパスワードの組み合わせを 片っ端から総当たり式に試してみるという攻撃。 特に WordPress 3.0より前は デフォルトの管理ユーザー名が admin だったので、 admin という名前のユーザーがいると想定して それに対して大量の総当たり攻撃を仕掛けている輩がいるようです。 Crazy Bone
ブラウザで表示し見ている記事をその場で即編集 - Windows Live Writer で直接記事を取得する WLW Post Downloader Plugin とブックマークレット
0. 目次 1. WLW で過去の投稿一覧を取得するのには時間がかかる 2. WLW Post Downloader Plugin を利用して、直接記事を取得 3. 記事を編集するためのブックマークレット 4. WLWPostDownloader.exe の優先度を上げる 1. WLW で過去の投稿一覧を取得するのには時間がかかる Windows Live Writer （WLW）で、最近投稿したブログの記事を修正する場合、 「ホーム」タブの左横にある Live Writer ボタン > 最近の記事を開く を選択し、過去の記事を開く。 これに対し、過去の古い記事を修正するには、 Blogger で、投稿した記事を開き、 HTML モードで表示する。 HTML で表示された内容を WLW へコピペ。 記事を修正する。 WLW で内容をHTML 表示にして、コピーする。 Blogger で、H
プラグイン | Paint.NET不完全マニュアル
プラグインはＰａｉｎｔ．ＮＥＴフォーラムのＰｌｕｇｉｎｓにたくさん発表されています。多くは使い方や効果を画像付きで説明しています。気に入った物をＤＬしてインストールしましょう。 ●インストールの仕方 ビデオで説明。音、うるさいので、仕事中の人は気をつけてください。 プラグインファイルは「.dll」ファイルになっています。指示に従いダウンロードします。圧縮ファイル（ZIPファイルが多い）になってる場合がほとんどです。解凍してからインストールします。 「.dll」ファイルをPaint.NETのディレクトリにある「Effects」フォルダに移動またはコピーするだけです。（Paint.NETを普通にインストールしてあれば（C:/ProgramFiles/Paint.NET/Effects/） ファイルタイプの場合は、「Files｣フォルダに移動またはコピー（C:/ProgramFiles/Pain
WordPressでブログを立ち上げたときにすぐに入れるべきプラグイン9選 | tagamidaiki.com
WordPressを導入する理由として、使いやすいプラグインが多くあることがあげられます。 今回は、Wordpressを導入したあとすぐに導入すべきプラグインをまとめました。 今後Wordpressを用いたブログを立ち上げようとしている人は参考にしてみてください。 今回紹介するプラグインは大まかにわけて以下のようになります。 ◯ アクセスを増やすためのプラグイン 5選 ◯ 表示を早くするプラグイン ◯ Facebookコメントを導入するプラグイン ◯ 自動でブログのバックアップを取ってくれるプラグイン ◯ コードを書くのであれば導入しておきたいプラグイン それでは1つずつ紹介します。 アクセスを増やすためのプラグイン5選 All in One SEO Pack これはブログ記事1つ1つに対して MetaTitle：ブログタイトル MetaKeyWord： SEOキーワード MetaDesc
Wordpress改行プラグイン ダウンロード (ver3.0以降) – CamCam
このバージョンは旧版です。Wordpress旧バージョンご利用の方以外はこちらをご利用ください。 Wordress改行プラグイン PHP7対応版 ////////// 改行プラグインのWordpress3.0対応版を配布します。 （改行プラグインとは→ 2.9以下では使えません。 2.9以前の方は3.0以上にアップグレードしてからお試し下さい。 WordPressのバージョンにご注意。 3.0以降対応 ダウンロード brBrbr300 ////////使用方法/////////// 1.ダウンロードして解凍して出来たフォルダの中の brBrbr.php をpluginフォルダに入れる。 2.ダッシュボードで有効にする。 ********追記******** 3.4以降でTwitter埋め込みを使う場合は以下の修正をして下さい) 改行プラグインTwitterツイート埋め込み表示への対応 **
WordPress: W3 Total Cache(W3TC)のインストール方法和訳 | Hinemosu
WordPress用のページ最適化プラグイン「W3 Total Cache」(W3TC)のインストール方法を和訳してみたよ。 英語が赤点だった人間の翻訳なので、期待せずに読んでください。 W3TCのインストール wp-contentのパーミッションを755に変更します。 “General"タブを開き、ページキャッシュ、データベースキャッシュ、コード最適化(Minify)の設定を行います。多くの場合、ページキャッシュを"disk enhanced"に設定し、コード最適化(Minify)とデータベースキャッシュを"disk"にすると良いでしょう。 推奨: “Minify"タブは、あらかじめ推奨される設定になっています。ヘルプボタンを使うと、あなたのCSSとJSを簡単に見つけることが出来ます。JSを最適化する場合は、メソッドと位置に十分注意してください。 詳細はプラグインのFAQを参照してくださ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://deltablog01.com/archives/959
WordPressプラグイン「Multi Device Switcher」にPC/モバイルの切り替えボタンを設置するプラグイン
Old Post Notifier
IDEA * IDEA
