クモのようにコツコツと

フロントエンドエンジニア イイダリョウの技術ブログ。略称「クモコツ」

php の検索結果:

【WordPress、PHP、SQL文】Webデザイナーでもわかるサーバサイドの基本まとめ!(6記事)

…にサーバサイド言語(PHP、SQL文)の扉を叩いてみましょう! ※目次: サーバサイドの中でのWordPressの位置付け PHPの基本を理解するためにJSと比較する ざっくりWordPress:PHP書式とテンプレートタグの識別-前編 ざっくりWordPress:PHP書式とテンプレートタグの識別-後編 SQL文はLocal by FlywheelのAdminerから慣れよう(WordPressのDB操作:その1) AdminerからSQL文で「我輩は猫である」を「犬」にし…

AdminerからSQL文で「我輩は猫である」を「犬」にしてみる(WordPressのDB操作:その2)

…いたします。 なお、PHPの中でSQL文を書いてDBを直接操作する方法もあるようなので、今後そちらもトライしていきたいと思います。それではまた! ※参考:サーバサイドの基本まとめました! 【WordPress、PHP、SQL文】Webデザイナーでもわかるサーバサイドの基本まとめ!(6記事) - クモのようにコツコツと idr-zz.hatenablog.com ※参考:【WordPress、PHP、SQL文】サーバサイドの基本まとめ qiita.com *1:ダッシュボードが…

SQL文はLocal by FlywheelのAdminerから慣れよう(WordPressのDB操作:その1)

… プログラミング言語PHPで構成されたCMS(コンテンツマネジメントシステム)にWordpressがあります。 データベース言語SQLで構成されたRDBMS(リレーショナルデータベースマネジメントシステム)にMySQLがあります。 CMS:WordPress(プログラミング言語PHPで構成) RDBMS:MySQL(データベース言語SQLで構成) ※参考:PHPの解説(JSとの比較) PHPの基本を理解するためにJSと比較する - クモのようにコツコツと 通常MySQLはCU…

【HTML、CSS、JSの書式】これを読めばコードが読める!書ける!まとめ!(基本5+応用1記事)

…る素敵なWebコンテンツのお手本コードの大宇宙が広がっています! ※参考:https://codepen.io 「Web制作 やりたい時が 始め時!」 さあ、Webクリエイターになろう! ※参考:サーバサイドについてもまとめました! 【WordPress、PHP、SQL文】Webデザイナーでもわかるサーバサイドの基本まとめ!(6記事) - クモのようにコツコツと idr-zz.hatenablog.com *1:ソルマック! *2:CSS、JSと紐づく目印になる *3:シャア

JS多次元配列に入れたデータをDOMに入力する(JSON未遂事件簿…)

JS

…ります。これによってPHPなどのサーバサイドからもアクセスや操作が容易になります。 データにするとHTMLテキストよりも拡張性や再利用性が高まるわけです。 次回は外部JSONファイルとして切り出して、アクセスしてみたく思います!昔からJSONはjQueryならシンプルな書式でアクセスできたようだけど、触る機会はなかった。 そして調べたところ、最近は他にもいろんな書き方が増えてきたようです。どれが一番ベターなのか検証したい。それでは! ※参考:ネイティブJSやってみたシリーズ …

【JS】ローカルストレージの値をリンク先のフォームのinputタグのvalueに渡す!

JS

…m action="php/form.php" method="post" id="test" name="test"> <dl> <dt>名前</dt> <dd> <input type="text" name="名前" id="name"> </dd> </dl> <dl> <dt>E-mail</dt> <dd> <input type="text" name="E-mail" id="e-mail"> </dd> </dl> <dl> <dt>URL</dt> <dd…

【JS】フォームのinputタグにURLパラメータを渡す方法

JS

…m action="php/form.php" method="post" id="test" name="test"> <dl> <dt>名前</dt> <dd> <input type="text" name="名前" id="name"> </dd> </dl> <dl> <dt>E-mail</dt> <dd> <input type="text" name="E-mail" id="e-mail"> </dd> </dl> <dl> <dt>URL</dt> <dd…

CSS変数でドット絵マリオをルイージにしたった!

CSS

…のようにコツコツと PHPの変数ともよく似ていますね! ※参考:PHPの基本を理解するためにJSと比較する - クモのようにコツコツと 先ほどのマリオの3色を変数で定義するとこうなります。 /*基本色 */ /*体*/ $hada: #facd89; /*服*/ $fuku: #ff0000; /*他*/ $hoka: #638c0b; /*1行目の14列目*/ .dot_e li:nth-child(1) img:nth-child(14) {background: $ha…

三大フレームワークとかSPAとか仮想DOMとかわかりにくかったのでHellow Vue.jsしてみた!

…d="app"><?php the_content(); ?></p> ※参考:ざっくりWordPress:PHP書式とテンプレートタグの識別-後編 - クモのようにコツコツと 上記のテンプレートタグのように、{{ message }}のところも何かを読み込んでくれそうな期待感。 ここら辺もVue.jsに「とっつき易さ」を感じさせてくれた部分です。 Vue.jsの基本書式 さあいよいよここにJSを書き加えると{{ message }}が「こんにちは びゅう!」になります。じゃ…

ローンチ後のWordPressサイトの中にテスト環境を作る

…非公開に テスト用のphpファイルを作成 プラグインテスト ウィジェットテスト 外部PHPファイルのインクルード 別デザインのテスト まとめ ※参考:WordPressについてはこちら ざっくりWordPress:PHP書式とテンプレートタグの識別-前編 - クモのようにコツコツと ざっくりWordPress:PHP書式とテンプレートタグの識別-前編 - クモのようにコツコツと 投稿ページではなく固定ページで 投稿ページと固定ページでは基本的にできることは同じなので、投稿ペー…

ざっくりWordPress:PHP書式とテンプレートタグの識別-後編

…(私もです)向け!「PHP書式」と「テンプレートタグ」が識別できるとコードが読みやすくなるよ、という記事です。 「前編」の続きになります。 前編ではWordPressのファイル構成と、デフォルトテーマTwenty Seventeeenのindex.phpファイルを中心に「インクルードタグ」「WordPressループ」について解説しました。 「後編」では、その他の.phpファイルにあるテンプレートタグ、そしてプラグインのメソッドもざっくりと見ていきましょう! 目次: conte…

ざっくりWordPress:PHP書式とテンプレートタグの識別-前編

「PHPの基本を理解するためにJSと比較する」でWordPressは「PHP書式」とWordPress独自の「テンプレートタグ」で構成されていると書きました。そしてPHPの基本書式について解説しました。 これを踏まえてWordPressのコードを見直すと、「テンプレートタグ」が見つけやすくなります。それではさっそくWordPressのコードを見ていきましょう。 前・後編の2回に分けて書きます。前編はWordPressのファイル構成、テンプレートタグのインクルードタグ、Word…

PHPの基本を理解するためにJSと比較する

…付け」で書いたようにPHP*1はサーバサイドのプログラミング言語です。現在、CMSの定番となっているWordPressはPHPで作られています。 WordPressのコードは「PHP書式」とWordPress独自の「テンプレートタグ」で構成されています。この二つが識別できるとWordPressのコードが読みやすくなり、テーマ作成やカスタマイズがしやすくなります。 まずはPHPの基本を理解するために、フロントエンドのプログラミング言語JSとの違いを見ていきましょう。 開始タグと…

サーバサイドの中でのWordPressの位置付け

…サーバサイドの言語 PHPのライブラリ、フレームワーク PHPのWordPressとphpMyAdmin SQLのMySQL 終わりに サーバサイドとは 「Webの基礎知識」の中でも書いたようにWebサイトはサーバ上にあるデータ(静的ページ)をブラウザがダウンロードして表示します。 例えばFacebookなどのSNSの場合、ユーザーがSNSにアクセスするとブラウザがサーバ上の最新投稿データをダウンロードし、ブラウザ上でHTML、CSS、JSがデータを処理して画面に表示します。…

はてなブログで何が埋め込められるか

…gins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fidr.zzz%2Fposts%2F1934756040073543&width=500" width="500" height="479" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe> 結果 結論 QiitaではTw…