1月, 2022の投稿を表示しています すべて表示

JavaScriptでforEachのasync/awaitなしでも配列の順番通りの実行結果を得る

イメージ

サイトの複数の要素にJavaScriptで共通の処理を行うとき、forEach()メソッドがとても便利で、良く使っている。 const atpss = document.querySelectorAll("article.post"); atpss.forEach(atps => { // 全てのarticle.postへの共通の処理 }); forEach()メソッドは反復処理のfor文のように数を気にせず、いつでもそれだけで配列を扱えるから簡単だし、サイトの要素を取り込むquerySelectorAll()メソッドによるノードリスト(配列と似たもの)にも対応しているから使い易い。 しかしasync/await、またはPromiseの非同期処理を組み込むことができない。 いい換えると複数の要素に対する複数の処理を前のものが終わっ…

サイトの文章を中寄せのままで左寄せに表示するなどの外側と内側で別々に配置する方法

イメージ

サイトの文章の位置取りはデザインのCSSのtext-alignでleftとcenterとright(左寄せと中寄せと右寄せ)が可能だけれども文章の外側と内側、または全体と部分が同じように整列されてしまう。そこでどうすれば一つの文章て外側(レイアウト)が中寄せで内側(コンテンツ)が左寄せなどの別々の位置取りが可能かを取り上げる。 二つの親要素で文章を別々に整列する 文章の外側と内側に別々の親要素を設置してそれぞれに整列することができる。 外側が中寄せで内側が左寄せの例 あいうえお かきくけこさしすせそ たちつてとなにぬねのはひふへほ はひふへほまみむめもやゆよ らりゆれろわをん HTML <div class="outer"> <div class="inner"> <p>あいうえお</p…

ラドヤード・キップリングの最初の手紙はどのように書かれたかの日本語訳

イメージ

イギリスの作家、小説家で詩人の ラドヤード・キップリング の童話集 その通り物語 (1902)の収録作品の 最初の手紙はどのように書かれたか の日本語訳を行った。 ラドヤード・キップリングの 最初の手紙はどのように書かれたか の原文と朗読 How the First Letter was Written by Rudyard Kipling/ラドヤード・キップリングの 最初の手紙はどのように書かれたか 原文: Wikisource ( 作品集 ) 朗読: LibriVox ( カラ・シャレンバーグ ) 両方とも パブリックドメイン (著作権なし)だから無料で自由に使って構わない。 ラドヤード・キップリングの 最初の手紙はどのように書かれたか の日本語の訳文 Girl writing a letter by Mitrey / CC0 昔々の最も早く、新石器時代の人がいた。ジュート人でもアングル人でもなく、ド…

アドセンスの勝手に出てしまう自動広告を消すにはどうするか

イメージ

アドセンスの自動広告はサイト広告の表示位置を機械的に決定するから使い方を誤るとサイトの出て欲しくないところに勝手に出てしまう場合がある。 サイトのデザインを崩してアクセスダウンに繋がる恐れを避けるためにサイト広告を的確に表示する方法を覚えておくべきだ。 アドセンスの自動広告でサイト広告をどのように表示するかはアドセンスの管理画面で全て調節することになる。 自動広告をどう表示するかの五つの項目 サイトにアドセンスの広告コードを配置して広告設定の自動広告がオンになっている上で、広告フォーマットの次の五つの項目の何れかがオンになっているとそれぞれのタイプの自動広告が表示される。 ページ内広告 ページのコンテンツのメイン部分に表示される広告です 関連コンテンツ 関連コンテンツを宣伝するツールで、収益の拡大とユーザー エンゲージメントの促進を図ることができます(2025年…

L・フランク・ボームの笑う河馬の原文と注解

イメージ

アメリカの英語の小説、 L・フランク・ボームの 笑う河馬 を日本語に翻訳 しながら分からない単語や熟語を調べたので、英語の学習用に原文に沿って段落毎に掲載する。 取り上げる言葉の語彙力としてはおよそ日本の高校を卒業した水準以上、すなわち英検二級かTOEIC730点くらいを越えるものを想定することにする。 なので高校生、中学生、小学生にとっては取り上げられずに分からない単語や熟語も増えるかも知れない。 L・フランク・ボームの 笑う河馬 で学習される英語の難易度 総合的に捉えて五点評価を行うならば一点(★☆☆☆☆)と非常に易しく感じる。 感情豊かな生きた表現 笑いが縷められた作風 原文で読むのは日本人の多くには造作なくて英語の初心者向けといえそうだ。 L・フランク・ボームの 笑う河馬 の英語の原文と注解の和訳 American Fairy Tales from George M. Hi…

オリーヴ・シュライナーの夢の生活と現実の生活;小さなアフリカの物語の原文と注解

イメージ

南アフリカの英語の小説、 オリーヴ・シュライナーの 夢の生活と現実の生活;小さなアフリカの物語 を日本語に翻訳 しながら分からない単語や熟語を調べたので、英語の学習用に原文に沿って段落毎に掲載する。 取り上げる言葉の語彙力としてはおよそ日本の高校を卒業した水準以上、すなわち英検二級かTOEIC730点くらいを越えるものを想定することにする。 なので高校生、中学生、小学生にとっては取り上げられずに分からない単語や熟語も増えるかも知れない。 オリーヴ・シュライナーの 夢の生活と現実の生活;小さなアフリカの物語 で学習される英語の難易度 総合的に捉えて五点評価を行うならば三点(★★★☆☆)と中くらいに感じる。 躍動的で現実味のある文章 叙情的で人間味のある文章 原文で読むのは日本人の多くには普通だろうから英語のあるゆる学習者に適する。 オリーヴ・シュライナーの 夢の生活と現実の生活;…