Art tecture

Art tecture（アートテクチャ）の意味は、Architecture（アーキテク…

Art tecture

Art tecture（アートテクチャ）の意味は、Architecture（アーキテクチャ）を参考にしています。 I decided to use for (Atr) because it meant arttecture with many images.

ゲーム人生最終決戦

仰々しいタイトルだが、その実、ただの日記である。 ファミコンからプレステへと移ってきた経歴がある。 筆者の年齢はなんとなく想像がつくかもしれないが、仮に44歳として、10年経てば54歳である。ともすれば60歳になる。 その10年幾らかを、今と変わらないような生活ペースで、ましてその10年後を生きているかもわからない。 このように考えるきっかけとなったのは、2024年1月1日の地震がトリガーだっただろう。 実体験というのは、強烈だ。 住処が崩れてもおかしくなかった。 実際、家が

Art tecture

    • プログラミング処方箋.30　Fontawesome　アレがない、アレだよ

      右上、アイコン、ここにある アイコン、クリック こんな画面になる ここの、ここ、Manage Kitsを、クリック この画面、 いかにも目立つ、青色のバーは罠 ちょい上の、薄い字、Free Iconsが、要るやつ ちょい上の、薄い字、Free Iconsが、要るやつ アレがあった HTMLの、<head>に入れる とりあえず確認、いけた

      Art tecture

      • プログラミング処方箋.38　画像表示基本から

        単純に、画像を表示する方法 HTML<img class="きほん" src="ABC/アップライト.jpg" alt="" title=""></img> CSS.きほん{max-width: 100vw;width: 100%;height: 600px;/*none;にして、高さ固定　画像pxサイズと合わせる　『 % vh 』では状況変わる*/object-fit: none;/*none;有効、絶対いる、画像比率保護 またはcover;*/background-c

        Art tecture

        • プログラミング処方箋.２９　Python（レストランメニューを作ろう）

          Pythonにできることの１つに、レストランのメニュー注文システムがあります。 プレビューとしては、こんな感じですね。 Python実行として必要になるプログラミングとしては、パーツがいくつかありますが、例えばこのようなパーツもあります。 プレビューとプログラミング記述を見比べると、なんとなく類似している内容であることが感じられたでしょうか。   PythonのパーツPythonのパーツとは class class名を名付ける。 名前はなんでもいい。 とりあえず用

          Art tecture

        ゲーム人生最終決戦

        Art tecture

          プログラミング処方箋.２８　Python（じゃんけんゲームを作ろう）

          Pythonにて、『じゃんけんゲーム』を作ってみましょう。 出す手として、『グー』『チョキ』『パー』があります。 自分の出す手と、相手の出す手で、勝敗判定となるゲームですね。 プレビューとしては、こんな感じです。 Pythonプログラミングの一部として、こんなパーツもあります。 じゃんけんの勝敗を判定するための部分ですね。  自分側と、相手側があり、じゃんけんをするゲームです。 必要なパーツをひとつずつ、用意していきましょう。   PythonのパーツPyt

          Art tecture

          プログラミング処方箋.２８　Python（じゃんけんゲームを作ろう）

          Art tecture

          プログラミング処方箋.２７　Python（買い物コースを作ろう）

          Pythonにて、『買い物コース』を作ってみましょう。 もちろん架空なので、ホントに金額が発生したりはしません。 買物対象となる商品は、適当に５つほど並べました。 実際の物価と比べると違和感がありますが、Pythonプログラミングとしての認識やエラー回避のための設定です。   例えばこんなPythonパーツもあります。 それではPythonプログラミングを作成して、架空ショッピングをできるようにしてみましょう。    PythonのパーツPythonのパーツとは

          ¥500
          Art tecture

          プログラミング処方箋.２７　Python（買い物コースを作ろう）

          ¥500
          Art tecture

          プログラミング処方箋.２６　Python（パイソン）

          それはパイソンやがな。 HTMLとCSSが構成できるようになると、次なにしようかな？ って思う。   Java、PHP、Javascript、Python、これらはどれも同様の考え方を元として、プログラミングする種類らしい。 このなかで、ちょっとエッチな名前のイメージもある、Python（パイソン）は、単純らしい。 専門用語としても、配列、変数、関数、とかはどれも共通してある様子です。   同じ意味のプログラミングを実行するにしても、 Javascriptは、ち

          ¥1,000
          Art tecture

          プログラミング処方箋.２６　Python（パイソン）

          ¥1,000
          Art tecture

          プログラミング処方箋.２５　HTML＆CSS『画像の動き（直線的）（消えて映るを繰り返すようなパターン）』

          消えて映るを繰り返すような動きでスライドとかもあったりする、プログラミングの動きを、『ループ』と言ったりします。 ドラクエとかのダンジョンで、無限ループとかもあったような気がしますね。 Webサイトの動きとして、処方箋.２４の（回転編）と、今回の（直線的スライドループ編）があれば、かなりのパターンを再現できます。   設置してみたいものを、あれもこれもと追加していったら、総数１２種類のCSSアニメーションができました。 実祭に動いている様子として、YouTube動画

          ¥1,000
          Art tecture

          プログラミング処方箋.２５　HTML＆CSS『画像の動き（直線的）（消えて映るを繰り返すようなパターン）』

          ¥1,000
          Art tecture

          プログラミング処方箋.２４　HTML＆CSS『画像の動き（回転）』

          今回の本題となるテーマは、『画像の表示と動き』です。 画像の動きといえば、アニメーションが思い浮かびますが、あくまでWebサイトとしての動きの範囲です。 それだけでも、けっこう動きのパターンがあります。 動き自体は単調だとしても、それがWebサイトにあれば、視覚的にも楽しいホームページになりますね。   平面画像だけでは伝わりきらないと思うので、実際に動いている様子をYouTube動画としてもリンクしてあります。 https://www.youtube.com/w

          ¥1,000
          Art tecture

          プログラミング処方箋.２４　HTML＆CSS『画像の動き（回転）』

          ¥1,000
          Art tecture

          プログラミング処方箋.２３　HTMLと、CSS召喚、Javascript召喚、『画像の表示とレイアウト』

          いつの間にか、PHPとかJavascriptを用いていた処方箋。 気付かなかったけど効いていたものこそ、良薬なのかもしれませんと自画自賛。 これまでプログラミングとして、各パーツごとの理解はできたと思います。 さて、いざWebサイトを作ろうとなると、パーツを集めて構成（レイアウト）することになるので、あれ？ どうしよう？ ということも思ったりします。   本題に入る前に、HTMLへの、CSSとか、Javascriptの召喚方法を先にちゃんと伝えておきます。 CSS

          ¥1,000
          Art tecture

          プログラミング処方箋.２３　HTMLと、CSS召喚、Javascript召喚、『画像の表示とレイアウト』

          ¥1,000
          Art tecture

          プログラミング処方箋.２２　HTML＆PHP＆少しだけJavascript『チェックボタンの必須と制限認識』　。フォーム総まとめ含む。

          パソコン音痴から、プログラミング上級者まで納得の内容となっています。 プログラミング処方箋.１８からのフォーム作成として、文字も画像も送受信できて、保存データとして存在させることに成功しました。 完成したともいえるフォームです。   前回のチェックボックスの部分だけ、チェックの規制や必須がお流れとなっていましたので、それらの機能を搭載して、最終フォームの完成とします。   今回主なテーマとなるのは、チェックボタンへの機能の搭載です。 例えばこういうチェックの必須

          ¥1,000
          Art tecture

          プログラミング処方箋.２２　HTML＆PHP＆少しだけJavascript『チェックボタンの必須と制限認識』　。フォーム総まとめ含む。

          ¥1,000
          Art tecture

          プログラミング処方箋.２１　HTML＆PHP『問い合わせフォーム』保存編

          パソコン音痴から、プログラミング上級者まで納得の内容となっています。 文字も画像も送受信できたということで、かなりのフォーム構成ができました。 仕上げとして、フォームの記入内容を、保存しておく内容も習得しましょう。   土台として、 サーバはFC2 プラウザは、GoogleChrom(グーグルクロム)   今回は文字系のフォームを扱います。 PHPは中継地点となり、別のファイルにフォーム内容が保存される流れになります。 フォーム内容の保存フォーム内容の保存

          ¥1,000
          Art tecture

          プログラミング処方箋.２１　HTML＆PHP『問い合わせフォーム』保存編

          ¥1,000
          Art tecture

          プログラミング処方箋.２０　HTML＆PHP『問い合わせフォーム』画像編

          パソコン音痴から、プログラミング上級者まで納得の内容となっています。 フォームにおける画像の送受信をテーマとしています。 フォームとしてほとんどの構成はできても、画像などのtype="file"だけは作動しなくて悩む人が多いのですよ。 こういう内容こそ、プログラミング処方箋の真骨頂かもしれません。 今回用いたサーバは、FC2です。 前回までのXAMPPサーバのほうでは、今回の内容をコピペしてもエラーになりますのでご注意ください。 そしてFC2はFC2でも、 FC

          ¥1,000
          Art tecture

          プログラミング処方箋.２０　HTML＆PHP『問い合わせフォーム』画像編

          ¥1,000
          Art tecture

          プログラミング処方箋.１９　HTML＆PHP『問い合わせフォーム』縁の下の:下巻

          パソコン音痴から、プログラミング上級者まで納得の内容となっています。    前回のプログラミング処方箋.１８では、フォームの構成部品を知ることをしました。 文字、数字、メールアドレスの送信もできましたね。   続いて下巻となる今回は、しっかりとボリュームのあるフォームを、がっつり構成していきましょう。 例えばこんな感じのフォームを作成します。   フォームの種類フォームの種類とは フォームの最初はHTML 原型としてもHTML たくさんある 文字 数字 メ

          ¥1,000
          Art tecture

          プログラミング処方箋.１９　HTML＆PHP『問い合わせフォーム』縁の下の:下巻

          ¥1,000
          Art tecture

          プログラミング処方箋.１８　HTML＆PHP『問い合わせフォーム』縁の下の:上巻

          パソコン音痴から、プログラミング上級者まで納得の内容となっています。 今回はWebサイトのフォームが大きなテーマとして、縁の下となる、その上巻です。 まずは、フォームの構成部品を、読み解けるようになるところから始めましょう。   プログラミング処方箋.１７では、XAMPPの起動までできました。 今回はCSSは控えめになり、 HTMLの原型フォームに記入した文字を、PHPへと届けることを行います。 フォームフォームの関係とは 事前準備 XAMPP起動 htdoc

          ¥1,000
          Art tecture

          プログラミング処方箋.１８　HTML＆PHP『問い合わせフォーム』縁の下の:上巻

          ¥1,000
          Art tecture

          プログラミング処方箋.１７　CSSフォーム作成「のまえに、PHP」『のまえに、XAMPP』

          パソコン音痴から、プログラミング上級者まで納得の内容となっています。 今回はWebサイトのフォームが大きなテーマです。   フォームとは、いろんな各Webサイトにある、こんなやつですね。 これまでHTMLと、CSSを用いて、Webサイトのデザインを構成してきました。   ただ、フォームとなると、三つ巴になるのです。 ・プログラミングしている本人。 ・デザインを与えられるWebサイト。 ・ユーザーとして記入したものを送信する者。 いわば、第三者が加わることで、記

          ¥1,000
          Art tecture

          プログラミング処方箋.１７　CSSフォーム作成「のまえに、PHP」『のまえに、XAMPP』

          ¥1,000
          Art tecture