This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

2019年10月22日火曜日

您为什么喜欢美国引起的战争? 反对北约(真正的美国军队和ISIS伊斯兰国)发动的战争。

据说美国的这场大战的周期大约为10年。

现在,在世界各地的美国中部,所以从美国到伊朗的战争
我们正在准备成立的借口。

过去,尽管伊朗要求美国在美国建造一座轻水反应堆型核电站,但美方将他称为伊朗的恐怖国家称号,然后美国又建造了一座核电站。由于未能履行合同,如果此时可以要求伊朗向美国政府赔偿,那就太好了。

此后,反美情绪日益增强的伊朗与美国关系密切。
侯赛因总统签署了采购仪式,从美国政府向伊拉克接收武器,弹药和武器。
在电视新闻中,已被全世界广泛报道的事实是真实的。

现在伊拉克在美国代理战争中赢得了与伊朗的战争,
美国引发了海湾战争,并处决了伊拉克总统侯赛因。
在美国这是不好的。

后来
2001.09.11案也是美国人的自嘲。
北约(真正的美军)于2019年10月11日对伊朗一艘油轮的攻击也是美国的自欺欺人行为。事实是,上次没有大规模杀伤性武器。

北约还是一个真正的美国军队,一个恐怖组织,并且还有一个真实的新闻报道(维基解密的证据视频),该新闻创造了一个伊斯兰国伊斯兰国,并用机枪杀死了无辜平民。北约创建了一个后来的伊斯兰国家,他们会说英语,蓝眼睛,而且肯定是英国人或美国人,并且在伊斯兰军队的陷阱中发现了许多美国制造的弹药和炸弹是证明。

我指责美国取消这种愚蠢的行为。
我们不能支持如此出色的美国安倍晋三的自民党,公明党和革命党。

WEB程序员
怡安代表
197-0828
东京秋留野市秋ru5-3-11
石冢 正浩
电话:042-559-8638
iPhone:070-3861-5011(可使用LINE)

SkypeID:
live:cloud9slack

cloud9slack@gmail.com
http://aon.tokyo

لماذا تحب الحرب التي تسببها أمريكا؟ اتهامات ضد الحرب من قبل الناتو (الجيش الأمريكي الحقيقي وداعش الإسلامية).

يقال إن الحرب العظمى التي مرت بها الولايات المتحدة تدور حول 10 سنوات.

الآن ، في خضم الولايات المتحدة حول العالم ، فإن الحرب من أمريكا إلى إيران
نحن نستعد عذر لاقامة.

في الماضي ، على الرغم من أن إيران طلبت من الولايات المتحدة بناء محطة للطاقة النووية من نوع مفاعل الماء الخفيف في الولايات المتحدة ، إلا أن جانب الولايات المتحدة أطلق عليه اسم إيران كدولة إرهابية ، ثم قامت الولايات المتحدة ببناء محطة للطاقة النووية. نظرًا لأنه فشل في تنفيذ العقد ، كان من الجيد لو كان من الممكن طلب تعويضات من إيران لحكومة الولايات المتحدة في هذا الوقت.

بعد ذلك ، كانت لإيران ، التي كانت لديها مشاعر معادية للولايات المتحدة ، علاقة وثيقة مع الولايات المتحدة.
الرئيس حسين يوقع حفل شراء لتلقي الأسلحة والذخيرة والأسلحة من الحكومة الأمريكية إلى العراق.
في الأخبار التلفزيونية ، الحقيقة التي تم نشرها على نطاق واسع في جميع أنحاء العالم هي حقيقة واقعة.

والآن بعد أن ربح العراق حربًا على إيران في الحرب بالوكالة الأمريكية ،
تسببت الولايات المتحدة في حرب الخليج وأعدمت الرئيس العراقي حسين كشرير.
هذا سيء في أمريكا.

وفي وقت لاحق،
قضية 2001.09.11 هي أيضا لعبة أمريكية ذاتية.
يعد الهجوم الذي شنه حلف شمال الأطلسي (الجيش الأمريكي الحقيقي) على ناقلة نفط إيرانية في 11 أكتوبر 2019 بمثابة لعبة ذاتية أمريكية. الحقيقة هي أنه لم تكن هناك أسلحة دمار شامل آخر مرة.

حلف الناتو هو أيضًا جيش أمريكي حقيقي ، منظمة إرهابية ، وهناك أيضًا تعرض حقيقي للأخبار (Evidence Video for WikiLeaks) ينشئ دولة إسلامية من داعش ويقتل مدنيين أبرياء برشاشات. أنشأ حلف شمال الأطلسي دولة إسلامية لاحقة ، وتحدثوا باللغة الإنجليزية ، وكان لديهم عيون زرقاء ، وبالتأكيد كانوا بريطانيين أو أمريكيين ، وتم العثور على الكثير من الذخيرة والقنابل الأمريكية الصنع في مصائد الجيش الإسلامي. هو دليل.

أنا اتهم الولايات المتحدة بإلغاء مثل هذا العمل الغبي.
لا يمكننا دعم مثل هذا الحزب الليبرالي الديمقراطي الأمريكي الشينزو آبي ، وحزب كوميتو ، والحزب الثوري.

مبرمج ويب
عون ممثل
Yubinbango197-0828
5-3-11 أكيرو ، أكيرونو شي ، طوكيو
ماساهيرو إيشيزوكا
هاتف: 042-559-8638
iPhone: 070-3861-5011 (LINE متوفرة)

SkypeID:
live:cloud9slack

cloud9slack@gmail.com
http://aon.tokyo

Why do you like the war that America causes? Charges against the war by NATO (the real American army and ISIS Islamic State).

It is said that the great war that the United States has has a cycle of about 10 years.



Now, in the midst of the United States around the world, so the war from America to Iran

We are preparing an excuse to set up.



In the past, although Iran requested the United States to construct a light water reactor type nuclear power plant in the United States, the United States side named him Iran as a terrorist state designation. Since it was a failure to fulfill the contract, it would have been good if it was possible to ask for damages from Iran to the US government at this time.



After that, Iran, who had a growing anti-American sentiment, had a close relationship with the United States.

President Hussein signs a procurement ceremony to receive weapons, ammunition and weapons from the US government to Iraq.

In TV news, the truth that has been widely reported all over the world is real.


And now that Iraq won a war against Iran in the American proxy war,

The United States caused the Gulf War and executed Iraqi President Hussein as a villain.

This is bad in America.


Later,

The 2001.09.11 case is also an American self-play.

The attack from NATO (real US forces) on Iranian oil tankers on Oct. 11, 2019 is also an American self-play. The truth is that there were no weapons of mass destruction last time.


NATO is also a real American army, a terrorist organization, and there is an actual exposure NEWS (Evidence Video for WikiLeaks) that creates an Islamic state of ISIS and kills innocent civilians with machine guns. NATO created a later Islamic country, they speak English, have blue eyes, and are definitely British or American, and a lot of American-made ammunition and bombs have been found in Islamic army traps Is proof.


I am accusing the United States of canceling such a stupid act.

We can't support such a good American Shinzo Abe's Liberal Democratic Party, Komeito Party, and the Revolutionary Party.


WEB programmer

Aon CEO

197-0828

5-3-11 Akiru, Akiruno-shi, Tokyo

Masahiro Ishizuka

TEL: 042-559-8638

iPhone: 070-3861-5011 (LINE available)

SkypeID:
live:cloud9slack

cloud9slack@gmail.com

http://aon.tokyo

なぜあなたはアメリカが起こす戦争が好きですか?NATO(実質アメリカ軍であり、ISISのイスラム国でもある)による戦争に対しての告発。

アメリカの起こす、大きな戦争には、約10年の周期があると言われている。 

今現在、アメリカの世界中への根回しに、よって、アメリカからイランへの戦争を
仕掛ける口実を準備中である。

過去、イランから、アメリカへ軽水炉型の原子力発電所の建設依頼をアメリカに依頼したにも関わらず、その後、アメリカ側からイランへテロ国家指定を名指しされ、その後、アメリカから原子力発電所の建設の契約不履行となったわけだから、このタイミングで、イランからアメリカ政府へ、冷静に的確に、損害賠償を求める事が、可能であれば良かったのである。 

その後、反米感情が高まったイランに、対して、アメリカとの仲を取り持った、イラクの 
フセイン大統領が、アメリカ政府側からイラクへ武器、弾薬、兵器を受け取る調達の調印式を、 
TVのニュースでも、大々的に、何度も、世界中に報道されている真実が実在する。

そしてイラクがアメリカの代理戦争でイランと戦争をして勝利すると今度は、
アメリカが湾岸戦争を起こして、イラクのフセイン大統領を悪者にして、処刑したのである。
これはアメリカが悪い。

のちに、
2001.09.11事件もアメリカの自作自演である。
2019.10.11のイランの石油タンカーへのNATO(実質アメリカ軍)からの攻撃もアメリカの自作自演である。前回、大量破壊兵器は無かったのが真実である。

NATOも実質アメリカ軍であり、テロリスト組織であり、ISISのイスラム国を作り罪も無い一般市民をマシンガンで殺害している暴露NEWS(ウイキリークスの証拠ビデオ)も実在する。NATOは後のイスラム国を作り、彼らは、英語をしゃべり、青い瞳をしており間違いなくイギリス人かアメリカ人であり、イスラム国軍の塹壕からはアメリカ製の弾薬や爆弾が数多く発見されているのが証拠です。

この様な愚かな行為を繰り消し繰り広げるアメリカを告発中です。
この様なアメリカのいいなりの安倍晋三の自民党、公明党、維新の会の与党を応援など出来るはずがありません。

WEBプログラマー
エーオン代表
〒197-0828
東京都あきる野市秋留5-3-11
石塚 正浩
TEL042-559-8638
iPhone: 070-3861-5011 (LINE可能です。)
SkypeID: live:cloud9slack
cloud9slack@gmail.com
http://aon.tokyo

イコライザーメモ2019.10.22


OPEN YOUR MIND ~小さな羽根広げて~ 【詳細に歌詞付き】


コピペでOK!Vue.jsでリアルタイム検索をつくる方法

https://blog.capilano-fw.com/?p=648
シェアしました。

コピペでOK!Vue.jsでリアルタイム検索をつくる方法

さてさて、この頃Laravel情報ばかりを記事にしているということで前回記事ではVue.jsの話題をお届けしました。ということで今回もその流れに乗ってVue.jsで知っておくととても便利なテクニックをご紹介したいと思います。
内容としては、「リアルタイム(オフライン)検索」です。
例えば以下のようなウェブページを想像してみてください。
  • ある施設をリスト表示する
  • リスト上部にある検索ボックスで検索ができる
  • その検索ボックスに入力した時点で該当するデータだけ表示する
つまり、検索はJavaScript側でするので毎回Ajax通信する必要がありません(オフラインで完結)。だから、とても高速に検索ができるというわけですね。
※ただし、ページが読み込まれる時点で全てのデータを用意する必要があるのであまりにもデータが多い場合はリアルタイム検索は向いてるとは言えません。その場合は通常通り1ページずつデータをAjaxで取得する方がいいでしょう。
では、Vue.jsを使って、この「リアルタイム検索」を実装してみましょう。

Vue.jsでリスト表示する

まずはVue.jsを使って5件のテストデータをリスト表示してみましょう。
<html>
<body>
<div id="app">
    <table>
        <tr v-for="user in users">
            <td v-text="user.id"></td>
            <td v-text="user.name"></td>
            <td v-text="user.email"></td>
        </tr>
    </table>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.min.js"></script>
<script>

    new Vue({
        el: '#app',
        data: {
            users: [
                {
                    id: 1,
                    name: '鈴木太郎',
                    email: 'suzukitaro@example.com'
                },
                {
                    id: 2,
                    name: '佐藤二郎',
                    email: 'satoujiro@example.com'
                },
                {
                    id: 3,
                    name: '田中三郎',
                    email: 'tanakasaburo@example.com'
                },
                {
                    id: 4,
                    name: '山本四郎',
                    email: 'yamamotoshiro@example.com'
                },
                {
                    id: 5,
                    name: '高橋五郎',
                    email: 'takahashigoro@example.com'
                },
            ]
        }
    });

</script>
</body>
</html>
内容としては、データをVueのdataに格納して、それをv-forで一つずつ表示するだけのシンプルなものです。
実行結果はこうなります。

v-modelでバインディングした検索ボックスをつくる

次にリアルタイム検索をするための検索ボックスを追加します。
まず、dataに検索キーワード用の変数「keyword」を追加。
data: {
    keyword: '',
    users: [
        {
            id: 1,
            name: '鈴木太郎',
            email: 'suzukitaro@example.com'
        },
        {
            id: 2,
            name: '佐藤二郎',
            email: 'satoujiro@example.com'
        },
        {
            id: 3,
            name: '田中三郎',
            email: 'tanakasaburo@example.com'
        },
        {
            id: 4,
            name: '山本四郎',
            email: 'yamamotoshiro@example.com'
        },
        {
            id: 5,
            name: '高橋五郎',
            email: 'takahashigoro@example.com'
        },
    ]
}
そして、HTMLにv-modelが入ったinputタグを記述します。
<div id="app">
    <input type="text" v-model="keyword">
    <table>
        <tr v-for="user in users">
            <td v-text="user.id"></td>
            <td v-text="user.name"></td>
            <td v-text="user.email"></td>
        </tr>
    </table>
</div>
これを実行すると以下のようになります。

リアルタイム検索のロジックを追加する

では、ここからが本題のリアルタイム検索です。
検索ボックスに文字が入力された瞬間、関連データだけ表示する方法です。
まずリアルタイムにかかわらずデータ検索するには、データのフィルター機能が必要です。
例えば、検索ワードが「鈴木」でデータが以下のものだった場合、ひとつずつデータをチェックして「鈴木」という文字列が含まれているかどうかをチェックし、もし含まれているのならそのデータを残して他はスルーしなければいけません。
users: [
    {
        id: 1,
        name: '鈴木太郎',
        email: 'suzukitaro@example.com'
    },
    {
        id: 2,
        name: '佐藤二郎',
        email: 'satoujiro@example.com'
    },
    {
        id: 3,
        name: '田中三郎',
        email: 'tanakasaburo@example.com'
    },
    {
        id: 4,
        name: '山本四郎',
        email: 'yamamotoshiro@example.com'
    },
    {
        id: 5,
        name: '高橋五郎',
        email: 'takahashigoro@example.com'
    },
]
これを実装するためには、Vueのcomputedを利用するといいでしょう。
computedはデータが変更(つまり、ここでは検索キーワードが入力)されると同時にコンテンツ内容も変更することができますし、さらにキャッシュが効くので次回からのレンダリングも高速表示できるようになります。
※詳しくは、Vueの「methods」と「computed」の違いをご覧ください。
例えばこんな形です。
computed: {
    filteredUsers: function() {

        // ここにデータをフィルターするロジック

    }
}
そして、computedで作成したキー(ここではfilteredUsers)は以下のように変数の代わりとして利用することができます。
<table>
    <tr v-for="user in filteredUsers">
        <td v-text="user.id"></td>
        <td v-text="user.name"></td>
        <td v-text="user.email"></td>
    </tr>
</table>
これで、あとはデータをフィルターするロジックを記述してやれば、リアルタイム検索は完成です。
実際のコードはこうなります。
filteredUsers: function() {

    var users = [];

    for(var i in this.users) {

        var user = this.users[i];

        if(user.name.indexOf(this.keyword) !== -1) {

            users.push(user);

        }

    }

    return users;

}
例のIEも考慮にいれているのでES6ではなくてすみません。(IEさん、もうね・・・・^^;)
重要なのはif文で各データに検索キーワードが含まれているかチェックしている部分です。もし含まれていれば、配列usersにそのデータを追加するようになっています。
さらに、もしnameだけじゃなくemailでもフィルターをかけたい場合は以下のようにするといいでしょう。
if(user.name.indexOf(this.keyword) !== -1 ||
    user.email.indexOf(this.keyword) !== -1) {

    users.push(user);

}
はい!
これだけでVueのリアルタイム検索は完成です。昔と比べると格段に効率が上がってますね。

実際の全コード

以下が今回テスト用に作ったリアルタイム検索の全コードです。
Vue.jsもcdnを読み込んでいるので、このままコピペで動くと思います。
<html>
<body>
<div id="app">
    <input type="text" v-model="keyword">
    <table>
        <tr v-for="user in filteredUsers">
            <td v-text="user.id"></td>
            <td v-text="user.name"></td>
            <td v-text="user.email"></td>
        </tr>
    </table>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.min.js"></script>
<script>

    new Vue({
        el: '#app',
        data: {
            keyword: '',
            users: [
                {
                    id: 1,
                    name: '鈴木太郎',
                    email: 'suzukitaro@example.com'
                },
                {
                    id: 2,
                    name: '佐藤二郎',
                    email: 'satoujiro@example.com'
                },
                {
                    id: 3,
                    name: '田中三郎',
                    email: 'tanakasaburo@example.com'
                },
                {
                    id: 4,
                    name: '山本四郎',
                    email: 'yamamotoshiro@example.com'
                },
                {
                    id: 5,
                    name: '高橋五郎',
                    email: 'takahashigoro@example.com'
                },
            ]
        },
        computed: {
            filteredUsers: function() {

                var users = [];

                for(var i in this.users) {

                    var user = this.users[i];

                    if(user.name.indexOf(this.keyword) !== -1 ||
                        user.email.indexOf(this.keyword) !== -1) {

                        users.push(user);

                    }

                }

                return users;

            }
        }
    });

</script>
</body>
</html>

実行結果(サンプル)

今回の実行結果はこちらです。

おわりに

ということで今回はVue.jsを使ってリアルタイム検索を作る方法をお届けしました。
ここまで短いコードでこういうページを作れるってやっぱりバインディングは強力ですね!
ぜひみなさんも開発に役立ててくださいね。
ではでは〜!