## フォーム画面
Webサーバーに入力データを送信できるページ
## 3つの重要な要素
何を、どのようにして、誰に送るのか
### 何を
フォーム画面に入力されたデータ
### どのようにして
GET/POST
### 誰に
URL指定
## コード
“`html
“`
参考資料
外部ファイルを持ってきたいとき〜！！
https://developer.mozilla.org/ja/docs/Web/API/XMLHttpRequest
## 結論
これをベースにすればだいたいなんとかなる
“`js
let url = “https://example.com/”
let xhr = new XMLHttpRequest();
xhr.open(“GET”, url);
xhr.responseType = “document”; // text, arraybuffer, blob, document, jsonが使用可能。jsonのresponseは自動パースされる
xhr.send();
xhr.onload = () => {
if (xhr.status != 200) {
console.log(“取得に失敗”);
} else {
/* やるべき処理 */
/* xhr.responseにレスポンス文が入ってます */
}
};
“`
## better
Fe
## はじめに
みなさん初めまして。??
Qiita株式会社でUI/UXデザイナーとして、情報設計、体験設計(UX)、UIデザイン、フロントエンドまで携わっている @degudegu2510 です。
今年のQiita Advent Calenar 2022では、1つのアドベントカレンダーに1人で25記事を投稿しきった方 **全員** に完走賞がおくられる企画を開催しています。? ?
Qiita運営として、ユーザー様だけに25記事完走してもらうのは、とても忍びないので、私も25記事完走しようと思います。
この記事は、そのカレンダーの24記事目です。
24記事目は、 「**【完走賞ゲットだぜ！】CSSでウルトラボールを作る！**」です。
ウルトラボールは、ウルトラビーストを 捕まえるために 作られた 特別なボールです。
そのため、ウルトラビーストを捕まえるためには積極的に使いたいボールです。
この記事では、CSSで作るウルトラボールを紹介しようと思います。
## 完成形
完成形は**↓こちら**です。
影やアニメーションを用いて、球体を表現しています。
### この記事はC3 Advent Calendar 2022 24日目の記事です
こんにちは！今日はクリスマスイブですね?
皆さんいかがお過ごしでしょうか？
本日はC3入りたて2か月目Hackお勉強中?の なか がお送り致します．
~~去年は卒論のデータまとめで萎えスマスでしたが今年はゆっくりできそうでうれしいです~~
今回はC3に入った経緯と入ってやってきたことについてさらっと書いていきます
## 1.C3に入る前の私
もともといた高専は卒業し，今年から九工大に編入学しました．
###### 余談ですが，編入生は専門に強いイメージが多いらしいです．
しかし私はむしろプログラムが苦手な方でした．
##### そんな時秋初めの実験の日に同じグループになった人から話しかけられました．
C3に興味ないですか？と言われたのですが
「プログラム得意じゃないですし，あまりITでも開発に関わらないところに就職するつもりなので・・」
とお断りをしました．
するとその人は
#### 「情報系の技術者として企業に入るのにプログラムできなくてどうするの？」
と問いかけてきました．
こ
## 本記事の対象者
– デザインファイルからフロントの実装をしている、もしくはしようとしている人たち
– そしてデザインツールをなんとなーく使ってる人たちへ
## 目的
デザインファイルから本来の意図を汲み取った実装を行えるようになることが目的です。
今回はデバイスのサイズによって大きさが可変される実装をする方法は紹介しません。
## 使用環境
– html
– css
– figma
## イントロ
こちらの記事は**PharmaXアドベントカレンダー**の24日目、クリスマス担当いたします下村です！！
みなさん、今日もフロント実装していますか。
昨今ではデザインツールをお仕事で使うのはもちろん、ツールが便利になり個人制作でもこれらを用いて実装をするのが当たり前になってきていますね。
今回はツールを使って実装するのは良いが、しっかりデザインファイル上の設計を意図した要件で実装に落とし込めるようになることを目的としています。
この記事ではfigmaを使って説明してますが、今回紹介するstyleの設計思想はどのツールでも同じなので他のデザインツールを用いても応用することがで
## この記事の概要
HTMLとCSSを書くMacユーザーのためのVisual Studio Codeの使い方の記事です。
Chrome DevToolsは非常に多機能なため、単に「便利な使い方を記事にしました」だと際限なく書けてしまいます。
そのため、今回はタイトルにあるような属性の人に絞ってまとめました。
## 起動方法
`option` + `command` + `I` または `F12`を押すと起動できます。
起動すると次のように画面が変化します。
| 起動前 | 起動後 |
| — | — |
|  | の22日目の記事です。
# はじめに
Wini.pmは、拙作の高機能軽量マークアップ言語markgaabをサポートするperlスクリプトです。これについて、この17日にアドベントカレンダーへの投稿として[高機能軽量マークアップ言語をサポートするperl modulino：Wini.pmの2022年 – Qiita](https://qiita.com/doikoji/items/187364d2f87642064884)を公開しました。しかし、当該記事を読み返してみるに、あまりにperlと関係ない話に終始してしまってしまいました。そこで補遺という形でもう一本書かせていただきます。
Wini.pmを使ってスクリプトを組むとこんなことができるという話です。
# プログラマのためのWini.pm
[前記事](https://qiita.com/doikoji/items/187364d2f8764206488
:::note warn
この記事は、まだ開発途中のプロパティを紹介しているため、以下のブラウザでのみ正常に作動します。*投稿日：2022/12/24*
・ [ChromeのCanaryバージョン](https://www.google.com/intl/ja/chrome/canary/)
・ [EdgeのCanaryバージョン](https://www.microsoftedgeinsider.com/ja-jp/download/canary)
:::
## はじめに
みなさんは、`
多くの方は、妥協して、`
`・`
