タグ

VERSATRANのブックマーク (4,397)

  • WordPressでソーシャルログインのためのプラグインGianism(ジャイアニズム)!

    最近、サイトの会員登録の方法って、FacebookやTwitterGoogle+のアカウントで会員登録できちゃうサイトが多いなと感じる「ノマド」な主婦Toroです(^-^)/ WordPressに留まらず、なんらかの会員制サイト作りたいと思ったことありませんか?? そんな時、ソーシャルのアカウントで会員登録できるって、ものすごーく楽ですよね!(SNSアカウントない人は面倒かも) このログイン方法って、ソーシャルログインって言うらしいんです! このソーシャルログインに慣れてしまうと、普通に名前から電話番号、等。。。の会員登録が「ちょっと面倒だから後でにしようかな」なんて思っちゃいませんか? はっきりいって、よっぽど登録したいレベルのサービスでもない限り、登録はしませんよね。。。 まっ、今じゃなくてもいいかな?って正直思ってしまいます。 なので、今回は、WordPressにソーシャルログイン

    WordPressでソーシャルログインのためのプラグインGianism(ジャイアニズム)!
    VERSATRAN
    VERSATRAN 2018/04/11
  • WordPress WP-VCD malware attack — Solution | by Rakshit Shah | BeingCoders

    VERSATRAN
    VERSATRAN 2018/04/11
  • いよいよGoogleが本気。Chrome 68から全HTTPサイトに警告!

    [目次] Google Chrome セキュリティ強化の経緯 Chrome 68(2018年7月リリース)からHTTPサイトというだけで警告表示 この記事のポイント 常時SSL Lab.ではすっかりお馴染みになった感のある、Google Chromeセキュリティ警告「保護されていません」の表示。 2017年10月公開 Chrome 62「保護されていません」アドレスバー表示の実際 2016年12月公開 突然「保護されていません」と警告が!?Chromeの新しい安全性表示 これらの記事では、「将来的にはHTTP接続というだけで警告表示になる」という予測を紹介していましたが、それがいよいよ現実のものになろうとしています。 今回は、2018年2月8日に発表されたGoogle Chrome 68に関する公式リリースを見ていくことにしましょう。 Google Chrome セキュリティ強化の経緯

    いよいよGoogleが本気。Chrome 68から全HTTPサイトに警告!
    VERSATRAN
    VERSATRAN 2018/04/09
  • 「出会えたことに感謝したいCSSベスト3」まとめ

    スダ氏 @sudarexyz 出会えたことに感謝したいCSSベスト3 1位 display: flex; 2位 box-sizing: border-box; 3位 height: 100vh; 2018-04-07 21:44:27 スダ氏 @sudarexyz justify-content: space-between; align-items: center; この辺も入れたかったけど全部FlexBox関係になっちゃうし、ランキングは今着手している案件に強く依存してる。 他の人のも見てみたい。 #出会えたことに感謝したいCSSベスト3 2018-04-07 22:02:07

    「出会えたことに感謝したいCSSベスト3」まとめ
    VERSATRAN
    VERSATRAN 2018/04/08
  • タッチキーボードでファンクションキーを使う(Windows10)

    以下の2要素を認識していないといけません。 1: タッチキーボードとスクリーンキーボードWindows PCで、画面に表示できるキーボードは2種類あります。 以下の2つです。 タッチキーボードスクリーンキーボードそれぞれ、目的が異なります。(詳細は別途後述) 2: タッチ入力の可否タッチキーボードに関しては、PCの能力によって設定できる内容が異なります。 ざっくりと整理すると、画面からのタッチ入力の可否によって以下のとおりです。 可能: ファンクションキーを表示できる不可能: ファンクションキーを表示できないなおスクリーンキーボードは、PCの能力による差がありません。 設定(タッチ入力ができるPCでファンクションキーを使う)事前に以下の設定を入れます。 Windows → 設定 → デバイス → 入力 → 「ハードウェアキーボードに準拠したレイアウトをタッチキーボードオプションとして追加す

    タッチキーボードでファンクションキーを使う(Windows10)
    VERSATRAN
    VERSATRAN 2018/04/06
  • Firefox をセーフモードで起動する - えむもじら

    Firefox のセーフモードをググってみても日語ページではこれといったものが見つからなかったので(とくに Firefox 1.5 の新しいダイアログボックスに関して)、仕方なく MozillaZine Knowledge Base をベースに書いてみました。 セーフモード(Safe Mode)はインストール済みの拡張機能を無効にしデフォルトのテーマで起動する Firefox と Thunderbird の起動モードです。これはとくに拡張機能が問題を起こしていることが分っているときに、デバッグしたりどの拡張機能が問題を起こしているかを見つけるのに役に立ちます。セーフモードは何か問題が起こっている(例えば、Firefox がテーマ無しで起動し真っ白になる)ときにはいつでも復旧するための手軽な機能です。 セーフモードで起動する セーフモードで起動するにはまずアプリケーションを終了させる必要が

    VERSATRAN
    VERSATRAN 2018/04/06
  • HTML5用のvideoを用意して表示するまでの説明(2016年4月版) | IT社長のちえ袋

    HTML5のビデオ形式はMP4にするHTML5のvideoについては、悪い冗談としか思えないくらい、いろんなエンコード方法があります。 対応・非対応の状況もめまぐるしく変わっていきます。 過去のブログ情報は、ほぼあてになりません。 今現在、HTML5がどのような状況になっているかを確認するのは、Can I useというサイトが便利です。 HTML5のvideoタグで、一番普及率の高いファイル形式は、MP4です。 MP4形式の各ブラウザの対応状況をみてみると、このようになっています。(以下の画像は2016年4月15日現在) IE8が非対応(赤)と表示されていますが、JavaScriptを使うとAdobeFlash経由でMP4を再生できるようです。対応する必要があるという数奇な方は、下記のサイトも参考にして下さい。 【Web制作HTML5のvideoタグにはMP4形式動画だけ指定すればよい(

    HTML5用のvideoを用意して表示するまでの説明(2016年4月版) | IT社長のちえ袋
    VERSATRAN
    VERSATRAN 2018/04/04
  • WordPressで攻撃を受けやすいファイルとそのセキュリティー対策まとめ

    アクセスログの取得 まずは、サーバーからアクセスログを取得します。 僕は、今エックスサーバーしか利用していないので、その方法を書きます。 エックスサーバーの場合はサーバーパネルからログインしてパネルを開きます。 そして、「統計」項目の「ログファイル」をクリックします。 あとはドメインを選択して、 ダウンロードするだけです。 エックスサーバーデフォルトの場合は「nelog.jp.access_log」というファイルがダウンロードされます。 このアクセスログには、すべてのファイルへのアクセスに対する「1週間のログ」が書き込まれています。 すべてのファイルへのログなので、当サイトの場合だと2GB以上あり、600万行以上のテキストになっていました。 アクセスログの解析方法 これら膨大なアクセスログから、一つ一つ怪しいファイルを見ていくのは不可能なので、簡単な解析用コードをRubyで書きました。 W

    WordPressで攻撃を受けやすいファイルとそのセキュリティー対策まとめ
    VERSATRAN
    VERSATRAN 2018/04/02
  • WordPressプラグイン「Advanced Custom Fields」のフィールド名を後から変更する方法 | Freelance Journal フリーランス ジャーナル

    WordPressデベロッパーなら誰もが知っている便利なプラグイン「Advanced Custom Fields」ですが、使ってて不満に感じたのは「定義したフィールド名を後から変更する機能がない」ことです。 後からリファクタリングしていると、「やっぱり”book”じゃなくて、”books”にすればよかった… でも、もうデータが入っているしね…」って悩むことってありますよね? フィード名を後から変える方法 ACFではWordPressのメタデータを使ってフィードの値を保存しています。 例えばACF側でフィード名がbookのフィードを作成して、投稿ページ側でそのフィードを埋めて保存すると、データベースのwp_postmetaテーブルにmeta_keyカラムの値がbookと_bookのレコードが2つ挿入されます。bookには記事で埋めた値が入っていて、_bookにはACFが利用するフィードオブジ

    WordPressプラグイン「Advanced Custom Fields」のフィールド名を後から変更する方法 | Freelance Journal フリーランス ジャーナル
    VERSATRAN
    VERSATRAN 2018/03/28
  • 第二次世界大戦中に米海軍が開発した「2分以内に眠りにつく方法」とは? - ライブドアニュース

    2018年3月26日 21時0分 by ライブドアニュース編集部 ざっくり言うと 第二次世界大戦中、「2分以内に眠りにつく方法」を米海軍が研究・開発した 「椅子の上に垂れるクラゲ」をイメージして全身をゆるませる方法 自分に「何も考えてない」とひたすら言い聞かせることなども提案されている by Vi Khoa Duong 人が生きる上でおよそ1/3の時間を費やすという「」は、不足すると健康に悪影響を及ぼすほど重要で、昼寝をすると記憶力や生産性が上がるという報告もあります。しかし、いざ横になって目を閉じてもなかなかうまく寝付けないことも。そんな時に役立ちそうな、第二次世界大戦中に海軍によって研究・開発された「2分以内に眠りにつく方法」が、健康や生活についての情報を扱うブログThe Art of Manlinessで紹介されています。 How to Fall Asleep Fast - In L

    第二次世界大戦中に米海軍が開発した「2分以内に眠りにつく方法」とは? - ライブドアニュース
    VERSATRAN
    VERSATRAN 2018/03/28
  • WordPress:body_class()使用時にスラッグ名を用いたclassや直上・最上のスラッグを用いたclassを追加する方法 - NxWorld

    例えば、固定ページ作成時にスラッグを「foo」としたの場合は.fooが、スラッグを「bar」とした場合は.barというように、WordPressでbody_class()を使用した際にスラッグ名を用いたclassも付与されるようにする方法です。 また、子や孫のページのときに親のスラッグ名を用いたclassを付与する方法も併せて紹介します。 WordPressにはbody_class()というテンプレートタグが用意されており、これを利用することで簡単に見ているページに応じて異なるclassがbodyに付与されるので、特にCSSでページ毎に異なる見栄えに調整する際などに便利で普段から多用しているという人も多いと思います。 今回はそのbody_class()へさらに任意でclassを追加するカスタマイズのひとつで、ここでは固定ページのスラッグをclassに用いて付与する形で紹介します。 以下で紹

    WordPress:body_class()使用時にスラッグ名を用いたclassや直上・最上のスラッグを用いたclassを追加する方法 - NxWorld
    VERSATRAN
    VERSATRAN 2018/03/27
  • HTMLメールをMacで送る(Safari・mail.app) | 動画素材.com/ブログ

    今回はHTMLメール自体の作成に関しては触れません。 というのもですね、普通のメール文面に画像を載せただけっていう感じにしたかったので特に凝った事などはしておりません。 以下のアドレスがHTMLメールの元になります。 http://動画素材.com/mailing914.html なのでおのおの上のアドレスのHTMLコードを参考にするなり他のサイト探していただくなどして、HTMLメール自体は各自でDreamweaverとかテキストエディタみたいのでつくって拡張子.htmlのファイルで保存しておいてください。 この記事で説明するのは 1.HTMLメールをSafariで開き「このページをメールで送信」を選択 2.mail.appから送信 です。 はい、文字にしてしまうとたったの2工程なんですがそれでもかなり手間取ったのでそこのポイントを書いておきます。 まず作成したHTMLメールを.html

    HTMLメールをMacで送る(Safari・mail.app) | 動画素材.com/ブログ
    VERSATRAN
    VERSATRAN 2018/03/23
  • レスポンシブなHTMLメールを作成できる「BeeFree」を試してみた - ECサイト構築運営に役立つ情報発信|モバイルファーストマーケティングラボ

    こんにちは、サポート部の山です。 最近ほとんどのメルマガで見かけるHTMLメール。作成は手作業でするには結構難しく、メーラーの数は多いですし、メーラーの種類によって仕様も異なり、実際の見え方もまちまちになってしまいます。 通常のWEBページ作成でブラウザ対応をするよりも難しいかもしれません。 そこで今回はレスポンシブなHTMLメールが簡単に作成できる「BeeFree」というツールがあったので試してみました。 HTMLメールを簡単制作できる無料ツール「BeeFree」 BeeFree サイトにアクセスしてみると、会員登録などの煩わしい手続きなく、いきなりテンプレートを選択することができます。リッチなテンプレートか、ベーシックなテンプレートか。今回はリッチなテンプレートの中から「Newsletter」を選択してみます。 テンプレートを選択すると、HTMLメールの編集画面になります。画面左側に

    レスポンシブなHTMLメールを作成できる「BeeFree」を試してみた - ECサイト構築運営に役立つ情報発信|モバイルファーストマーケティングラボ
    VERSATRAN
    VERSATRAN 2018/03/23
  • HTMLメール作成で調べたことまとめ - Qiita

    HTMLメールのお仕事がきて調べたことまとめ htmlメールを作成してお客様にhtmlファイルを納品するところまでの調査。 注意点 基的にテーブルコーディング CSSはインライン 全体のサイズは600pxで作る 画像はサーバーにアップして絶対パスで入れる。読み込みを早くするために画像圧縮必須 pngではなくgifやjpgを使用する 画像読み込みもhtmlサイズも容量が大きいと重いしスパム扱いされるといやだしなるべく軽くする 文字の自動調整をしないようにbodyにsize-adjust必須(noneじゃなく100%で) viewportにinitial-scale=1をいれるとAndroidで解釈がおかしくなる レイアウトで段組やカラム分けしたいときはtableの入れ子で作る メーラーによってはキャッシュが根強いので配信後に修正を送り直しても「画像が変わらないよー」って言われるので厳密にす

    HTMLメール作成で調べたことまとめ - Qiita
    VERSATRAN
    VERSATRAN 2018/03/23
  • Photogrammetryのススメ ~ソフト比較と質感設定~ - 人柱系CGモデラーのTipsブログ

    ◆はじめに ご無沙汰しております。。花粉症と確定申告で死にそうなますくです。 今回はホットな話題ということで、Twitterでも物議を醸したフォトグラメトリーについての検証記事を書きたいと思います。 皆様はPhotogrammetry(フォトグラメトリー)をご存じでしょうか。 一言で説明すると写真から3Dモデルを生成する技術です。 先ずはこの記事を書くきっかけになった著者のツイッター投稿を御覧下さい。 写真110枚くらい、解析時間13分くらい。これすごいんとちゃいます? pic.twitter.com/UScFKGnj9L — ますく@ CGやさん (@mask_3dcg) 2018年2月21日 この動画は、110枚の写真から3D化をした際のキャプチャ動画で、パット見写真なのか3Dなのか分からない不思議な感覚になる作業の様子です。 何気なく投稿した割に、FABとRTの合計が1万5千超え、動

    Photogrammetryのススメ ~ソフト比較と質感設定~ - 人柱系CGモデラーのTipsブログ
    VERSATRAN
    VERSATRAN 2018/03/23
  • WordPressのメニューを複製するプラグインまとめ

    WordPressのメニューを複製するプラグインをまとめていきます。 ちょっと調べたら、3つあることがわかりました。記事にするまでもないほど簡単ですが、日語情報がなかったため、一応、覚書がてら記事にしていおきます。

    WordPressのメニューを複製するプラグインまとめ
    VERSATRAN
    VERSATRAN 2018/03/20
  • 「Notice: Undefined index」と表示されるとき

    $_POSTや$_GET(フォーム入力値やURLパラメータ)から値を受け取る処理でよく発生します。原因は、そのスクリプトへの初回アクセス時と2回目以降のアクセスで処理を切り分けていないことが考えられます。たとえば、「送信する」ボタンをクリックした後にフォーム入力値を受け取るスクリプトの場合、そのスクリプトに最初にアクセスしたときは$_POSTには何も入っていないので、このエラーメッセージが表示されます。 <?php echo $_POST["test"]; ?> 対処方法として、「$_POST[“test”]に値が入っているときは…」という条件を設定する方法があります。 <?php if (isset($_POST["test"])) { echo $_POST["test"]; } ?> これにより、初回アクセス時は$_POSTを参照しないので、エラーメッセージは表示されなくなります。

    「Notice: Undefined index」と表示されるとき
    VERSATRAN
    VERSATRAN 2018/03/20
  • phpMyAdminで一括置換するときのSQL文 – FOX通信

    よく忘れるのでメモとして。 UPDATE テーブル SET フィールド名=REPLACE(フィールド名,"古い値","置換する値"); 一番良く使うのはWordpressのドメイン置換かなー。 テスト環境から番環境にドメイン切り替える時とか、サーバー引っ越す時とか。 テストから番なら大概wp_optionsとかwp_posts、wp_postmetaの置換で済むけど、 サーバー引越しだとプラグインデータのテーブルもあるので、 とりあえず全テーブルから旧ドメイン検索しといて、 該当テーブルとフィールドの数だけ上のSQL文を走らせてやると楽ちん。 #検索するとWassUpのログとかもごっそり出てくるけど、 それは別に置換する必要ないから放置 一応Wordpressの場合の例文。 #テーブルの接頭詞はインストール時のデフォルト 私はいつも適当に変えてる UPDATE wp_options S

    VERSATRAN
    VERSATRAN 2018/03/19
  • 設置サンプル:YouTube IFrame API:動画プレーヤ―の制御(再生・一時停止・停止・シーク位置)

    VERSATRAN
    VERSATRAN 2018/03/15
  • 設置サンプル:YouTube IFrame API:動画の再生ステータスの取得

    設置サンプルのソース <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>設置サンプル:YouTube IFrame API:動画の再生ステータスの取得</title> <link rel="stylesheet" type="text/css" href="/content/lib/global.css" /> <style> #playerbox { width:640px; height:390px; margin-bottom:10px; } #status { width:640px; height:3em; margin-bottom:10px; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.

    VERSATRAN
    VERSATRAN 2018/03/15