<div class='oya'> 親のテキスト <span class='ko'>子のテキスト</span> </div>
Document Object ModelElementインスタンスプロパティariaAtomicariaAutoCompleteariaBusyariaCheckedariaColCountariaColIndexariaColIndexText (en-US) Experimental ariaColSpanariaCurrentariaDescriptionariaDisabledariaExpandedariaHasPopupariaHiddenariaKeyShortcutsariaLabelariaLevelariaLiveariaModalariaMultiLineariaMultiSelectableariaOrientationariaPlaceholderariaPosInSetariaPressedariaReadOnlyariaRelevant Non-standa
transformプロパティのtranslate ()、translateX()、translateY()、translateZ()、translate3d()は、要素の表示位置を移動させる際に使用します。 ■値 translate(X方向の距離, Y方向の距離) translate()関数では、X方向とY方向の距離で2D移動を指定します。 Y方向の距離は省略することができますが、この場合のY方向の距離は0となります。[tx, ty] translateX(X方向の距離) translateX()関数では、X方向の距離で移動を指定します。 translateY(Y方向の距離) translateY()関数では、Y方向の距離で移動を指定します。 translateZ(Z方向の距離) translateZ()関数では、Z方向の距離で移動を指定します。 translateZ()関数にはパーセンテ
JavaScriptで関数を定義する方法は、一般的に3つに分かれる。 ここではそれらの定義方法と挙動の違いに触れる。 ##関数コンストラクタ var addConstructor = new Function('x', 'y', 'return x + y'); console.log(addConstructor(1,2)); // 出力:3 関数コンストラクタによる定義方法では、末尾の引数が関数本体を表し、それ以外の引数が関数本体に渡すべき引数を表している。 特長として、「関数の本体部分を文字列として指定できる」点が挙げられるが、記述が他の定義方法に比べてシンプルでないことや、パフォーマンスの観点などから避けるべきとされている。 ##関数式(関数リテラル)
無名関数は、argumentsオブジェクトのcalleeプロパティを使うことで、再帰的に呼び出すことができる。 サンプル <script type="text/javascript"> ( function ( $var ) { if ( $var <= 10 ) { document.write( $var + ", " ); arguments.callee( ++$var ); } } )( 3 ); </script>
href属性を指定しない場合は、その他の任意属性(hreflang属性、type属性、rel属性、target属性、download属性、ping属性、referrerpolicy属性)も指定できません。 a要素にitemprop属性(グローバル属性)が指定されている場合は、href属性も指定する必要があります。 各属性の詳細については、下記のページを参考にしてください。 リンク先の表示方法を指定する ダウンロード用のリンクを指定する リンク先にアクセスする際のリファラーポリシーを指定する リンクのクリック時にpingを送信する リンクの設定方法 リンクを設定したい場合は、リンク先のURLをhref属性で指定します。 <p><a href="example.html">リンクテキスト</a></p> a要素の内容について HTML5以降、a要素の内容に(従来で言う)ブロックレベル要素も配置
JavaScriptの読み込み・実行は、それより下にある画像など外部リソースの読み込みと表示をブロックするため、「ページ読み込み時間を短縮するJavaScriptローダー:LABjs」 や 「CSS/JavaScriptのAsynchronous Loadingをめぐる熱い論議」 で紹介したように、多数の JavaScript ローダーが開発されてきました。 これらのローダーは、「非同期スニペットのスタート ガイド – Google Analytics」 に代表される、script 要素を直接 DOM に挿入する方法が主流となっています。またそのタイプは、単一のスクリプト・ファイルを対象とした小規模なものと、Head JS、LABjs、ControlJS などに代表される、複数ファイルの依存関係をハンドリングする機能をもつものに大別されるかと思います。 後者のタイプは最小でも3KBytes
直近で新しいWebサービスのセキュリティ周りを整備する機会があったので、その時に検討した内容をメモしておきます。 このnoteの前提重点的にみたのが認証機構の部分でしたのでそれに寄った内容になります。 また、一般的なセキュリティ対策(XSSやSQLインジェクション)などについて触れていません。そういった内容については2018年の現在でも徳丸先生の本を一読することが近道かと思います。 体系的に学ぶ 安全なWebアプリケーションの作り方 脆弱性が生まれる原理と対策の実践 | 徳丸 浩 https://www.amazon.co.jp/dp/4797361190 "なぜ"セキュリティ施策をするのかセキュリティ対策は大切だということはわかっていても、"なぜ"対策をしないといけないかということにパッと答えられる人はそう多くないのではないでしょうか。 総務省が公開しているテキストには、以下のようなこと
千葉県立農業大学校(東金市)が、野菜や果物などに付く害虫アブラムシを食べる「飛べないテントウムシ」を商品化し、今月から販売を始める。 県内の高校生が開発した、羽を樹脂で固めて飛べなくする技術を利用したもので、農薬の使用を減らす害虫防除の手段として期待されている。 同校によると、アブラムシはウイルスを媒介して病気を広めるなど、農作物に被害を与える。防除に化学合成農薬が使われてきたが、薬剤耐性があるアブラムシも出現。農薬を削減する消費者ニーズも高まっており、テントウムシの活用に注目が集まっていた。 「飛べないテントウムシ」はこれまで、飛ぶ能力の低い個体を交配する品種改良で生まれたものが販売されていた。しかし、羽を樹脂で固める技術での商品化はされていなかった。 活用するのは、テントウムシの一種「ナミテントウ」で、手芸などで使う接着道具「グルーガン」で羽に樹脂を垂らして固定する。放し飼いしても農場
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く