定番javascript、右クリックを禁止するあのコード．

2024.06.28

Logging

おはようございます、定番javascript、右クリックを禁止するあのコードを自分のサイトにも導入しました．因みにJSをOFFにするとリダイレクトページへ飛ぶ仕様になっているので右クリックから画像保存とかは出来ない感じになりました．スマホでどういう挙動になるのかは知らないけども．

  if(document.querySelector('video')){
    let elm = document.querySelectorAll('video');
    [...elm].forEach(el=>nocontextmenu(el));
  }
  if(document.querySelector('img')){
    let elm = document.querySelectorAll('img');
    [...elm].forEach(el=>nocontextmenu(el));
  }

  function nocontextmenu(elm){
    elm.addEventListener('contextmenu',function(event){
      event.preventDefault();
    });
  }

今まで画像保存とかしていた人はソースコードからURLを導き出して画像保存とかを行っても良いですが画像などの二次配布などは禁止しています．

尚、当たり前ですが上記のソースコードの可変などはOKです．

追伸：スマホはCSSで対応

video,img{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  user-select:none;
}

明日へ続く．

タグ

document.querySelector, EL, elm, elm.addEventListener, EVENT, event.preventDefault, foreach, function, if, JS, moz-touch-callout, moz-user-select, nocontextmenu, none, querySelectorAll, user-select, webkit-touch-callout, webkit-user-select, リダイレクトページ, 追伸,

vue.jsの学習をはじめて思うこと。 #参考書

2022.12.29

Logging

おはようございます、今年もあと少しですね😳。

先日からvue.jsの学習をしているのですが、参考書の8割方のアウトプットが出来ましたがですが、正直なところ、基礎概念がわかったぐらいの物でテクニックが記載されているという感じではない本、そういう印象を持っていますが、あと2割に極上のテクニックが記載されているかも知れません。

自分が買った本はこれです。

こんなデザイン表紙になっています、本のタイトル名は過去の記事に記載していますので、そちらを参照くださいませ🙇。

因みにいまVue.jsのコンポーネントを勉強しています。コンポーネントの使い方は分かったのですが、正直な所、JavaScriptを初めて勉強した方からするとハードルは結構高いじゃないかなと思います。こういう様になるんだという考えで進めていくべしですね。何故ならフレームワークの中身を知ろうとするとかなり難解なので、こういうルールがあるだよと思った方が良いです。

最後に自分のGitHubに参考書を基にしたサンプルコードをUPしていますので、良かったら参照ください。

        Vue.component('ore',{
            data:function(){
                return {
                    oreore:''
                }
            },
            mounted:function(){
                this.oreore = ' https://taoka-toshiaki.com';
            },
            template:'<h1>taoka toshiaki {{ oreore }}</h1>',
        });
        let app = new Vue({
            el:'#app',
        });

タグ

data, EL, function, github, let app, lt, mounted, new Vue, oreore, return, taoka-toshiaki, template, this.oreore, Vue.component, vue.js, アウトプット, コンポーネント, ハードル, フレームワーク,

映画リメイク版：トータル・リコールですがよく出来ています。

2014.08.18

Logging

映画リメイク版：トータル・リコールですがよく出来ています。前作より自分はこちらのほうが好きです、小さいテレビではそれほど迫力がないかもしれませんが、自分の部屋のテレビは55インチなので、そこそこ見応えがある感じです。話変わって液晶テレビとかの話ですが、4Kになり次は8Kです、8Kが投入される頃には有機EL、TVの大型版が市販化されるのではないかと思っています。そうなれば、買い替えかなとも思っています。
話し戻しましてリメイク版トータル・リコールの何処が良いのかと聞かれると難しいのですが、前作と全然ストーリーが違うのに良い出来になっている事とSFの世界観がよく出来ている所だと思います。ちなみに自分は3回ほどトータル・リコールを観ました。一番、観ているのは、トロン:レガシー3D版です、夜中に部屋を暗くして観ると最高です、どっぷりSFの世界に浸れます。
 

タグ

３, 4, 55, 8, EL, nbsp, SF, TV, こちら, ストーリー, テレビ, トータル, トロン, リコール, リメイク, レガシー, 世界, 世界観, 事, 何処, 出来, 前作, 夜中, 大型版, 市販, 感じ, 所, 投入, 映画, 最高, 有機, 次, 液晶, 版, 自分, 見応え, 話, 迫力, 部屋, 頃,