elm svgで扇型をかく
前回のつづき
ygnb0605.hatenablog.com
今度は、扇型をかいてみました
まずelm reactorで「elm install Spaxe/svg-pathd」を実行し
「import Svg.PathD exposing (..)」を記述できるようにする
コードは以下のようにする
import Svg exposing (..) import Svg.Attributes exposing (..) import Svg.PathD exposing (..) main = svg [ width "1200" , height "1200" , viewBox "0 0 1200 1200" ] [ rect [ x "10" , y "10" , width "100" , height "100" , rx "15" , ry "15" , fill "green" ] [] , circle [ cx "50" , cy "50" , r "50" , fill "pink" ] [] , Svg.path [ d <| pathD [ M (200, 200) , A (100, 100) 90 False False (300,100) , L (200, 100) , Z ] , fill "blue" ] [] ]
実行結果をみてみると青い扇型が描画されている
扇型の描画の仕方について、以下を参考にさせていただきました
developer.mozilla.org
www.solima.net
dタグ難しい
2019/08/25 elm_meetupに参加した
elm_meetupに一般参加しました。
elm-jp.connpass.com
ついた#elm_meetup
— 八木 (@ygnb0605) 2019年8月25日
ヤギさんがドキュメントに出てきててかわいいから少しだけ。。。(でも全然わかってないです)
— 八木 (@ygnb0605) 2019年8月25日
お水いただけるのとてもありがたい#elm_meetup
— 八木 (@ygnb0605) 2019年8月25日
お花の刺繍きれい#elm_meetup
— 八木 (@ygnb0605) 2019年8月25日
Twitterで教えてもらえるのいいなぁ#elm_meetup
— 八木 (@ygnb0605) 2019年8月25日
かわいい!さくらちゃん#elm_meetup
— 八木 (@ygnb0605) 2019年8月25日
本かいました#elm_meetup
— 八木 (@ygnb0605) 2019年8月25日
結局良い言語#elm_meetup
— 八木 (@ygnb0605) 2019年8月25日
どうゆうことをしたいのか
— 八木 (@ygnb0605) 2019年8月25日
どうゆう体験をユーザーに伝えたいか#elm_meetup
あと、かわいいステッカーもいただきました。
PCを新調したら早速つけようと思います。
この規模のイベントを無料で開催していただいて、とてもありがたかったです。
関係者の皆様ありがとうございました。
elmとsvgのはなし
elmで図形を描く場合、svgで描く方法があるらしい
こちらを参考にさせていただきました
試しに、公式パッケージサイトのコードをコピペしてみる
import Svg exposing (..) import Svg.Attributes exposing (..) main = svg [ width "120" , height "120" , viewBox "0 0 120 120" ] [ rect [ x "10" , y "10" , width "100" , height "100" , rx "15" , ry "15" , fill "green" ] [] , circle [ cx "50" , cy "50" , r "50" , fill "pink" ] [] ]
公式パッケージからコピペしたソースに「fill "green"」と「fill "pink"」を追加した
elm reactorを起動して実行結果をみてみると、ピンクの円と緑の矩形が表示された
この時、elm/svgパッケージをインストールしておくこと
(私はelm.jsonの「"direct"」の中に「"elm/svg": "1.0.1"」と手書きで記述し、インストールしました
(あんまり良くない方法かも・・・))
2019/06/29 北鎌倉
ポケモンシャツ届いた
3月下旬に頼んでいたポケモンシャツが届きました
— 八木 (@ygnb0605) June 7, 2019
身長166cm太めでは、XLはちょっと小さめだった
(着れないことはないけど、若干パツパツ)
(いつもはだいたいLサイズの服でちょうどいいくらい)
もう1着違うデザインで買うとしたら、XXLにするかも。。。
oracleDBのスキーマに対するselectのメモ
例えば、以下のような2つのテーブルがあるとする。
商品テーブル
商品名 | 価格 |
---|---|
りんご | 100 |
商品名:VARCHAR2(10)
価格:NUMBER(3)
お店テーブル
お店名 | 取扱商品名 |
---|---|
A商店 | りんご |
お店名:VARCHAR2(10)
取扱商品名:VARCHAR2(10)
カラム名に「商品」が含まれているカラムとそのテーブルが知りたい
以下のクエリを実行すると
select a.COLUMN_NAME, a.TABLE_NAME from USER_TAB_COLUMNS a where a.COLUMN_NAME like '%商品%'
この結果が得られる。
a.COLUMN_NAME | a.TABLE_NAME |
---|---|
商品名 | 商品テーブル |
取扱商品名 | お店テーブル |
「VARCHAR2(10)」のカラムとそのテーブルが知りたい
以下のクエリを実行すると
select a.COLUMN_NAME, a.TABLE_NAME from USER_TAB_COLUMNS a where a.DATA_TYPE = 'VARCHAR2(10)'
この結果が得られる。
a.COLUMN_NAME | a.TABLE_NAME |
---|---|
商品名 | 商品テーブル |
お店名 | お店テーブル |
取扱商品名 | お店テーブル |
これらのCOLUMN_NAME、TABLE_NAME、USER_TAB_COLUMNS、DATA_TYPEなどで取得できる情報を
データディクショナリーと言うらしい
2019/04/30 鎌倉・江の島
鎌倉・江の島に行きました。
— 八木 (@ygnb0605) April 30, 2019
— 八木 (@ygnb0605) April 30, 2019
— 八木 (@ygnb0605) April 30, 2019
ケーキおいしい
— 八木 (@ygnb0605) April 30, 2019
紅茶おいしい
にゃんこかわいい pic.twitter.com/XwVBm49EHg