12111213
anonymous No title
HTML
💩
anonymous No title
HTML
<plaintext>
anonymous No title
HTML
<!DOCTYPE html>
<html lang="ja">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <title>microbitからGooglehomeへ</title>
    <script type="text/javascript" src="microbit.js"></script>
    <link rel="stylesheet" type="text/css" href="main.css">
    <style>
        body {
            background-color: rgba(255, 254, 225, 0.603);
        }

        #a_button,
        #b_button {
            margin: 60px auto 0px auto;
            font-size: 200px;
            color: rgb(220, 220, 220);
            text-align: center;
            font-weight: bold;
            line-height: 260px;
        }

        #select {
            padding: 0 0 0 60px;
            font-size: 35px;
            color: rgb(255, 230, 0);
            line-height: 80px;
            margin: 0;
            font-family: "UD デジタル 教科書体 NK-B", "UD Digi Kyokasho NK-B";
        }

        button {
            height: 50px;
            width: 90px;
            color: white;
            border-radius: 10px;
            font-size: 20px;
            box-shadow: rgb(139, 139, 139) 2px 2px 3px;
            border: rgb(102, 102, 102) 1px solid;
        }

        .con {
            background-color: rgb(47, 165, 11);
        }

        .discon {
            background-color: rgb(226, 19, 19);
        }

        .textAria {
            margin: 40px auto;
            border: rgb(126, 53, 19) solid 5px;
            background-color: rgb(53, 77, 62);
            border-radius: 20px;
            width: 80%;
            height: 80px;
        }

        .ABAria {
            margin: 20px auto;
            border: rgb(79, 143, 82) dashed 6px;
            background-color: rgb(241, 250, 223);
            border-radius: 20px;
            width: 80%;
            height: 400px;
        }

        .A {
            width: 50%;
            float: left;
        }

        .B {
            width: 50%;
            float: left;
        }

        .text {
            text-align: center;
            font-size: 40px;
            margin: 0;
            font-family: "UD デジタル 教科書体 NK-B", "UD Digi Kyokasho NK-B";
        }
    </style>
    <script>
        // 接続するBluetoothデバイス
        var targetDevice = null;

        // ボタンサービス
        const BUTTON_SERVICE = "e95d9882-251d-470a-a062-fa1922dfa9a8";
        // Aボタンキャラクタリスティック
        const BUTTON_A_DATA = "e95dda90-251d-470a-a062-fa1922dfa9a8";
        // Bボタンキャラクタリスティック
        const BUTTON_B_DATA = "e95dda91-251d-470a-a062-fa1922dfa9a8";

        //Bluetoothがサポートしているか?
        function onClickStartButton() {
            if (!navigator.bluetooth) {
                alert("Web Bluetooth is not supported.")
                return;
            }
            connect();
        }

        function onClickStopButton() {
            if (!navigator.bluetooth) {
                alert("Web Bluetooth is not supported.")
                return;
            }
            disconnect();
        }


        //-------------------------------------------------接続処理-----------------------------------------
        function connect() {
            navigator.bluetooth.requestDevice({
                filters: [
                    { services: [BUTTON_SERVICE] },
                    { namePrefix: "BBC micro:bit" }
                ]
            })
                .then(device => {
                    targetDevice = device;
                    return device.gatt.connect();
                })
                .then(server => {
                    getservice(server);
                })
                .catch(error => {
                    alert(error);
                });
        }


        //--------------------------------------------サービスの取得----------------------------------------
        function getservice(server) {
            server.getPrimaryService(BUTTON_SERVICE)
                .then(service => {
                    charaA(service);
                    charaB(service);
                    if (message[count].match(/http:\/\/192.168.0.0/)) {
                        document.getElementById("select").innerHTML = (count + 1) + '. {' + message[count].replace('http://192.168.0.0/', '') + 'を再生}';
                    } else {
                        document.getElementById("select").innerHTML = (count + 1) + '. ' + message[count];
                    }
                })
                .catch(error => {
                    alert(error);
                });
        }

        //---------------------------------------------ボタンAについて取得--------------------------------------------------
        function charaA(service) {
            service.getCharacteristic(BUTTON_A_DATA)
                .then(characteristic => {
                    return characteristic.startNotifications();
                })
                .then(char => {
                    char.addEventListener('characteristicvaluechanged',
                        onButtonAChanged);
                })
                .catch(error => {
                    alert(error);
                });
        }

        function onButtonAChanged(event) {
            let state = event.target.value.getUint8(0, true);
            updateButtonState("a_button", state);
        }


        //---------------------------------------------ボタンBについて取得---------------------------------------------------------
        function charaB(service) {
            service.getCharacteristic(BUTTON_B_DATA)
                .then(characteristic => {
                    return characteristic.startNotifications();
                })
                .then(char => {
                    char.addEventListener('characteristicvaluechanged',
                        onButtonBChanged);
                })
                .catch(error => {
                    alert(error);
                });
        }

        function onButtonBChanged(event) {
            let state = event.target.value.getUint8(0, true);
            updateButtonState("b_button", state);
        }


        //-----------------------------------------------押されたときの処理----------------------------------------------------------
        // メッセージの内容
        var count = 0;
        var message = ['ご飯できたよ?', 'おやすみなさい', 'いってきます', 'http://192.168.0.0/xxxxxx.mp3', 'http://192.168.0.0/xxxxxxx.mp3', 'http://192.168.0.0/xxxxx.mp3'];


        // ボタンの状態を表示する
        function updateButtonState(buttonName, state) {
            var text = document.getElementById(buttonName);

            switch (state) {
                case 0: //ボタンが押されていない(0)
                    text.style.color = "rgb(200, 200, 200)";
                    break;


                case 1: //ボタンが押されている(1)
                    text.style.color = "black";

                    /* Aボタンが押されたらPOST処理 */
                    if (buttonName == "a_button") {
                        var url = 'https://00000000.ngrok.io/google-home-notifier';
                        var data = 'text=' + message[count]; //'param=value&...'
                        var webrequest = new XMLHttpRequest();
                        webrequest.open('POST', url);
                        webrequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
                        webrequest.send(data);
                    }

                    /* Bボタンが押されたらmessage変更 */
                    if (buttonName == "b_button") {
                        if (count < message.length - 1) {
                            count++
                        } else {
                            count = 0;
                        }
                        if (message[count].match(/http:\/\/192.168.0.0/)) {
                            document.getElementById("select").innerHTML = (count + 1) + '. {' + message[count].replace('http://192.168.0.0/', '') + 'を再生}';
                        } else {
                            document.getElementById("select").innerHTML = (count + 1) + '. ' + message[count];
                        }
                    }
                    break;


                case 2:  //ボタンが長押しされている(2)
                    break;
            }
        }

        //切断処理
        function disconnect() {
            if (targetDevice == null) {
                alert('target device is null.');
                return;
            }
            targetDevice.gatt.disconnect();
        }
    </script>
</head>

<body>
    <button class="con" onClick="onClickStartButton()">Start</button>
    <button class="discon" onClick="onClickStopButton()">Stop</button>

    <div class="textAria">
        <p id="select">
            <script></script>
        </p>
    </div>
    <div class="ABAria">
        <div class="A">
            <p id="a_button">A</p>
            <p class="text">~送信~</p>
        </div>
        <div class="B">
            <p id="b_button">B</p>
            <p class="text">~変更~</p>
        </div>

    </div>



</body>
anonymous No title
HTML
<div><a href="https://line.me/ti/p/uVKk2Tsspk" target="_blank" title=""><img alt="ジャパカジLINEはじめました!詳細ページへ" class="full hidden-xs" src="/images/home/images/line/japacasi-line-ad-header-pc_751x96.jpg" style="" /><img alt="ジャパカジLINEはじめました!詳細ページへ" class="full visible-xs" src="/images/home/images/line/japacasi-line-ad-header-mobile_351x89.jpg" style="" /></a></div>
anonymous No title
HTML
          <div class="col-md-3 col-xs-6 text-center animate-box">
            <div class="profile inline_popup" style="background-image: url(http://placehold.it/200x360?text=ここ変える);" data-mfp-src="#inline-popup1"><span></span></div>
            <div id="inline-popup1" class="mfp-hide">
              <div class="prof">
                <figuer class="prof_image"><img src="http://placehold.it/200x360?text=ここ変える" alt=""></figuer>
                <ul class="prof_list">
                  <li class="prof_name">名前.1</li>
                  <li class="prof_position">役所</li>
                  <li class="prof_info">ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト</li>
                </ul>
              </div>
            </div>
          </div>
Don't you submit code?
Submit
12111213