駆け出しデザイナー・エンジニアにこそ見ていただきたいWordPressの脆弱性とセキュリティ - Qiita
WordPressは世界で1番使用されているCMSかつオープンソースであるが故に、悪意のある第三者やプログラムから世界で1番攻撃されやすいCMSと言われています。 私自身も何度か攻撃を受けていて、実害に及ばなかったものから及んだものまで様々でした。クライアントの稼働しているWEBサイトに実害があった場合は、原因究明や報告、一次対応から恒久的対策までを行い、安全性を確保した上で再度稼働させる必要があり、その作業は簡単なものではありません。 被害があるのはクライアントだけではなく、そのサイトにアクセスしたユーザーに及びます。たとえ納品後の保守契約を結んでいなかったとしても、実装者の責任としてクライアント、ユーザーに安心して利用できるWEBサイトを目指さなければいけません。 私はセキュリティの専門家ではないもののWordPressを10年以上触っている中で様々な問題に当たり、対応してきました。そ
バグはここに潜んでいる！ 効率よくテストを行うためには？ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ Webディレクターのなべちゃんです。 Webサイト制作はヒアリングから始まり、見積もり・提案、デザイン、コーディングなどの工程があるのですが、その中で今回は「テスト」について紹介します。 ディレクターが行うテストについて ここで紹介するテストは、エンジニアリングなテストではなく、ディレクターが行っているテストです。実装担当者が一通りコーディングを終えテストをしたあとで、ディレクターが最終チェックをしていきます。 ディレクターが行っているテスト デザイン再現性テスト(デザイン通りにコーディングがされているか)はデザイナーが、その他単体テスト、結合テストなどはエンジニアが行っていて、十分なテストを行い、ついにリリースを迎えます！ テストに対する心構え 先ほど「十分なテスト」という表現をしましたが、「完璧なテスト、完璧なサイト」をつくるのは、実は不可能とされています。 「バグを全部
)
CodeSwing - Visual Studio CodeをHTMLプレイグラウンドに
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました HTMLやJavaScriptのプレイグラウンドサービスは便利です。特に外部公開する際に便利なのですが、逆にオフラインで自分だけをちょっと試したい時には面倒だったりします。社内データにアクセスした結果を試したい時にも不便でしょう。 今回紹介するCodeSwingはVisual Studio Code上で使えるプレイグラウンドです。 CodeSwingの使い方 作成はコマンドで行います。 HTMLだけやテンプレートエンジンやCSSエンジンを選択できます。 作成しました。コード補完が付いているのが便利です。 TypeScriptで書いてちゃんと動きます。 画面構成の変更も可能です。 CodeSwingを使えばVisual Studioがそのままプレイグラウンドになります。SCSSを試し
なにこれ、スゴすぎる！ブラウザで行った操作を記録し、さらに完全再生もできるChromeの機能拡張 -Wildfire
ページをどのくらいスクロールし、どこをクリックするのか、マウスやキーボードをどのように操作し、コンテンツを見るのか、ブラウザで行った操作を記録し、さらに完全再生もできるChromeの機能拡張を紹介します。 ユーザビリティテストに利用するだけでなく、操作を編集・再生することもできるので、プレゼンなどでページの操作を再現することも可能です。 Wildfire Wildfireの特徴 Wildfireのインストール Wildfireの使い方 Wildfireの特徴 Wildfireはユーザーがページをどのように操作するのか、どのように見るのか、手軽にユーザビリティテストができるChromeの機能拡張です。また、アクションをシミュレーションし、新しいデザインの確認にも利用できます。 ブラウザで表示したページのアクションを記録します。 記録したアクションは、すべて再生可能。 アクションを編集し、シミ
ブラウザからPOSTメソッドを送信できるChrome拡張「Advanced REST client」
ブラウザからPOSTメソッドなどのHTTPリクエストを簡単に送信できるChrome拡張「Advanced REST client」を紹介します。 １．はじめに ブラウザからPOSTメソッドのHTTPリクエストを送信するには、PHPやJavaScript、Perlなどでスクリプトを組み、それを起動する必要がありますが、結構面倒です。 もっと簡単にPOSTメソッドを送信する方法がないのか調べていたところ、Chrome拡張機能をみつけました。 ということで、Chrome拡張「Advanced REST client」を紹介します。 ２．Advanced REST clientのインストール Advanced REST clientのページにアクセスして「CHROMEに追加」をクリック。 「アプリを追加」をクリック。 これでアプリの一覧に「Advanced REST client」が追加されます。
文字の上にカーソルを置くだけでフォント名やサイズを特定、試し打ち＆ダウンロードも可能な「Fontface Ninja」
ウェブサイト上で「このフォントいいなあ」と思った時にカーソルをかざすだけでフォントの種類やサイズを知ることができ、さらにその場でフォントの文字を試し打ち＆サイズの変更などが可能で、わざわざフォントのダウンロードページを開かなくても閲覧していたウェブサイト上からフォントのファイルをダウンロードまでできてしまうというGoogle Chrome拡張機能＆Safariプラグインが「Fontface Ninja」です。 Fontface Ninja http://fontface.ninja/ Fontface NinjaはGoogle Chrome拡張機能とSafariプラグインがあり、ブックマークレットは現在開発中のようです。今回はGoogle Chrome拡張機能を使用してみます。 Google ChromeでChrome ウェブストアのFontface Ninjaのページを開きます。 右上に
Emmet Re:view
A browser extension for displaying responsive web-pages in a side-by-side views to quickly test how it looks at different resolutions and devices. Breakpoints View Displays resizeable view for each CSS media query breakpoint of your page. Contents of large viewports are dowscaled to fit your screen size. All views are fully synchronized: scrolls, form field fills and clicks, even mouse interaction
Theme-Check - WordPressプラグイン - テーマをチェック - WordPressの使い方と設定 - Webkaru
WordPressでテーマが適切に作成されているかをチェックするプラグイン「Theme-Check」を紹介します。 準備：デバックモードを有効に 「Thema-Check」を利用するにはデバックモードを有効にする必要があります。有効にする方法はこちらを参考にしてください。 WordPressのデバックモードを有効にする方法 WPプラグイン「Theme-Check」 Theme-Check とは プラグイン「Theme-Check」は、テーマをテストし、最新のテーマレビュー基準の仕様に従っていることを簡単に確認することができるプラグインです。このプラグインにより、WordPress.org がテーマの受付時に使用する自動化されたテストツールとまったく同じテストを自分のテーマに対して行うことができます。 まずは、WordPressのメニューから 「プラグイン」→ 「新規追加」→ 「Theme-
WordPress で Web サイトを作成する際に便利な Debug Bar
Web サイトを構築する際はエラーメッセージを表示したりどのような値を送受信してるのかを確認したり、いろいろと見ないといけない事が多いです。情報が多ければ多いほど問題の解決がしやすくなりますね。 WordPress でそういった情報を表示するには Debug Bar とそれに関連するプラグインを利用するのが便利です。 インストール ダッシュボードからプラグイン -> 新規追加 より Debug Bar で検索したらでてくるのでインストール -> 今すぐ有効化 と進めていきましょう。 また、これを利用するには WP_DEBUG を有効にしておきましょう。wp-config.php に define('WP_DEBUG', true); を追加するだけです。 有効化ができたら画面上部にある Admin バーに Debug という項目が追加されていると思います。これをクリックすると各種ソフトウェ
WordPressのテーマ制作者は必携！記事のさまざまなパターンが簡単にテストできる - WP Test
WordPressのテーマで記事がどのように表示されるか、テキスト記事、画像コンテンツ、動画コンテンツなどが正常に表示されるかテストできるWP Testを紹介します。 普通に想定されるパターンだけでなく、タイトルが異常に長い、コメントがたくさんついた、カテゴリが無い、カテゴリが異常にたくさんなど、イジワルなパターンも用意されています。 WP Test ダウンロードできるテストデータはXMLフォーマットで、WordPressに直接インポートできます。画像などはuploadsフォルダでサーバーにアップします。 どんなパターンが用意されているかは、WP Testのデータを読み込ませたデモで見ることができます。たくさんあるデモページから一部をご紹介。
Chromeの機能拡張 -Responsive Inspector | コリス
レスポンシブの確認ツールの多くは単にブラウザのサイズを変更して確認するだけですが、レスポンシブがスタイルシートで定義されているかに基づいてページの確認ができるChromeの機能拡張を紹介します。
レスポンシブWebデザイン制作に便利なGoogle Chrome拡張「Resizer」
レスポンシブWebデザイン制作に便利なGoogle Chrome拡張「Resizer」を紹介します。 先日、「レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」」を投稿したところ、Chromeでも同じような機能がほしい！みたいな書き込みがあったので、探してみたら似たような拡張機能がありました。 それがこの「Resizer」です。 １．「レスポンシブWebデザイン」とは 「レスポンシブWebデザイン」については、「レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」」を参照ください。 ２．インストール 「Resizer」のページ右上にある「CHROMEに追加」をクリック。 表示されたダイアログの「追加」をクリック。 これでインストールされました。 ３．「Resizer」の使い方 レスポンシブWebデザインのサンプルサイトとして
WordPressテーマ開発向けプラグインを一式管理するプラグイン・Developer - かちびと.net
WordPressを提供するAutomattic社が 先日リリースした、テーマ開発者 向けのプラグインを一括管理できる プラグイン、Developerのご紹介。 とくに特別な機能は無いです。 WordPressのプラグインの中には様々なテーマ開発補助のプラグインが存在します。その中で、Automattic社が選定して一括管理出来る様にしたプラグインがDeveloperです。 デバッグとかテストツールとか、WordPressのテーマ開発によく使われる補助プラグインをインストールできる等、一式管理できる、というプラグイン。 管理できるプラグインは以下の通り。 Debug Bar Debug Bar Cron Rewrite Rules Inspector Log Deprecated Notices VIP Scanner Monster Widget Beta Tester スクリーンショッ
WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」:phpspot開発日誌
WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」 2012年05月01日- Chrome ウェブストア - Dev HTTP Client WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」 サーバに対して、POSTやGET等のメソッドで、独自のクッキーやヘッダーなどを加えて手動で送信できるChromeのアプリです。 POSTで送信する場合ってフォームを用意しないといけないのが面倒ですが、それも手動で指定できるため、非常に便利。 その場で返却値がカラーリングされつつ整形されて見れるので、JSON等の値を見る場合には超便利です JSON返却値の例。カラーリングと整形がありがたい なくてもそこまで困らないかもしれませんが、エントリポイントをちゃんとチェックしたいっていう
ke-tai.org > Blog Archive > FireMobileSimulatorにホストごとに端末設定できる機能を追加するパッチが公開されたようです
FireMobileSimulatorにホストごとに端末設定できる機能を追加するパッチが公開されたようです Tweet 2011/7/7 木曜日 matsui Posted in 記事紹介・リンク | No Comments » タグ: FireMobileSimulator, シミュレータ 最近の記事 2013/6/1に第四回札幌MySQL勉強会開催を行います 2013/1/26に札幌で「LOCAL DEVELOPER DAY ’13 / Infra & Security」が開催されます 2012年11月にEZwebのIPアドレス帯域の一部削除がありました Titanium Mobile で Android, iOS 両対応のアプリを開発する際の注意点 2012年11月にEZwebのIPアドレス帯域の一部が削除されるようです コメントを書く お名前 メール URL « iPhoneやAn
ke-tai.org > Blog Archive > FireMobileSimulatorがFirefox4にも対応したとのことです
FireMobileSimulatorがFirefox4にも対応したとのことです Tweet 2011/4/4 月曜日 matsui Posted in ソフト紹介, タレコミ, 記事紹介・リンク | No Comments » フォーラムからタレコミをいただきました。 （情報提供ありがとうございます） しかしながら風邪で寝込んでいたため、タレコミから6日も遅れてのご紹介です。すいません。 ケータイ開発で最も多く使われているであろうエミュレーションツールの「FireMobileSimulator」ですが、先日の3月26日にFirefox4に対応したようです。 （その後、28～30日の間に幾つかの問題修正が行われ、現時点ではVer1.1.15リリースされています） → FireMobileSimulator トップページ [firemobilesimulator.org] → FireMob
PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」:phpspot開発日誌
php-console - Google Chrome extension for displaying PHP errors/exceptions/debug messages in browser console or notification popups - Google Project Hosting PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」。 Chromeの拡張とPHPのソースコードで動かすもので、PHPのエラーを、Chromeのコンソールウィンドウや、画面内にポップアップでポコポコ出せたりします。 要はChrome用のFirePHPみたいなものです。 以下のようにエラーレベルとエラーメッセージが表示されます。 コンソールの例 ポップアップの例 この機能が使えるかどうか？はアドレスバーで確認できます。使える場合はアイコンが次のように表
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress推しブログ – ねたわん
Postman | API Development Environment
60 Web Design Galleries for Design Inspiration « AcrisDesign – Web Design Resources and Inspiration
