社員ブログ
HOME  社員ブログ

アーカイブ

‘社員:cobra’ カテゴリ

javascript 文字列からURLを抽出しAタグを張る関数。

2015年02月26日 11時49分50秒

こんにちは、コブラです。

 

文字列に対して、httpなどで始まる部分を抽出し、Aタグを張る処理をJsで実装しようと思いググったところ、

非常に便利な関数を見つけました。

 

 

function AutoLink(str) {
    var regexp_url = /((h?)(ttps?:\/\/[a-zA-Z0-9.\-_@:/~?%&;=+#',()*!]+))/g; // ']))/;
    var regexp_makeLink = function(all, url, h, href) {
        return '<a href="h' + href + '">' + url + '</a>';
    }

    return str.replace(regexp_url, regexp_makeLink);
}

 

 

こちらを参考にさせていただきました。

[読み物][prog] 文字列中のURLを探してリンクにするJavaScript – NEST::laboratory様

 

ありがとうございます!

JavaScript, 社員:cobra

JavaScriptで画像ギャラリーを簡単に実装できる『PhotoSwipe』がすごい!

2015年02月20日 14時09分09秒

こんにちは、コブラです。

 

『PhotoSwipe』はスマホでもPCでも画像をクールに魅せられちゃうプラグインです!

公式サイトにはドキュメントもデモも揃ってます。

動作はそちらでご確認を。

 

さて、そんなPhotoSwipeを実装するにあたって、

ギャラリーを開いたとき、閉じたときに実行したい処理があったのでその実装方法を調べました。

 

この記事を参考に実装しました。

 


<!-- PhotoSwipe -->
<link rel="stylesheet" href="css/jquery.mobile-1.3.2.css">
<link rel="stylesheet" href="css/photoswipe.css">
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script src="js/jquery.mobile-1.3.2.min.js"></script>
<script src="js/jquery.page-scroller.js"></script>
<script src="js/klass.min.js"></script>
<script src="js/code.photoswipe.jquery-3.0.5.min.js"></script>

$(document).ready(function ()
 {
     var myPhotoSwipe = $("#hoge a").photoSwipe({ enableMouseWheel: true , enableKeyboard: true });
     $("#hoge a").on("click", function(event){
        setTimeout(function(){
            $("#hoge a").removeClass("ui-btn-active");
        }, 1000);
     });

    // ギャラリーを開いたときに実行される
    myPhotoSwipe.addEventHandler("PhotoSwipeOnShow", function(e){ 
    });

    // ギャラリーが閉じるときに実行される
    myPhotoSwipe.addEventHandler("PhotoSwipeOnHide", function(e){ 
    });
}

 

<div id="hoge">
    <a href="hoge1.jpg" rel="external"><img src="hoge1.jpg" alt="hoge1" /></a>
    <a href="hoge2.jpg" rel="external"><img src="hoge2.jpg" alt="hoge2" /></a>
    <a href="hoge3.jpg" rel="external"><img src="hoge3.jpg" alt="hoge3" /></a>
</div>

 

おそらくPhotoSwipeには不要なjsも紛れ込んでいると思いますが…

cssやjsで使用する画像も忘れずにアップしてくださいね!

これ、あちこちで活用できそうなのでしっかり覚えておきたいと思います。

JavaScript, 社員:cobra

Admob SDK7がリリース。

2015年02月16日 15時02分09秒

こんにちは、コブラです。

 

iOS8対応として、AdmobのSDKも7.0がリリースになりました。

以前と違い、いつの間にか.frameworkになっていたんですね。

複数ファイルがまとめられたことで管理も楽になりました。

 

今まで:

GAD〜.hファイルをプロジェクトにインポートしていた

 

これから:

GoogleMobileAds.frameworkをインクルードし、各メインクラスでimportするだけ

 

また、これにより更にEventKit.frameworkとEventKitUI.frameworkが必要になりました。

ご利用中の方はお早めの対応を。

 

Objective-C, Xcode, 社員:cobra