2018年8月31日金曜日

世界のあちこちからアクセスが

なんと、前にも書いたこれ、久々にチェックしたら

赤ちゃんの夜泣き対策音源 (←クリックしてください)

いろんな国で聞かれているようです。

どうやらAmazon musicで聞かれているのが非常に多いみたいです。

日本だけでなく、世界のいろんなところでアクセスがあるのがわかりました。

お母さんのお腹の中と似たような音に聞こえるようで、ピタッと泣き止むこともあります。夜泣き対策にはうってつけです。

2018年6月3日日曜日

Bootstrapのタブパネルの入れ子

落ちてるやつを見つけたけど、間違ってたのとみにくいから少し修正してみた。↓こんな感じ。

        <div class="card">
            <div class="card-header">
                <ul class="nav nav-tabs card-header-tabs" id="outerTab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" data-toggle="tab" href="#tabc" aria-controls="tabc" role="tab" aria-expanded="true">Tab-1</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#tabb" aria-controls="tabb" role="tab">Tab-2</a>
                </li>
                </ul>
            </div>
            <div class="card-body tab-content">
                <div class="tab-pane active" id="tabc" role="tabpanel">
                Content for Tab-1 and:
                    <div class="card">
                        <div class="card-header">
                        <ul class="nav nav-tabs card-header-tabs" id="innerTab" role="tablist">
                            <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#tab1" aria-controls="tab1" role="tab" aria-expanded="true">Nested Tab-1</a>
                            </li>
                            <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tab2" aria-controls="tab2" role="tab">Nested Tab-2</a>
                            </li>
                        </ul>
                        </div>
                        <div class="card-body tab-content">
                        <div class="tab-pane active" id="tab1" role="tabpanel">
                            Content for Nested Tab-1
                        </div>
                        <div class="tab-pane" id="tab2" role="tabpanel">
                            Content for Nested Tab-2
                        </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="tabb" role="tabpanel">
                Content for Tab-2 and:
                <div class="card">
                    <div class="card-header">
                        <ul class="nav nav-tabs card-header-tabs" id="innerTab" role="tablist">
                            <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#tab21" aria-controls="tab21" role="tab" aria-expanded="true">Nested Tab-1</a>
                            </li>
                            <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tab22" aria-controls="tab22" role="tab">Nested Tab-2</a>
                            </li>
                        </ul>
                        </div>
                        <div class="card-body tab-content">
                        <div class="tab-pane active" id="tab21" role="tabpanel">
                            Content for Nested Tab-21
                        </div>
                        <div class="tab-pane" id="tab22" role="tabpanel">
                            Content for Nested Tab-22
                        </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>

2018年4月26日木曜日

多言語化

Keystonejsを触ってみようと、

Youtubeみながらお勉強していたら、、、

この動画作成者はhbs(handlebarsjs)をお使いになるという。

で、hbsの公式サイトを見つつ、多言語化について調べて見たら、formatjs内の説明に行き着いた!

なんと!!

これ、めっちゃ便利!

前にもformatjsは見たことあったけど、前より改良されてて使い勝手が上がってるね。これは使わない手はない!

MongoDB install

ちょっと古い記事だけど、こちらを参考にした。

https://qiita.com/Frog_woman/items/f8a70286c7f1c4d5fc02

何回かエラー出ていたけど、きちんとbrew updateしたらうまくいったよー。