2016-08-02

chrome拡張機能をつくってみた

某サイトが見にくかったので、

不要な広告や掲載情報を非表示にするスクリプトを組んでみた

☆やったこと☆

フォルダを新規作成（ここではtest-addonとする）
フォルダ内にmanifest.jsonを作成
jqueryファイルを同フォルダ内に配置
実行するスクリプト（jsファイル）を同フォルダ内に作成

manifest.jsonのサンプル

{
"name": "hogeViewer",
"version": "1.0",
"manifest_version": 2,
"description": "Chrome",
"content_scripts": [
{
"matches": ["http://*/*"],
"js": ["jquery-2.1.4.min.js", "viewer.js"],
"run_at": "document_idle"
}
]
}

結構簡単にできたので、今後何かに応用したい

参考：

Google Chrome Extensionを作ってみた｜ Developers.IO

2016-06-22

phpのセッションまわり覚書

<?php
if(!isset($_SESSION)){
session_start();
}
?>

ポストタイミングでセット

$_SESSION['flg']="hoge";

遷移先でセッション値確認

if ($_SESSION['flg'] == 'ghoge'){
echo "OK";
} else {
echo "NG";
}

2016-06-16

iphoneで書式クリア（文字化け対策）

iphoneで書式クリアする方法で、
これが一番楽かなと思うんでメモ書き

◆インストール方法
1.MyScriptsLEアプリをインストール

2.下記サイトから、「書式クリアをインポート」を押してインポートする
http://aita.hateblo.jp/entry/2014/10/31/194034

◆使い方
1.文章を一旦全選択＆カット
2.MyScriptsLEを起動して書式クリアをクリック
3.クリップボードに書式クリアした文章が保存されるので、メール本文に貼り付け

2016-02-16

フォームの数字入力制限

プログラミング

数値のみ入力したい場合のフォームのバリデート

//数値入力制御（数字のみ＋字数制限）
$(".numeric").on("input", function() {
 // 空文字の場合は０埋め
 if($(this).val() == "" || $(this).val() == null) {
   $(this).val(0);
   return;
 }
 
 var rep = $(this).val().replace(/[^0-9]/g, "");
 // 数字以外の場合は０埋め
 if(rep == "") {
   $(this).val(0);
   return;
 }
 $(this).val(rep);
 
 //文字最大数
 if($(this).val().length > $(this).attr('maxlength')) {
   $(this).val($(this).val().slice(0, $(this).attr('maxlength')));
 }
 // 先頭の０を除外
 $(this).val(parseInt($(this).val(), 10));
})

2016-01-27

GoogleMapに複数アイコンを表示

プログラミング

Googleマップで、複数アイコンを表示させたかったので覚え書き。

<!-- Google mapスクリプト読み込み -->

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

<!-- Google map描画領域 -->
<div id="map_canvas" style="width: 100%; height: 480px;"></div>


<script type="text/javascript">

var opts = {
  zoom: 16,
  scrollwheel: false,
  mapTypeId: google.maps.MapTypeId.ROADMAP
}; 
var map = new google.maps.Map(document.getElementById("map_canvas"),opts);

var markers = new Array();

// クリック時吹き出し
function dispInfo(marker,name) {
google.maps.event.addListener(marker, 'click',
  function(event) {
    new google.maps.InfoWindow
    ({content:name}).open(marker.getMap(), marker);
  });
}

// 住所から緯度経度に変換＆mapにマーカー表示
function convertLatlng(address,info,icon,isMain) {
  var geocoder = new google.maps.Geocoder();
  geocoder.geocode(
  {
    'address': address,
    'language': 'ja'
  },
  function(results, status){
    if(status==google.maps.GeocoderStatus.OK){
      //メイン施設の場合は中心地に設定
      if(isMain){
        map.setCenter(results[0].geometry.location);
      }
      tmp = new google.maps.Marker({
        position: results[0].geometry.location,
        map: map,
        icon: "{{STATIC_URL}}"+icon
      });
      dispInfo(tmp,info);
      markers.push(tmp);
    }
  }
  ); 
}
// メイン追加
convertLatlng("{{location.full_address}}","{{location.name}}","hoge.png",true);
// サブ追加
convertLatlng("{{location2.full_address}}","{{location2.name}}","hoge2.png",true);
// サブ追加
convertLatlng("{{location3.full_address}}","{{location3.name}}","hoge3.png",true);

</script>