プログラミング学習無料視聴動画

プログラミング学習をする上で、役に立つコンテンツ一覧です。

無料お試し動画

LINE会員様限定！忍者CODEがお届けする有料動画の一部を無料で公開！
受講前に実際にご体感下さい！

【Web制作コース】

HTMLのタグ構成をしよう

【Webデザインコース】

LPを作成しよう

【Rubyコース】

実際にRubyプログラムを実行してみよう

【Pythonコース】

プロジェクトの作成

【Javaコース】

条件分岐と繰り返し処理

【Shopifyコース】

商品登録

【動画編集コース】

背景を消す編集をマスターしよう

プログラミング未経験・初学者向け無料動画一覧

これからWEB制作やプログラミングの学習を始める「未経験」の方や、最近学習を始めた「初学者」の方におすすめの動画です！

検証ツールを使い倒す！検証ツールの使い方

使用方法
・ブラウザ上で右クリック→「検証」
・Command + alt + i (macの場合)

-Elements-
・文字列を書き換えれる
・class名の追加、削除、書き換えが可能
・imgやファイルを右クリックから「open in new tab」で別タブ表示可能
・force stateでhoverした状態をデフォルト化できる
・CSSプロパティ値の書き換え可能
・擬似要素の追加が可能
・幅や高さなど数値で見ることが可能
・スマホの確認もできる

-Console-
・JavaScriptを実行することができるエリアになります。

閉じる

続きを見る

検証ツール：オーバーライドの方法

1. ご自身のprojectフォルダの中にoverrideディレクトを格納してください！
2. ブラウザ上部に出てくるGoogleの許可をYesと選択
3. overridesしたいファイルを右クリックしてseve for overrideを選択
4. エディタで自由にできるよ
5. stylesでの反映も影響されるので注意

閉じる

続きを見る

ローカル環境をスマホで実機確認

1. ローカルサーバーの立ち上げ(MAMPやXAMPPなど)
2. PCとスマホを同じWi-Fiにつなぐ
3. スマホでお使いのブラウザのURLで[IPアドレス:8888]

閉じる

続きを見る

Web魚拓の使い方について解説

Web魚拓を検索してアクセス
用途１過去のアーカイブを見る
用途２ご自身の魚拓を取る
ご自身の魚拓を取る場合はアーカイブに残る為、注意も必要です。

閉じる

続きを見る

ローカル開発環境のつくりかた

-VSコードからローカル環境構築-
VSコードのプラグインでLiveServerをインストールする。
開きたいディレクトリファイルをプロジェクトとしてVSコードで開き画面右下のLiveServerを押下すると自動でブラウザが立ち上がります。
※右下にLiveServerがない場合は、プロジェクトを終了しもう一度立ち上げてください。
-MAMPでローカル環境構築-
MAMPをインストールします。
検索等でMAMP　インストールと調べるとMAMPのインストールページがでます！
インストールしたら、document rootに開きたいディレクトリを設置します。
設置したらMAMPを起動してください。
起動後自動的にブラウザが立ち上がります。
立ち上がりましたら、localhost:8888のみを残してリロードしてください

閉じる

続きを見る

おすすめGoogle拡張機能5選！

・The QR Code Extention
・HTMLエラーチェッカー
・GoFullPage
・テキストエンコーディング
・PerfectPixel

閉じる

続きを見る

「clippy」とかいう神ツール

clipyをインストールしましょう
インストール後画面右上のclipyのアイコンを押下し
●環境構築の【ショートカット】でclipyの出現カットキーを好みのものにしましょう。
【一般】で履歴の項目を好きな数にできます。
●スニペットを編集から【フォルダの追加】→【スニペット追加】でご自身の好きなパスワードなどを記憶させましょう

閉じる

続きを見る