プログラミング 1年生

prog_pu

初心者〜そこそこ向け◎初めてのプログラミング

始めた頃は拒否反応しか無かったコードや”黒い画面”。
思い通りに行かないイライラ期をとにかく手を動かす(実際にコードを書いて動かしてみる)事で乗り越えるといつの間にか拒否反応は激減しコードを見るのが楽しいと思えるように。

そんな元初心者が「分からない人の気持ち」で作った書き込み多め、とにかく分かり易く作ったページです。

小学校で必修化が検討されるというプログラミングをお子さんと一緒に楽しんでください◎

THE TEAM  一緒に学ぶなかま

削除、入れ替え、プロジェクト名の変更、AにもBにも同じアイコンを入れたい。右上のハンバーガ
シロスジカミキリをトレースしてアイコンフォントにしました
Scratch→Icomoon→VSCode の順でオリジナルアイコンを作って公開する方法
CSSの便利な疑似要素「: : after」と「: : before」を使ってIcoMoo
レスポンシブ対応のサイトをヘッダー、フッターなどの組み合わせで(0から書くよりずっと)簡単
最初からレイアウトが決まっていて1回で済む時もあれば途中で”この中に追加したい”と思う時も
Layoutit!を使わずエリアを作ってエリア名を付けて色を付けて画像を配置するまで
格子状マス目のレイアウトが作れるCSS Grid Layout 。これを更に簡単に作れるツ
html,cssのリンク、相対パスの書き方。同一階層でフォルダを跨ぐ場合も「../」が必要
Live Sass Compilerのバージョンを新しくしてLive Serverを使わな
Live Sass Compiler、コンパイル後のCSSのフォーマットやファイルが作られ
商用利用OK、無料の素材サイトFLAT ICON DESIGNさんのファミコンイラストをS

INKSCAPEでもスプライトが作れます

「INKSCAPE(インクスケープ)1年生」

ドロー(描く)系フリーソフトです。
機能が多いためスクラッチで描くよりも使いこなすには時間がかかりますが、慣れればこちらの方が効率が良いと思う方もいるはず。

これをきっかけに今後イラストもやってみたいという方はやって損は無いと思います。

MENU
PAGE TOP