こんにちは。ひまみちです。 マンションオプション会レポート第3弾は、「エアコン」です! 新築マンションを購入した場合、エアコンは自分で 用意しないといけないようです。 ここで重要なポイントとなってきそうなのは、 業者に取 […]
Markdown Table Editorのソースコード2
はい今回はMarkdown Table Editorにテキストエリア追加したので そのソースコードの公開ですう。 Markdown Table Editorはこちら Markdown Table Editor [cray […]
[マンションオプション会レポート] セルフィール(壁コーティング)
こんにちは。ひまみちです。 マンションオプション会レポート第二弾は セルフィール(壁コーティング)です。 見積もり金額は以下の通り。 約70㎡の部屋で全室の場合:約22万6千円(全室割引込) リビング・キッチン・廊下のみ […]
[マンションオプション会レポート] フローリングのコーティング「ミラーコート」
こんにちは。ひまみちです。 新築マンションを買うと、「インテリアオプション会」といって リフォーム会社やインテリア会社などがここぞとばかりに 商品を売りつけてくるという、恐ろしい会が開催されるのですが 実は最近インテリア […]
Markdown Table Editorのソースコード
前に公開したMarkdown Table Editorのソースコードを解説する回 まだまだ実用的ではないけど今後実装したい内容はこちら Markdown方式のテーブルをテキストにコピペしたらグリッドに反映される Mark […]
[Markdown Table Editor]Markdownのテーブルを簡単に編集できるWebサービスを作った
Markdown Table Editor Add Row Delete Row Add Column Delete Column ここに貼り付けてテーブルになってるか確認してください 使い方 このグリッドはExcel […]
サザンオールスターズの「01MESSENGER 〜電子狂の詩〜」という楽曲を語る
みなさまこんにちは。 サザンオールスターズの「01MESSENGER 〜電子狂の詩〜」は昔から大好きな曲で 毎日のように聞いてました。 この曲、ハードなロックな感じの、割と激しめな曲で、めちゃくちゃカッコイイんです。 サ […]
[ゲーム音楽]ファイナルファンタジー7の名曲を聴く
おすすめのゲーム音楽を紹介します。 私は仕事中にゲーム音楽を聴いていますがとてもはかどります。 効率を良くするためにも良いゲーム音楽と出会っていきたいと思います。 このブログを見ている方も実際にゲーム音楽を聴いて仕事して […]
任天堂新ハード「Nintendo Switch」とは?
2016/10/20に任天堂から新ハードの情報が公開されました。 その名も「Nintendo Switch」 赤と白の配色のロゴ?のようなものですね。 このハードの特徴がロゴに記されています。 特徴はゲームハードに画面が […]
LGTM画像を検索してコピペできるツールを作ったのソースコード2
暇だったので前回から「もっと検索するボタン」を追加した。 これでさらにたくさんLGTMできる。 なお実際に使用出来るのはここだ ソースコード
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 |
<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> |
まぁもっと表 […]