Tech

HTMLテキストフォーマットタグは非常に広い範囲に及びます。 HTMLの重要なテキストフォーマットタグは「pre」タグとして知られています。 このタグは、HTMLスクリプト内に記述されているのと同じように、Webページにテキストを表示するために使用されます。 これは、HTMLスクリプトまたはブラウザがテキストを独自にフォーマットしないことを意味します。 むしろ、スクリプトの作成中に保持したフォーマットが保持されます。 このガイドを読むことで、HTMLでpreタグを使用する方法を学びます。 HTMLでのプレタグの使用法： HTMLでpreタグを使用するには、次の3つの例を検討できます。 例1：Webページにいくつかのランダムなフォーマット済みテキストを表示する： この例では、HTMLの事前タグを使用して、ランダムに事前にフォーマットされたテキストをWebページに表示する予定です。 この目的のために作成したHTMLスクリプトを次の画像に示します。 このHTMLスクリプトでは、「pre」タグを使用してランダムな段落を囲んでいます。 この段落には、ランダムな場所にスペースと改行が含まれていることがわかります。 私たちの目標は、このテキストをWebページにそのまま表示することです。 これが、HTMLpreタグを使用した理由です。 上記のHTMLスクリプトをGoogleChromeブラウザで実行すると、次の画像からわかるように、テキストはWebページとまったく同じように表示されました。 これは、HTML preタグを使用しているため、このテキストのフォーマット、つまりランダムなスペースと改行が適切に保持されていることを意味します。 例2：Webページに画像を表示する： 2番目の例では、さらに一歩進んで、HTMLpreタグを使用して画像を描画しようとします。 以下に示すHTMLスクリプトを使用したため、Webページに牛を表示する予定です。 この例では、さまざまなシンボルを使用してHTMLスクリプトで牛を描きました。 この図面はHTMLのpreタグで囲んでいるため、この図面のフォーマットを保持したいと思いました。 このHTMLスクリプトを実行すると、次の画像に示すように、図面がWebページにそのまま表示されました。 例3：WebページにHTMLでプレタグなしで画像を表示する： […]

The post HTMLプレタグ appeared first on Gamingsym Japan.

PyTorchは、Pythonプログラミング言語用のオープンソースフレームワークです。 PyTorchのデータをテンソルの形式で処理できます。 テンソルは、データを格納するために使用される多次元配列です。 テンソルを使用するには、トーチモジュールをインポートする必要があります。 テンソルを作成するために使用されるメソッドはtensor（）です。 構文：torch.tensor（data） ここで、データは多次元配列です。 torch.asin（） PyTorchのtorch.asin（）は、テンソル内のすべての要素の逆サイン値を返します。 パラメータは1つだけです。 構文：torch.asin（tensor_object） パラメータ：tensor_objectは入力テンソルです 例1： 1次元テンソル– data1を作成し、torch.asin（）を適用して逆正弦値を返しましょう。 #importトーチモジュールトーチをインポート ＃1Dテンソルを作成します-5つの数値を持つdata1。data1 = torch.tensor（（[23,45,67,10,0]） ＃画面印刷（（「テンソル：」、data1） #上記のテンソルでasin（）を実行します印刷（（「逆サイン値：」、torch.asin（（data1）） 出力： テンソル：テンソル（（[23, 45, 67, […]

The post PyTorchで逆三角関数を実行する appeared first on Gamingsym Japan.

多くの場合、Webページを作成するときに、さまざまな記号を挿入しようとします。 これらの記号は、さまざまなHTMLコードを使用してWebページに描画されます。 このガイドの助けを借りて、HTMLスクリプトに下矢印記号を挿入するために使用できるすべてのメソッドを共有したいと思います。 HTMLコードを使用して下矢印記号を挿入する方法は？ HTMLコードを使用して矢印記号を挿入するには、3つの異なる方法があります。 これらすべての方法について、以下で説明します。 方法1：エンティティ番号の使用： 下矢印記号を挿入する最初の方法は、エンティティ番号「8595」を使用します。 このメソッドのHTMLスクリプトを次の画像に示します。 このHTMLスクリプトで下矢印を挿入するエンティティ番号を使用しました。 このスクリプトを実行すると、次の画像に示すように、下向き矢印がWebページに表示されます。 方法2：エンティティ名の使用： このメソッドは、Webページに下矢印を挿入するためにエンティティ名「darr」を使用します。 これを行うために、次のHTMLスクリプトを作成しました。 このHTMLスクリプトでは、最後のスクリプトで使用されたエンティティ番号をエンティティ名「darr」に置き換えただけです。 このエンティティ名の下向き矢印は、以下のWebページに表示されます。 方法3：16進参照の使用： Webページに下矢印記号を挿入する最後の方法は、16進参照「x2193」を使用します。 この16進参照を使用するために、次のHTMLスクリプトを作成しました。 このHTMLスクリプトの結果は、次の画像に示すWebページで確認できます。 すべてを一緒に入れて： ここで、下矢印記号をHTMLスクリプトに挿入する3つの方法すべてを組み合わせたいと思います。 この目的のために、次のHTMLスクリプトを実装しました。 HTMLでエンティティ番号、エンティティ名、および16進参照を使用しているための下矢印記号は、次の画像に示すWebページで確認できます。 結論： […]

The post HTMLシンボルコード下矢印 appeared first on Gamingsym Japan.

「ワードラップ」はCSSのプロパティであり、長い単語を分割し、指定されたスペースでこの単語を調整するために使用されます。 この「ワードラップ」プロパティの値を通常に設定すると、デフォルト値として使用され、長い単語が壊れることはありません。 この「word-wrap」プロパティの値をbreak-wordに設定すると、指定されたスペースに従って長い単語が分割されます。 break-wordは、「word-wrap」プロパティの値として使用されるキーワードであり、CSSで長い単語を分割します。 このチュートリアルでは、この「ワードラップ」プロパティに関する完全なガイダンスを提供し、CSSの「ワードラップ」プロパティを使用する例を実行します。 例1： コードを開始し、VisualStudioCodeで実行します。 まず、新しいファイルを起動してから、言語としてHTMLを選択します。 ここで、「！」と入力します。 「Enter」を押します。 ここには、すべてのHTML基本タグがあります。 その結果、これらすべてのタグを手動で追加する必要がなくなります。 この後、CSSファイルの名前を「head」の「link」タグに挿入するだけです。 本文に2つの見出しを配置し​​、1つの長い単語を書き込むdivを作成して、CSSの「word-wrap」プロパティを使用し、それがどのように機能するかを示します。 「text-decoration」プロパティを使用し、このプロパティにキーワード「underline」を使用して、「color」を適用して「red」に設定することにより、見出しを装飾しています。 この見出しにスタイリングを適用して、魅力的なものにします。 また、2番目の見出しである「緑」を「色」として装飾し、「テキスト装飾」を適用して「下線」に設定します。 「div」の「幅」を「150px」に設定し、その周囲に「境界線」を作成しています。 この境界線は、「幅」が約「3px」で、「色」が「赤」の「実線」タイプです。 ここでは、「ワードラップ」プロパティを適用し、「デフォルト」値でもある「通常」に設定しています。 それは長い言葉を壊すことはありません。 長い単語は、HTMLコードで記述されたとおりに表示されます。 div用に作成した境界を越え、長いテキストは同じままで、この単語を壊すことはありません。 出力は、長い単語がHTMLファイルに書き込んだときと同じように見えることを示しています。 境界線を越えて一列に表示されます。 […]

The post CSSワードラップ appeared first on Gamingsym Japan.

Pythonでは、ディクショナリは、インデックスを作成する代わりに一意のキーを使用してのみ取得できる要素のリストです。 Pythonのリストと同様に、アイテムは辞書に保存できます。 ただし、アイテムのインデックスを使用してアイテムを取得する代わりに、辞書内のアイテムに一意のキーを提供し、それを使用して取得します。 ある辞書を別の辞書に変換する手法は、「辞書理解」と呼ばれます。 最初のディクショナリの要素は、この変換全体を通じて新しいディクショナリに明示的に追加でき、すべての要素に適切な変更が加えられます。 プログラムが辞書を理解していれば、プログラムはより説明的になり、理解しやすくなる可能性があります。 辞書を理解するには、辞書の主要な要素とそれらの要素の値を取得できることが必要です。 ‘for’ループおよびラムダメソッドは、辞書内包表記の使用に置き換えられます。 この記事では、辞書の理解について詳しく説明します。 例1： このシナリオでは、辞書を理解するために「for」ループを使用します。 num = 範囲（（20） new_dict = {{} 為に 私 の num： もしも 私％2==0： new_dict[i] = […]

The post 辞書理解Python appeared first on Gamingsym Japan.

「複数のウェブサイトをホストするために、管理者は通常、単一のマシンで仮想ホスティングを構成します。 仮想ホスティングでは、「IPベース」のホスティングまたは「名前ベース」のいずれかを使用できます。 「IPベース」のホスティングでは、ウェブサイトごとに異なるIPアドレスがあります。 「名前ベース」のホスティングの場合、各IPアドレスで複数の名前が実行されています。」 何をカバーしますか？ このガイドでは、Amazon EC2Ubuntu22.04インスタンスで仮想ホストを設定する方法を説明します。 このラボでは、名前ベースの仮想ホスティングを使用します。 Terraformを使用して、必要なインフラストラクチャを展開します。 ラボの概要 このラボでは、2つの仮想ホストを作成します。 domain1およびdomain2。 UbuntuマシンにApacheWebサーバーをインストールします。 各仮想ホストには、「これは仮想ホスト1です」という内容の異なるindex.htmlファイルがあります。 domain1および「これは仮想ホスト2です。」 domain2の場合。 各ホストのドメイン名を登録する代わりに、ローカルホストのIPアドレスを使用してドメイン名をマッピングしています。 これは、「hosts」ファイルを変更することで実行できます。 このインフラストラクチャの展開を簡素化するために、構成全体を複数のファイルに分割しました。 このようにして、コードの不器用さから身を守ることができます。 ここで使用されるファイルの概要： userdata.sh：UbuntuインスタンスにApacheWebサーバーをインストールして構成するために必要なスクリプトが含まれています。 secgrp.tf：インスタンスで使用するセキュリティグループを作成します。 このセキュリティグループは、SSHとHTTPがインスタンスにトラフィックを入力できるようにします。 domain_2.confおよびdomain_1.conf：仮想ホスト構成が含まれています。 […]

The post Terraformを使用してUbuntuEC2インスタンスにApache仮想ホストを設定する方法 appeared first on Gamingsym Japan.