月: 2016年11月

WordPressのメディアライブラリ

WordPress のメディアライブラリが表示されず、[メディアの追加]をしても画像が挿入できないことがあります。

当方の環境でWordpressの新バージョンをインストールすると発生する不具合のようです。Google先生によると、/wordpress/wp-admin/admin-ajax.php のとある行を編集すると直るそうです。

@header( 'Content-Type: text/html; charset=' . get_option( 'blog_charset' ) );
@header( 'X-Robots-Tag: noindex' );

上記コードを以下のように編集して保存します。

if(in_array($_POST['action'], array('query-attachments', 'send-attachment-to-editor'))){
@header('Content-Type: application/json; charset=' . get_option('blog_charset'));
}else{
@header( 'Content-Type: text/html; charset=' . get_option( 'blog_charset' ) );
}
@header( 'X-Robots-Tag: noindex' );

 

参考URL：WordPressの投稿時のメディアライブラリで画像が表示されない、http://karinto.in/2014/05/19/wordpress/

Kasperskyのトラフィックスキャン

Kaspersky インターネットセキュリティではトラフィックのスキャンのため、ブラウザにあらかじめJavaScriptが埋め込まれる設定があります。

無効にするには、[設定]-[詳細]-[ネットワーク]から[Webページと連携するためWeb トラフィック内にスクリプトを埋め込む]チェックを外しておきます。

2016-11-03

javascript で遊んでみた

2016-11-02

[tab_panel.html]


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trasitional//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <meta http-equiv="Content-Script-Type" content="text/javascript" />
  <script type="text/javascript" src="jquery-3.1.1.min.js"></script>
  <script type="text/javascript" src="tab_panel.js"></script>
  <link rel="stylesheet" href="tab_panel.css" type="text/css" />
 <title>タブパネル</title>
</head>
<body>
  <div id="container">
    <ul class="tab">
      <li>prototype.js</li>
      <li>script.aculo.us</li>
      <li>jQuery</li>
      <li>YUI</li>
    </ul>
    <ul class="panel">
      <li>代表的なJavaScript ライブラリの中でも歴史が古く、最も普及しているJavaScript ライブラリです。</li>
      <li>prototype.js と同時に利用するアニメーションなどのEffect処理に特化した JavaScript ライブラリです。</li>
      <li>jQuery は、非常に軽量なJavaScript ライブラリです。</li>
      <li>YUI は、非常に多彩な機能を持つ JavaScript ライブラリです。</li>
    </ul>
  </div>
</body>
</html>

[tab_panel.css]

* {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
 div#container {
  margin: 10px auto;
  width: 500px;
}
 ul.tab li {
  float: left;
  padding: 4px 10px;
  cursor: pointer;
  background: #ddd;
  border: 1px solid #999;
  margin-right: 1px;
  position: relative;
  top: 1px;
}
  ul.tab li.selected {
  border-bottom: 1px solid #eee;
  background: #eee;
}
ul.panel li {
  clear: both;
  background: #eee;
  border: 1px solid #999;
  padding: 10px;
}

[tab_panel.js]


$(function() {
  $(".tab li:first-child").addClass("selected");
  $(".panel li:not(:first)").css("display","none");
  $(".tab li").click(function() {
    $(".tab li").removeClass("selected");
    $(this).addClass("selected");
    $(".panel li").css("display","none");
    $(".panel li:eq("+$(".tab li").index(this)+")").css("display","block");
  });
});

Amazon でポチった

本が自宅に届きましたよ。開眼! JavaScriptは読んでいて面白い。

定番のO’REILLY（オライリー）品質。他にJavaScript : The Good Parts 、JavaScriptパターンも見てみたい、見てみたくない？

JavaScript 第6版
David Flanagan
￥ 4,536javascript_

 

JavaScriptリファレンス 第6版 
David Flanagan
￥ 3,024

51hqwyi1aul__sx352_bo1204203200_

開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質 
Cody Lindley
￥ 2,376

javascript

JSONを扱うならPHPの方が良いかもね。

JSON(JavaScript Object Notation) は、ブラウザとサーバー間でデータをやり取りするために使われる一般的なデータフォーマットである。JSONは本質的に軽く、使いやすく、JavaScript で解析しやすい。（jQuery クックブック p.415）

PHP のオブジェクトとJSONのオブジェクトとの間での直接の変換は出来ません。(中略) しかし、JsonSerializableインターフェイスを使えば、オブジェクトをお好みの形式のJSONデータに変換できます。（プログラミングPHP第3版 p.350）

だそうです。

プログラミングPHP 第3版
Kevin Tatroe
￥ 4,104

php