• Skip to main content
  • Skip to primary sidebar

プログラミング入門ナビ by Proglus(プログラス)

プログラミング学習初心者のための情報メディア

本ページにプロモーションが含まれる場合があります

You are here: Home / Archives for プログラミング入門

プログラミング入門

クラウド開発環境AWS Cloud9を利用する時に気をつけるべき注意点

2018-07-12 By プログラミング入門ナビ編集部

クラウド環境でブラウザがあればソフトウェアの開発が行えるAWS Cloud9(エーダブリューエス クラウドナイン)を利用する際の注意点について説明いたします。
とても便利な反面、セキュリティなどに気をつけないと、トラブルに巻き込まれる可能性がありますので注意しましょう。

この記事は、オンラインプログラミング学習講座「Web開発入門完全攻略コース」サポート記事です。

無料動画で学習する

AWSアカウント管理は厳重に

ID, パスワード, secret keyなど
不正に使用されると高額な請求が発生されることも。
一般的なことではあるのですが、特に注意してください。

事例

AWS で不正アクセスされて凄い額の請求が来ていた件

secret key (いわゆるパスワードに相当)を、インターネットに公開していたことが原因です。

利用しなくなったサーバー(サービス)は停止しておく。

AWSは、従量課金のサービスです。
例えとして電話代をイメージしてください。
通話を切らないと、課金され続けると思います。
それと同様に、(インスタンスの)サーバの利用を止めないと、課金が続いてしまいます。

Cloud9の場合は、30分利用しなかったら、利用を自動OFFにする設定ができますので、設定します。

Bliinng Alertを設定

一定金額を超えたら、メールで通知する設定ができるので、ぜひ設定しておきましょう。

無料枠の範囲を超えたり、無料枠の期間が終わると、課金される。

Cloud9利用にあたっては、EC2の無償枠の期間は1年。

1年経ったら、また別のメールアドレスで、新規にアカウントを作り、無償枠を貰うという方法もあったりもします。
しかしながら、AWSの利用規約には抵触しないように、気をつけましょう。

学習をしてから各サービスを利用する。

AWSには、本当にいろいろサービスがあります。
よくわかっていない状態で使用するのはセキュリティ面や、費用面で危険なので、やめましょう。
AWSのヘルプや、Udemyなどのオンライン学習、書籍などで勉強してから各種AWSのサービスを利用してください。

おわりに

AWS Cloud9を利用する時に気をつけるべき注意点について説明しました。

Udemyでオンライン講座を公開中!

オンライン講座「Web開発入門完全攻略コース」では、AWS Cloud9によるRuby, Ruby on Railsの開発環境構築方法を動画を使って学習できます。
無料プレビューを1時間分用意しています。ぜひご確認ください!

動画でプログラミング入門をしよう

オンライン学習サービスProglus(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Filed Under: ツールの使い方 Tagged With: AWS, Cloud9, クラウド, プログラミング入門, 開発環境構築

JavaScriptのプログラムをコメントにする方法

2018-07-04 By プログラミング入門ナビ編集部

JavaScriptのコメントについて、プログラミング入門者向けに説明いたします。

HTMLやCSSとコメントの仕方が異なる部分があるので、注意してください。

この記事は、オンラインプログラミング学習講座「Web開発入門完全攻略コース」サポート記事です。

コメントとは

コメントとは、文字列の記載はあるけれども、 実行するときに無いものとして扱うことです。
文字列をコメントにすることを、コメントアウトと言います。

動画でJavaScriptのコメントを学習する

コメントの用途

  • デバック等のために、プログラムを一時的に無効にしたい。
  • プログラムの動作に関して、メモ書き(コメント)を残したい。

JavaScriptのコメント

JavaScriptで文字列をコメントにするには、

一行コメント

1行の時は、// を記載します

例)
// console.log(‘Hello!’);

復習行コメント

複数行の時は コメントしたい箇所を/* */ で囲います。

例)

/*
console.log(‘Hello1’);
console.log(‘Hello1’);
console.log(‘Hello1’);
*/

テキストエディタ(Atom)のショートカット

下記のショートカットで、コメントのON/OFFを切り替えられます。
コメントしたい箇所を選択、または、コメントしたい行にカーソルを移動
してから、

macOS環境

commandキー + スラッシュキー

Windows環境

controlキー + スラッシュキー

おわりに

このレクチャーでは、JavaScriptコメントについて、プログラミング入門者向けに説明いたしました。

オンライン講座「Web開発入門完全攻略コース」では、GitとGitHubの使い方について動画をつかって丁寧に説明しています。
無料プレビューを用意しています。ぜひご利用ください!

動画でプログラミング入門をしよう

オンライン学習サービスProglus(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Filed Under: プログラミング入門 Tagged With: JavaScript, プログラミング入門

macOSでスクリーンショット(画面キャプチャ)を撮る2つの方法

2018-07-03 By プログラミング入門ナビ編集部

macOSでスクリーンショット(画面キャプチャ)を撮る方法について説明します。
たとえば、世界最大級のオンライン学習サイトUdemy(ユーデミー)でプログラミング学習する時に、Q&Aコーナーにスクリーンショットを添付すると、よりよいサポートが受けやすいです。

アジェンダ

次の2つについて説明します。
1) macOSの標準機能を使う方法
2) Skicthアプリを使う方法←おすすめ

1) macOSの標準機能を使う方法

macOSが標準でスクリーンショットを撮る方法を提供しています。
追加でアプリのインストールが不要なメリットがあります。

画面全体のスクリーンショットを撮る方法

1.「shift + command (⌘) + 3」キーを押す。
1. スクリーンショットがデスクトップに .png ファイルとして作成される

画面の選択した部分のスクリーンショットを撮る方法

  1. 「shift + command + 4」キーを押す。
  2. ポインタが十字型に変わる。
  3. スクリーンショットの撮影範囲の始点となる位置に十字ポインタを移動し、そのままドラッグして範囲を選択する
  4. マウスまたはトラックパッドのボタンを放す。取り消すには、ボタンを放す前に「escape (esc)」キーを押す。
  5. スクリーンショットがデスクトップに .png ファイルとして作成される。

ウインドウのスクリーンショットを撮る方法

  1. 「shift + command + 4」キーを押す。
  2. ポインタが十字型に変わる。
  3. スペースキーを押す。
  4. ポインタの形がカメラに変わる。
  5. カメラポインタを目的のウインドウに移動して、そのウインドウをハイライトする
  6. マウスまたはトラックパッドをクリックする。取り消すには、クリックする前に「escape (esc)」キーを押す、
  7. スクリーンショットがデスクトップに .png ファイルとして作成される。

2) Skicthアプリを使う方法

macOSが提供するスクリーンショットを撮る方法は、ショートカットを覚える必要もありますし、複雑で、慣れるまで使い勝手がよくありません。
そこで、Evernoteが提供する画像編集アプリSkitch(スキッチ)を使うと便利です。
無料で使えます。
以前はmacOSとWindows版があったのですが、今はmacOSのみサポートしています

Skitch

ショートカットを覚えなくても、macOSのメニューに表示されるSkitchアイコンをクリックすることで、スクリーンショットが撮れます。ショートカットも使えます。

画像編集機能

簡単な画像編集ができます。

  • 矢印を入れる
  • テキストを入れる
  • 四角形や線を書く。
  • モザイクを入れる
  • トリミングする

といったことが、簡単操作で可能です。

Photoshopのように、1pxまで精密に加工することはできませんが、
実務上、スクリーンショットをもとに何かを説明するには、Skitchで十分なことが多いです。

おわりに

macOSでスクリーンショット(画面キャプチャ)を撮る方法について説明しました。

動画でプログラミング入門をしよう

オンライン学習サービスProglus(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Filed Under: ツールの使い方 Tagged With: Evernote, macOS, Skitch, Udemy, スクリーンショット, プログラミング入門, 画面キャプチャ

LAMP環境とはなにかプログラミング入門者向けに説明します

2018-07-01 By プログラミング入門ナビ編集部

LAMP環境とはなにかプログラミング入門者向けに説明します。

この記事は、「Linuxサーバー構築運用入門」のサポート記事です。

動画で学習する

LAMP(ランプ)とは

Linux・Apache・MySQL・PHP(または、Python、または、Perl)
の頭文字をとったものです。

Webアプリケーションを開発する環境として人気のあるオープンソースソフトの組み合わせです。

LAMPのL

Lは、この講座でもインストールした、サーバでよく使われるOSのLinuxです。

LAMPのA

Aは、Apacheです。Apacheは、 Webサーバのソフトウェアです。
インターネットで、Webサイトを公開するためによく使われるソフトウェアです。

LAMPのM

Mは、MySQLのMです。
オープンソースのリレーショナルデータベースです。
データベースというのは、例えば、会員制サイトでユーザーのメールアドレスや名前などのデータを効率的に保存して利用できる仕組みです

LAMPのP

Pは、PHP (または、Python またはPerl)の頭文字です。
オープンソースのプログラミング言語です。

それぞれ、シェアも高いですし、流行廃りが早いこの業界で、少なくとも10年弱くらいこの組み合わせは使われているので、Webサービスをつくる時の、技術選択として定番で安心感があります。

私はエンジニア採用担当にも従事していたのですが、応募条件としてLAMP環境での開発経験がある方というのは、いれていました。

実際に、エンジニアの転職サイトを、見て見ると応募条件にLAMP環境での開発経験がある人を募集している企業が多いことが分かると思います。

LAMPを使う3つのメリット

  • コストが抑えられる(オープンソースでライセンス費用が掛からない)
  • 学習しやすい(意欲に加えてインターネットとPCが有れば、開発環境が整う。学習コストも低めだと思います。)
  • 汎用性が高い(特定の企業の製品に依存しにくい。たとえばのイメージですが、特定の会社のデータベース製品を使うした場合、あわせて、そのデータベースが動くサーバもその会社の製品を使わないと、ライセンス料が割高になってしまうとか、企業の都合の縛りが緩い。)

デメリット

自分たちで情報収集をして良い悪いを見極めて自己責任で利用する必要があります。
販売されている製品、たとえばOSでいうとWindowsとか、MacOS とちがってサポートありません。

手厚いサポートが必要な場合はサーポートサービス提供している会社から、有料購入することもできます。

とはいえ、デメリットよりメリットの方が格段に多きいので、多くの会社で使われています。

おわりに

この記事では、LAMP環境とはなにかプログラミング入門者向けに説明しました。

オンライン講座、Linuxサーバー構築運用入門 (CentOS7, PHP7, Apache, MySQL, WordPress対応)では、Linuxの操作に慣れていない方向けに、コマンドの使い方から始まり、最終的にはLinuxサーバを設定してhttps対応の独自ドメインのオリジナルブログが公開できるように説明します。

動画で丁寧に説明していますので、ぜひご利用ください。

Bestseller はじめてのLinuxサーバー構築運用入門 - Linuxコマンドを基礎から学ぶはじめてのLinuxサーバー構築運用入門 - Linuxコマンドを基礎から学ぶ中村 祐太 Yuta Nakamura, Proglus (プログラス)Linuxコマンド操作を基礎から学習してLAMPを構築できる. Linux, Apache MySQL(MariaDB), PHP, WordPressのインストールを実施. 4.4 (1982 ratings)99 lectures, 5 hours

動画でプログラミング入門をしよう

オンライン学習サービスProglus(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Filed Under: ツールの使い方 Tagged With: Linux, サーバ, プログラミング入門

UdemyのQ&A機能の使い方について説明します(unofficial)

2018-06-30 By プログラミング入門ナビ編集部

世界最大級のオンライン学習サイトUdemy(ユーデミー)の、Q&A機能の使い方について説明いたします。

下記Udemyコースのサポート記事です

  • はじめてのSQL・データ分析入門 – データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コース
  • Web開発入門完全攻略コース – プログラミングをはじめて学び創れる人へ!未経験から現場で使える開発スキルを習得!
  • Linuxサーバー構築運用入門 (CentOS7, PHP7, Apache, MySQL, WordPress対応)

UdemyのQ&A機能について

学習を進めていくうえで、分からないことが発生したらQ&A機能を使って質問をすることができます。
講師や、先に学習が進んでいる受講生が学習をサポートします。
これが書籍などで独学する場合との大きな違いです。

UdemyのQ&Aへコメントする際のポイント

質問をする場合は、適切なサポートが受けられるように、具体的な記述を心がけてください。
画面キャプチャを貼り付けると有効な場合があります。
もしコースの不備を見つけましたら、お手数ですがコメントをいただけると助かります。

操作手順

Q&Aを参照するボタンをクリック

Q&A は、動画を視聴する画面の、画面下にある「Q&Aを参照する」ボタンをクリック

新しく質問ボタンをクリック


他の受講生がすでに質問している場合は、過去のコメントがないか確認しましょう。
新しく質問ボタンをクリックすることで、投稿画面へ進むことができます。

質問を投稿

タイトルと、本文を入力して、「質問を投稿する」ボタンを押すと、投稿が行えます。
リンク、画面キャプチャを添付することもできますので活用しましょう。
コードを囲む機能もあります。

補足

Udemyのサイトは、日々進化していますので、詳細についてはヘルプページを参照してください。

UdemyのQ&A機能の使い方を動画で学習する

おわりに

このレクチャーでは、Udemyのコースを学習をする中で利用できる、Q&A機能について説明しました。

動画でプログラミング入門をしよう

オンライン学習サービスProglus(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Filed Under: ツールの使い方 Tagged With: Q&A, Udemy, ディスカッション, プログラミング入門, ユーデミー

  • « Go to Previous Page
  • Go to page 1
  • Interim pages omitted …
  • Go to page 7
  • Go to page 8
  • Go to page 9
  • Go to page 10
  • Go to page 11
  • Interim pages omitted …
  • Go to page 13
  • Go to Next Page »

Primary Sidebar

Proglus(プログラス)

Twitter

Follow @programmingnavi Tweets by programmingnavi

最近の投稿

  • 【06/02更新】Udemyプログラミング入門講座等の割引クーポン配布
  • AWSのパブリックIPv4アドレス有料化について 2024/2より
  • 【CSS】Google Fontsの利用方法について解説します!新UIに対応2023年11月更新
  • 【SQL】XAMPPのMySQLがXAMPPがポートの競合で起動できない問題について解決方法を解説します!
  • 【Colab】–NOMAL– と表示されて、ショートカットキー(ctrl+c)でコピーができない場合の解決方法を解説します!

カテゴリー

  • AIの使い方
  • Arduino入門
  • AWS
  • その他
  • エンジニアのしごと
  • エンジニアへの道
  • ツールの使い方
  • ニュース
  • プログラミング入門
  • 電子工作入門

タグクラウド

AI AWS AWS Cloud9 Cloud9 CodeWing CSS Emmet GCP Git GitHub Heroku HTML JavaScript li Linux macOS MySQL MySQL Workbench node.js Nuxt.js ol Proglus Python Ruby Ruby on Rails SQL Udemy Visual Studio Code Vue.js Web開発 Windows インストール エラー エンジニア オンライン学習 サーバー スクリーンショット セール プログラミング プログラミング入門 プログラミング学習 ユーデミー 初心者 未経験 機械学習

アーカイブ

  • 2025年6月
  • 2024年1月
  • 2023年11月
  • 2023年9月
  • 2023年8月
  • 2023年7月
  • 2023年5月
  • 2023年4月
  • 2023年2月
  • 2023年1月
  • 2022年12月
  • 2022年11月
  • 2022年10月
  • 2022年9月
  • 2022年8月
  • 2022年7月
  • 2022年4月
  • 2022年3月
  • 2022年2月
  • 2022年1月
  • 2021年10月
  • 2021年9月
  • 2021年8月
  • 2021年6月
  • 2021年4月
  • 2021年3月
  • 2021年1月
  • 2020年12月
  • 2020年11月
  • 2020年10月
  • 2020年9月
  • 2020年8月
  • 2020年7月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年2月
  • 2020年1月
  • 2019年11月
  • 2019年9月
  • 2019年7月
  • 2019年6月
  • 2019年5月
  • 2019年4月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年12月
  • 2018年11月
  • 2018年10月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2018年5月
  • 2018年4月
  • 2018年3月

検索

Copyright © 2025 · programmingnavi.com ・About・プライバシーポリシー