• Skip to main content
  • Skip to primary sidebar

プログラミング入門ナビ

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

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

プログラミング入門

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(プログラス)でプログラミングを学んで、創れる人になろう!

在宅学習応援!今なら複数の基礎コースが無料!!

今すぐ詳細を確認する

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(プログラス)でプログラミングを学んで、創れる人になろう!

在宅学習応援!今なら複数の基礎コースが無料!!

今すぐ詳細を確認する

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のインストールを実施.¥11,800 4.3 (1944 ratings)99 lectures, 5 hours

動画で学ぶプログラミング入門

オンラインスクールProglus(プログラス)でプログラミングを学んで、創れる人になろう!

在宅学習応援!今なら複数の基礎コースが無料!!

今すぐ詳細を確認する

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

  • « Go to Previous Page
  • Go to page 1
  • Interim pages omitted …
  • Go to page 12
  • Go to page 13
  • Go to page 14
  • Go to page 15
  • Go to page 16
  • Interim pages omitted …
  • Go to page 20
  • Go to Next Page »

Primary Sidebar

Twitter

Follow @programmingnavi Tweets by programmingnavi

Facebookページ

プログラミング入門ナビ

メルマガに今すぐ登録!

ブログの更新情報やお得なクーポン情報などをお知らせします。

登録はこちらから。

人気の記事

まだデータがありません。

最近の投稿

  • 【7/9更新】Udemyプログラミング入門講座等の割引クーポン配布
  • JavaScriptの「this」は呼び出し方によって値が変わる?違いを徹底解説!
  • JavaScriptのfor文で配列要素の足し算をするとNaNが出るのはなぜ?原因と対処法を解説!
  • プログラミング学習を成功させるポイントを3つお送りいたします
  • 初心者がスマホアプリを開発するには?iOSとAndroidの両方について必要なスキルを確認しよう

カテゴリー

  • エンジニアのしごと
  • エンジニアへの道
  • ツールの使い方
  • ニュース
  • プログラミング入門

タグクラウド

AI AWS AWS Cloud9 Bootstrap Cloud9 CodeWing CSS Git GitHub Heroku HTML JavaScript Linux macOS MySQL MySQL Workbench node.js Nuxt.js Proglus Python Ruby Ruby on Rails SQL Udemy Vue.js Web開発 Windows Windows10 エラー エンジニア オンライン学習 サーバ サーバー スクリーンショット セキュリティ セール データベース プログラミング プログラミング入門 プログラミング学習 ユーデミー 初心者 未経験 機械学習 開発環境構築

アーカイブ

  • 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・プライバシーポリシー