スキルアップを始める!

2020-04

Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#14オープニングでスペースキーを押した時にいきなり攻撃を発射しないように調整する

前回までのあらすじ もう完成でもいいかもしれないと思いつつ、さらに色々と機能を追加してたいと思う今日このごろ。 ゲーム開始時のカプセル発射を止める。 今のままだと、ゲームスタート直後にカプセル発射するので、スペースキーが押される(ゲームスタ...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#13ゲームの開始画面(オープニング)を用意する

前回までのあらすじ だんだんとゲームらしく(?)なってきました! オープニングを追加 ゲームが始まったら・・・ 「ゲームスタート」PRESS「スペースキー」 ・・・のような表示があって、キーを押したら開始、のようにしたいので追加してみます!...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#13 降ってくる敵を増やす+攻撃が当たった時に攻撃も消す

前回までのあらすじはこちら 攻撃ができるようになったが、1体の敵を倒したら、ゲーム終了。笑 このままだと、クローンが消えて終了。 今のままだと、「このクローンを削除する」が発動した時に、新しいクローンが作られないので、再び実行|■ボタンを押...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#12敵を攻撃できる武器(アイテム)飛び道具を追加する

前回までのあらすじ ジャンプが出来るようになりました! 攻撃用のスプライトを追加 もし手元に画像があれば追加します。 隠しておかないと、スプライトが画面に表示されたままになりますので、まずは隠します。 繰り返し処理 飛び道具のy座標が増えて...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#11ジャンプの動きを追加する

前回までのあらすじ ゲームオーバーの時にひっくり返って落ちていくようになった。 「ジャンプ変数」を作っておく ジャンプの動きが作れるように変数をひとつ準備しておきます。 地面に付く(y座標が-110未満になる)まで、y座標が動き続けます。 ...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#10ゲームオーバーの時の動きを追加する(ひっくり返って落ちる)

前回までのあらすじ だんたんと、ゲームのようになってきました。 ゲームオーバーの時に動きを追加する 「もしゲームオーバー変数=1なら~」という後に、ゲームオーバーのときの動きを追加していきます。 回転方法を自由回転にする もし、ゲームオーバ...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#09「クローン」を使って実行と終了の処理を簡単にする

前回までのおさらい 敵に当たってゲームオーバー。はできたけど、何かがおかしい。 前回までの問題点は、「敵に当たってゲームオーバー」になった時に、キャラクター達が移動(元の位置に戻る)をしなかったので、実行(ゲーム開始)した時に、ゲームオーバ...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#08敵キャラクターに当たったら「ゲームオーバー!」を追加する

前回までのおさらい 空から降ってくるキャラクターが追加されました。 ここから、敵キャラクターに当たってゲームオーバー、を追加したいと思います。 スクラッチプログラミング事例大全集 背景を変更 そろそろ白背景が寂しくなってきたので、背景を変更...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#07空から降ってくるキャラクター(敵キャラクター)を追加してみる

空から降ってくるキャラクター(敵キャラクター)を追加してみたいと思います スプライトをアップロード 画像を追加します。これはパソコンの中から画像をアップロードしていますが、「検索」から最初から準備されている別のキャラクターを追加してみてもO...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#06音量のオン・オフ(ON/OFF)機能を追加してみる

「キャラクター(コスチューム)が歩いている時に音を鳴らす」をやりましたが、このままでは「音を出したくない」時にも音がなってしまいますので、「音量のオン・オフ」の設定を追加してみます。 音量のオン・オフ シンプルに考えると「上矢印キーを押して...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#05バックパック|他のプロジェクトに作ったスクリプトをコピーできる便利機能

Scratch(スクラッチ)を使っていて、「他のプロジェクトにスクリプトを丸ごとコピーできないかな・・・」と思った時に便利なのが、「バックパック」機能です。 バックパック 画面の下の方に「バックパック」と書いてあるバーがあるのでクリックしま...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#04キャラクター(コスチューム)が歩いている時に音を鳴らす

前回までのおさらい 右向き矢印キーを押す→右に移動する+向きを変える左向き矢印キーを押す→左に移動する+向きを変える 音を鳴らす 歩いている時に無音なのはちょっと悲しいので、音を鳴らしてみたいと思います。 左上のタブから「音」のタブをクリッ...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#03キャラクター(コスチューム)を左右で切り替える

前回までのおさらい 右向き矢印キーを押す→右に移動する左向き矢印キーを押す→左に移動する このままだと、左に移動した時にムーンウォーク状態になってしまうので、左矢印キーを押した時には「左向き」に切り替えるようにしたいと思います。 向き(角度...
zoom(ズーム)

【zoom】背景を変える(バーチャル背景)設定方法

zoomでバーチャル背景を設定していると、「それどうやってやるの?」と聞かれることも多いので、設定方法をご紹介したいと思います!(簡単です) 仮想背景を選択して下さい 画面下の方にあるビデオのアイコンの横の「^」をクリックして「仮想背景を選...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#02キャラクター(コスチューム)を切り替えて動いているように見せる

前回のまでの動きはこちら このままだと、キャラクターが横にスライドして動くだけですので、キーボードを押す(動く)たびにキャラクターに動きを付けてみます。 コスチュームを準備 まずは、動く用のコスチュームを2パターン準備します。このコスチュー...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#01新規プロジェクト(ゲーム)の作成方法(初期画面編)

Scratch(スクラッチ) Scratch(スクラッチ) とは?MITメディアラボが開発したプログラミング言語学習環境。 「プログラミングコードを書かずにプログラミングの学習をする」ことが出来る、プログラミング学習に最適な環境です。 Sc...
CSS(シー・エス・エス)

【CSS】cssのvwとは? vh, vmin, vmax,%の違いについて

width cssで画像の横幅を指定しない場合は画像サイズがそのまま設定されるので、ウィンドウサイズが大きくても小さくても画像のサイズはそのままです。 ウィンドウを小さくすると、画像が隠れて見えなくなります。 width:100% 画面の横...
CSS(シー・エス・エス)

【CSS】右に何も無いのになぜかスマホで右にスクロールできてしまう?右側にできた謎の余白を消す方法

横幅は収まっているはずが・・・? cssを見ていても、横幅は画面に収まっているはずなのに、なぜか横にスクロールが出来てしまう。 こんな時の、ひとまずの対処法です。 DeveloperToolsでCSSのプロパティ&値を片っ端から消す おそら...
CSS(シー・エス・エス)

【CSS】スマホで表示した時に画面が横にスクロールする状態を解決する方法

WordPressなどでウェブサイトを作成した時に、スマホで表示させた時に横にスクロールしてしまう場合の解決法です。 width : 100% からのはみ出し? 例えばですが、単純に、width : 100%の場合に要素に左右にmargin...
VSCode(Visual Studio Code)

【VSCode】ファイルを編集時にライブプレビューでリアルタイム反映する拡張機能|Live Server

VSCodeで編集をしている時に「なんとかならないかな」のひとつが「HTMLを編集した時にリアルタイムでブラウザの状態を反映させる」かな、と思います。そんな時に便利な拡張機能が「Live Server(ライブサーバー)」です。 Live S...
Mac(マック)

【Mac&Windows】iPadやiPadminiをセカンドディスプレイにできる便利アプリ!|Duet Display

Duet Display Macであれば標準でiPadをセカンドディスプレイ化できる「Sidecar」といった機能がありますが、「macOS Catalina」以上が条件であったり、iPad側も(iPad (第 6 世代) 以降など)最近の...
Mac(マック)

【Mac】iPadやiPadminiをセカンドディスプレイにできる便利アプリ!|Yam Display

Macであれば標準でiPadをセカンドディスプレイ化できる「Sidecar」といった機能がありますが、「macOS Catalina」以上が条件であったり、iPad側も(iPad (第 6 世代) 以降など)最近のものである必要があります。...
WordPress(ワードプレス)

【WordPress】固定ページをドラッグ&ドロップで並び順の変更が出来るようになるプラグイン|Intuitive Custom Post Order

WordPressの固定ページの並び順変更 WordPressの固定ページで、ページの並び順を変えたい時、標準では「並び順」の数字を変えることで並び方が変わります。 しかし、ページの並び順の変更数が多い時、1件ずつ編集で並び順を調整するのは...
Photoshop(フォトショップ)

【Photoshop】「画像解像度」と「カンバスサイズ」の変更の違いについて

画像サイズの変更 Photoshopで「画像サイズを変更したい」と思った時には、イメージ>「画像解像度」か「カンバスサイズ」でサイズを変更することができます。 「画像解像度」 「画像解像度」でサイズを大きくすると、カンバス上の画像のサイズも...
zoom(ズーム)

【zoom】有料プランへの移行方法

今の社会情勢でzoomを利用している人も多いかと思いますが、無料で利用できる範囲ですと、3名以上参加でMeetingをする場合は、40分間制限という制約があります。 3名以上でミーティングを行う、自分は2台使って相手は1台、といった場合には...
Apple(アップル)

【iPhone・Mac】AppleIDのメールアドレスを変更する方法

Appleアカウントの管理 まずは今のAppleIDのメールアドレスとパスワードでログインします。 2ファクタ認証 同じAppleIDでログインしているiPhoneなどに確認コードが表示されます。 確認コードを入力するとアカウント情報にログ...
Illustrator(イラストレーター)

【illustrator】アートボードをオブジェクト(画像)に合わせる3つの方法

ドラッグアンドドロップで画像を開く illustratorのファイルを何も開いていない状態でillustratorのアプリケーション上に画像をドラッグアンドドロップすると画像を開くことができます。 しかし、画像を開いた時のアートボードのサイ...
LINE(ライン)

【LINE】「画面シェア」機能追加!デスクトップ版LINEで同時通話+画面共有を行う方法

PC版のLINEを使うと、PCでLINEの操作や送信、画面共有ができるので便利です! ダウンロードはこちら 「Windows版をダウンロード」をクリックすると、インストールファイルがダウンロードされます。 ファイルを開いてインストールを進め...
Apps(アプリ)

【iPhoneアプリ作成】App プレビューとスクリーンショットの画像サイズについて

審査へ提出 審査へ提出をしようとした時に、App プレビュー、スクリーンショットの枚数が不足しているとエラーが出てしまいます。 スクリーンショットを少なくとも1つ追加する必要があります。 iPhone6.5インチディスプレイ・5.5インチデ...
Google(グーグル)

【Googleカレンダー】カレンダーの予定や空き状況・スケジュール等を一般公開する方法

新しいカレンダーを作成する Googleカレンダー まずは「新しいカレンダーを作成」します。 カレンダー名入力>カレンダーを作成 カレンダー設定>「設定と共有」 埋め込みコードを取得する 下の方にスクロールして「埋め込みコード」をコピーして...
URLをコピーしました!