コノキジハ15フンデヨメマス
この記事をお勧めする人
・wordpressを知りたい人
・コードに興味がある人
・記事を書きたい人
HTMLとは
「ハイパーテキスト・マークアップ・ランゲージ(Hyper Text Markup Language)」の略
文章が構成されている要素がどのような役割を持っているかを指示しています。
また、タグとは「文字(テキスト)に意味を与えてあげる印(h)のようなもの」です。
例
「h」は見出しを意味します。headingの意
<h1>見出し</h1>
のように書きます。
「/」は終了タグに使用します。
このHTMLを使いこなす事ができれば様々なデザインのブログを書く事ができます。
タグ名 | 説明 |
h | 見出し:h1, h2, h3…と続く |
p | 段落:通常のテキスト |
a | リンクを挿入 |
li | 箇条書き |
strong | 太文字で強調 |
<!–[if IE 6.0]>
- IEとはインターネットエクスプローラの略で
このHTMLはそのIEの6,0のバージョンでしか利用できない事を意味します。
- <![endif]はPHP ( PHP: Hypertext Preprocessor を再帰的に略したものです) は、広く使われているオープンソースの汎用スクリプト言語です。 PHP は、特に Web 開発に適しており、HTML に埋め込むことができます。
- IFとは条件分岐の意味があります。
条件分岐とは、プログラム中で、ある条件が満たされているかどうかによって次に実行するプログラム上の位置を変化させること。
- 「!」 (エクスクラメーション)マークは「<! – –」と「– –>」のセットで「コメントアウト」という「ここからここまでコメントです」と宣言をするための記述です。
- <body>とは 「BODY」とは文章や画像など、実際にブラウザの画面上に表示される内容を指定するタグです。
- divコードとはグループ化をさします
例外
実行結果は【null(空ファイル )】となる場合がある。
理由は、WebブラウザはHTMLファイルを上の行から下へ順番に処理されていくからです。
つまり、JavaScriptを実行した時点ではまだh1要素が構築されていないので、取得しようとしてもできないのです。
CSSとは
CSSとはHTMLと併用して使用する言語です。
(Cascading Style Sheets、カスケーディング・スタイル・シート)の略で
Webページの文字色やスタイルをレイアウトするための言語です。
まず、どこのHTMLをレイアウトするか決めます
例
<h1>ABCDEFG</h1>の場合 =HTML
h1{color:red;} =CSS
ABCDEFG =結果
CSSを適応したいタグのことを「セレクタ(h1)」、変更したい項目を「プロパティ(color)」、そのプロパティを決めるものを「値(red)」と呼びます。
- classとはグループ分けの目印になるモノ
- idも同様だが少し違う
JavaScriptとは
これまでの言語に動きを加えるプログラミング言語です
「画像のスライドショー」「ボタン」「申込みフォームの入力」などがそうです。
一般的に、JavaScriptのプログラムはbodyタグの中に書きます。
ただし、そのまま記述するのではなくscriptタグで囲むのがルールです。
scriptタグ内にJavaScriptのプログラムを書きます。
これにより、ブラウザがこのHTMLファイルを読み込んだ時に、JavaScriptプログラムも一緒に処理されて実行されます。
PHPとは
Hypertext Preprocessor意味する、HTML 埋め込み型の スクリプト言語です。 PHP の多くの構文は C、Java、Perl 言語から転 用したものですが、PHP 特有の機能を実装するために独自の構文を導入 しています。
アクセスする時間や状況、閲覧者に合わせて表示内容が変わる動的なコンテンツを作るのに向いています。 HTMLに埋め込んで使えるのも特徴の1つです。 HTMLのソースコードを生成できるため、入力した内容に合わせたページを表示できま
- SNSサイトの制作
- ECサイトの制作
- ブログや掲示板サイトの制作
- 社内管理システムの構築
- お問い合わせフォームの実装
- 予約システムの実装
- グループウェアシステムの開発
- 様々なAPIとの連携
- 検索機能
- データベースとの連携
- 広告配信システムの開発
- バッチ処理の作成
などが可能になる
<?php echo ‘hello konntikuwa’;?>
<?php XXX と ;?> が基本コード
プログラミングをする際に使用する
テキストエディットかスクリプトエディタで有効
┏━━━━━━━━━━━━━━━━━━━┓ ┃ DMM FX ┃ ┗━━━━━━━━━━━━━━━━━━━┛ショートコードとは
WordPressで使えるコードの呼び出し機能です。 functions.phpに書いた記述を、固定ページや投稿などで呼び出すことができます。 固定ページや投稿では、PHPの処理を行なうことができません。 しかしショートコードで呼び出すようにすれば、使うことができるのです。
また、汎用的に使う一連の処理を簡単に呼び出せます。
つまり、自動的に動かせる事が可能
しかし、これはテーマの元々の機能を変えてしまう可能性がある。
その為、触らないほうがいい触るとしたらバックアップを残しておく
APIとは
APIとは「Application Programming Interface」の略語で、「エーピーアイ」と読みます。
APIは、あるシステムがほかのシステムと連携できるようにするコードの塊です。
PIはもともと、OS(OSは、Operating System(オペレーティングシステム)の略で、パソコンの操作やアプリなどを使うために必要なソフトウェアのことです)アプリケーション向けに提供していた機能を指していました
APIを連携することで、自社の開発したアプリケーションに他社の開発したアプリケーションの機能を埋め込むことができます。
つまり、他社のアプリケーションのシステムやサービスの機能を、自社のアプリケーションで活用することが可能になるということです。
この設計次第でAPIのリクエストとレスポンスの関係は大きく変わるので、「APIは●●をしてくれるもの」という決まりはありません。
少し具体的にAPIの利用シーンをイメージしてみましょう。私たちはネットショッピングをする際にカード番号を打ち込みますが、番号・名前・期限・セキュリティコードなどの情報が安全性の低いネットショップのサーバに保管されると第三者に悪用される恐れがあります。そこでネットショップでは、カード会社が提供しているAPIが使われています。
ネットショップはAPIを通して「これからお客さまがカード情報を打ち込むから確認してくれ」と要求します。顧客によって打ち込まれた情報はネットショップを通さず、直接カード会社のサーバに届き、情報が確認され、ネットショップ宛に「カードを確認した。決済は完了」という連絡だけが送られます。ネットショップはカード情報を管理することなく決済が確認できるので、顧客は安全に買い物ができるようになり、ショップのサーバ管理コストも最低限に抑えられるというわけです。
上記例のネットショップのように、自社サービスでAPIを利用するのは簡単です。ルールに沿ってコードを書いて「この情報をくれ」「こういう動作をしてくれ」と要求するだけ。場合によっては利用者を識別するためのIDなどを送ることもありますが、公開されているAPIの多くが「誰にでも使える」状態になっています。使いすぎて利用制限がかかる場合もありますが、APIを使うこと自体はそこまで難しくないのです 。
WordPress REST API
WordPress REST APIはさまざまな利用方法があります。
特に、WordPressの管理画面を経由せずに投稿や編集、更新が可能なことから、WordPressと連携したアプリケーションの開発では重要な機能を担っています。
WordPress REST APIにアクセスするには、WP-CLIを利用します。
WP-CLI とは、WordPress を管理するためのコマンドインターフェースのことです。 コマンドを知っていれば、管理画面よりも素早く操作を実行できたり、スクリプトに組み込むことで操作を自動化できたりします
WP-CLIとは、WordPressをコマンドラインで操作するためのツールです。
マウスを使ったGUIベース(GUIは、「Graphical User Interface(グラフィカルユーザーインターフェース)」の略語で、グラフィックベースでコンピューターを操作できるインターフェースのことです。 具体的には、キーボードやマウスを使って画面上のアイコンやウィンドウを使いながらコンピューターを操作するインターフェースを指します)の操作が直感的でわかりやすい分、効率化が難しいのに対し、WP-CLIではコマンド入力による効率的な操作が可能になります。
また、コマンドをスクリプトに組み込むことで自動化し、プラグインのアップデートを定期実行したり、複数のウェブサイトで同じ処理を一括で行ったりすることが可能です。
CMSとは
CMSとは(Contents Management System)の略称で、Webサイトの構築・管理・運用を行うための管理システムのことです。
(1)オープンソース型
プログラミング言語を用いて記述したソフトウェアやプログラムの設計図(ソースコード)が公開されているタイプのCMS。ライセンス費用が発生しないので無償で利用でき、自由にカスタマイズできるというメリットがありますが、ベンダーのサポートがないので、Webサイトの構築や運用には一定のスキルが必要です。WordPress
(2)パッケージ型
ベンダーが開発したCMSライセンスを購入し、サーバーにインストールして利用するタイプ。初期費用やライセンス費用は発生しますが、ベンダーのサポートが受けられるため、オープンソース型よりも保守運用の自己対応の負担が少なく導入できます。
3)クラウド型
インターネット環境さえあれば利用できるタイプ。サーバーやソフトウェアを用意する必要がなく、導入する負担が少ないのが特徴です。機能やデザインのカスタマイズの面で、オープンソース型やパッケージ型と比べると自由度が低いという制約はありますが、Webサイトの構築や運用に手間をかけたくない企業に適しています。
つまり、CMSを用いないでHTMLやCSSでけでもWordpress的な事は可能だが
CMSがないと一から全部作っていかなければならない
=CMSにはプログラミングの集合体的なモノが入っている
これがプログラミング
コメント