ひま缶 - 空腹な暇人は眠らない - | プログラミング、Web制作、その他ちょっと役立つ生活の知恵など

[マンションオプション会レポート]　エアコン

2016年10月29日2017年8月6日ひまみち

こんにちは。ひまみちです。マンションオプション会レポート第3弾は、「エアコン」です！新築マンションを購入した場合、エアコンは自分で用意しないといけないようです。ここで重要なポイントとなってきそうなのは、業者に取 […]

Markdown Table Editorのソースコード2

2016年10月28日2016年10月27日ひまぬし

はい今回はMarkdown Table Editorにテキストエリア追加したのでそのソースコードの公開ですう。 Markdown Table Editorはこちら Markdown Table Editor [cray […]

[マンションオプション会レポート]　セルフィール(壁コーティング)

2016年10月27日2016年10月27日ひまみち

こんにちは。ひまみちです。マンションオプション会レポート第二弾はセルフィール(壁コーティング)です。見積もり金額は以下の通り。約70㎡の部屋で全室の場合：約22万6千円(全室割引込) リビング・キッチン・廊下のみ […]

[マンションオプション会レポート]　フローリングのコーティング「ミラーコート」

2016年10月26日2016年10月27日ひまみち

こんにちは。ひまみちです。新築マンションを買うと、「インテリアオプション会」といってリフォーム会社やインテリア会社などがここぞとばかりに商品を売りつけてくるという、恐ろしい会が開催されるのですが実は最近インテリア […]

Markdown Table Editorのソースコード

2016年10月25日2016年10月24日ひまぬし

前に公開したMarkdown Table Editorのソースコードを解説する回まだまだ実用的ではないけど今後実装したい内容はこちら Markdown方式のテーブルをテキストにコピペしたらグリッドに反映される Mark […]

[Markdown Table Editor]Markdownのテーブルを簡単に編集できるWebサービスを作った

2016年10月24日2017年6月6日ひまぬし

Markdown Table Editor Add Row　　Delete Row Add Column　Delete Column ここに貼り付けてテーブルになってるか確認してください使い方このグリッドはExcel […]

サザンオールスターズの「01MESSENGER 〜電子狂の詩〜」という楽曲を語る

2016年10月23日2016年10月22日ひまみち

みなさまこんにちは。サザンオールスターズの「01MESSENGER 〜電子狂の詩〜」は昔から大好きな曲で毎日のように聞いてました。この曲、ハードなロックな感じの、割と激しめな曲で、めちゃくちゃカッコイイんです。サ […]

[ゲーム音楽]ファイナルファンタジー7の名曲を聴く

2016年10月22日2017年8月30日ひまぬし

おすすめのゲーム音楽を紹介します。私は仕事中にゲーム音楽を聴いていますがとてもはかどります。効率を良くするためにも良いゲーム音楽と出会っていきたいと思います。このブログを見ている方も実際にゲーム音楽を聴いて仕事して […]

任天堂新ハード「Nintendo Switch」とは？

2016年10月21日2016年10月21日ひまぬし

2016/10/20に任天堂から新ハードの情報が公開されました。その名も「Nintendo Switch」赤と白の配色のロゴ？のようなものですね。このハードの特徴がロゴに記されています。特徴はゲームハードに画面が […]

LGTM画像を検索してコピペできるツールを作ったのソースコード2

2016年10月20日2016年10月20日ひまぬし

暇だったので前回から「もっと検索するボタン」を追加した。これでさらにたくさんLGTMできる。なお実際に使用出来るのはここだソースコード

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/clipboard.js/1.5.3/clipboard.min.js"></script>
<!--この辺で操作するタグ-->
<textarea id="word">cat</textarea>
<textarea id="limit">10</textarea>
<button id="btn">検索</button>
<!--このdivに表示される-->
<div id="lgtm_images"></div>
<button id="more_btn">もっと表示する</button>
<script type="text/javascript">
var lgiftm = {};
( function(){
"use strict";
var giphyRoot = "https://api.giphy.com/v1/gifs/",
apiKey = "dc6zaTOxFJmzC",
apiUrl = "&api_key=",
searchUrl = "search?q=",
limitUrl = "&limit=",
offsetUrl = "&offset=",
imgTag1 = '<img class="copy" data-clipboard-text="![LGTM](',
imgTag2 = ')" id="lgtm',
imgTag3 = '" src="',
imgTag4 = '">',
clipboardClass = ".copy",
lgtmId = "#lgtm_images",
offsetValue = 0;
lgiftm.setMoreGiphySearchImage = function(){
this.setGiphySearchImage( $( "#word" ).val(),
$( "#limit" ).val() +
offsetUrl + offsetValue)
};
lgiftm.setGiphySearchImage = function( word, conditions ){
$.getJSON(
giphyRoot + searchUrl + word + apiUrl +
apiKey + limitUrl + conditions,
function(data) {
var i = 0;
$.each(data.data, function( key, val ) {
$( lgtmId ).append(
imgTag1 + val.images.original.url +
imgTag2 + i + imgTag3 +
val.images.fixed_width_small.url + imgTag4
);
i++;
});
// クリックしただけでクリップボードに貼り付けちゃう便利ライブラリ
new Clipboard( clipboardClass );
}
);
offsetValue += parseInt( $( "#limit" ).val() );
};
lgiftm.clear = function(){
$( "div" + lgtmId ).empty();
offsetValue = 0;
}
})();
( function(){
"use strict";
// 初期表示用
lgiftm.setGiphySearchImage( "cat", 10 );
$( "#btn" ).click( function( e ) {
// 表示初期化してから検索画像を表示しまっせ
lgiftm.clear();
lgiftm.setGiphySearchImage( $( "#word" ).val(), $( "#limit" ).val() );
});
$( "#more_btn" ).click( function( e ) {
// 検索画像をもっと表示しまっせ
lgiftm.setMoreGiphySearchImage();
});
})();
</script>

100

101

102

103

104

105

106

107

108

109

110

<button id="more_btn">もっと表示する</button>

var lgiftm = {};

( function(){

"use strict";

var giphyRoot = "https://api.giphy.com/v1/gifs/",

apiKey = "dc6zaTOxFJmzC",

apiUrl = "&api_key=",

searchUrl = "search?q=",

limitUrl = "&limit=",

offsetUrl = "&offset=",

imgTag1 = '<img class="copy" data-clipboard-text="![LGTM](',

imgTag2 = ')" id="lgtm',

imgTag3 = '" src="',

imgTag4 = '">',

clipboardClass = ".copy",

lgtmId = "#lgtm_images",

offsetValue = 0;

lgiftm.setMoreGiphySearchImage = function(){

this.setGiphySearchImage( $( "#word" ).val(),

$( "#limit" ).val() +

offsetUrl + offsetValue)

};

lgiftm.setGiphySearchImage = function( word, conditions ){

$.getJSON(

giphyRoot + searchUrl + word + apiUrl +

apiKey + limitUrl + conditions,

function(data) {

var i = 0;

$.each(data.data, function( key, val ) {

$( lgtmId ).append(

imgTag1 + val.images.original.url +

imgTag2 + i + imgTag3 +

val.images.fixed_width_small.url + imgTag4

);

i++;

});

// クリックしただけでクリップボードに貼り付けちゃう便利ライブラリ

new Clipboard( clipboardClass );

}

);

offsetValue += parseInt( $( "#limit" ).val() );

};

lgiftm.clear = function(){

$( "div" + lgtmId ).empty();

offsetValue = 0;

}

})();

( function(){

"use strict";

// 初期表示用

lgiftm.setGiphySearchImage( "cat", 10 );

$( "#btn" ).click( function( e ) {

// 表示初期化してから検索画像を表示しまっせ

lgiftm.clear();

lgiftm.setGiphySearchImage( $( "#word" ).val(), $( "#limit" ).val() );

});

$( "#more_btn" ).click( function( e ) {

// 検索画像をもっと表示しまっせ

lgiftm.setMoreGiphySearchImage();

});

})();

</script>

まぁもっと表 […]