TechAcademy（テックアカデミー） ツール系 無料で利用したい！Evernoteの代替になるサービス10選
オーダーメイドコース
icon
icon
ツール系

無料で利用したい！Evernoteの代替になるサービス10選

Evernoteの代替になるクラウド上にファイルや画像を保管できるサービスをまとめて紹介しています。複数人で同じファイルを作業する場合などクラウドにあげておけば誰でもどの環境でも作業できます。ぜひ利用してみてください。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査

Evernoteのようにオンラインにファイルをアップロードして保管したり、他の人と共有できるクラウドストレージについて紹介していきます。

写真やファイルもクラウドにあげておけば、PCなど環境に左右されず誰でも作業することができます。

 

また、オンラインのプログラミングスクールTechAcademyでは、未経験でもプログラミングを習得することが出来ます。

 

OneDrive

en_sub_1

Microsoftが提供しているサービスです。

無料で5GBまで使用できます。Microsoft Office 365(Officeの各種ソフトの最新バージョンが利用できる)プランに入っていると最大容量が1TBになるため、Office系のファイルを扱うことの多い方には特に便利なストレージです。

アップロードしたWordやExcelなどの文書は、オンラインでも編集することができます。

OneDrive

 

Google Drive

en_sub_2

Googleが提供しているサービスです。

無料で15GBまでとOneDriveと比べて容量が大きくなっています。

ドライブ内のよく使うファイルにお気に入りのスターを付け、すぐアクセスできるように設定することができます。

Google Drive

 

[PR] 最短2日でChatGPTが頼れる相棒に！LINEヤフー主催のAI講座

Dropbox

en_sub_3

無料で2GBまでが使用可能ですが、友達紹介などで容量を増やすこともできます。

共有専用のフォルダを作成し、他のユーザーとやりとりしたりすることが可能です。

ユーザー以外にリクエストしてファイルを収集することもできるようになっています。

Dropboxの使い方

 

iCloud

en_sub_4

Apple社が提供しているサービスで、Macの主なアプリケーションと同期できます。

また、Windowsでも使用が可能です。

容量は無料で5GB、有料なら最大2TBまで利用できます。

iCloud

 

AmazonDrive

en_sub_8

amazonプライム会員が利用できるサービスです。

最大5GBまでのストレージを使用可能で、更に年額13,800円の追加金額により容量無制限で使うことができます。

プライムフォト(写真用のストレージ)はプライム会員の場合追加の金額なしでも無制限に利用が可能です。

AmazonDrive

 

COREDRIVE

en_sub_cd

プレビュー機能に特化しており、Adobe Photoshopなどのファイルでもソフトを起動することなくストレージ内でプレビューできるのが特徴です。

そのため、他メンバーと共有すると相手側に対応のソフトがなくてもファイルの内容を見せることができるようになっています。デザイナーの方などにもオススメです。

COREDRIVE

 

box

en_sub_box

個人用のPersonalプランは無料で10GBが使用可能です。

無料プランの場合、アップロードできるファイルの最大容量が250MBまでと定められています。

ストレージ容量が無制限で5GBまでの大きさのファイルを扱うことができるビジネスプランも存在します。

box

 

Teraクラウド

en_sub_6

無料で10GBまで使用可能、友達紹介で最大1TBまで容量を増やすことができます。

有料会員の場合長期で使うことで1年につき100GBが追加されるサービスが存在します。

Teraクラウド

 

SugarSync

en_sub_7

有料サービスですが、30日間の無料体験が可能です。料金は7.49＄/月で100GBからのコースがあります。

紛失や窃盗があった場合に内容をすぐ削除することができるリモートワイプという機能があります。

SugarSync

 

Yahooボックス

en_sub_9

無料で5GB、Yahooプレミアム会員の場合は50GBまで使用できるサービスです。

有料の容量追加オプションによりさらに100GBの追加ができます。

Yahooボックス

 

おわりに

以上、Evernoteの代替になる無料サービスを紹介しました。

クラウドのサービスは海外だけでなく、日本でも増えてきているのでぜひ使ってみてください。

今回は代替サービスを紹介しましたが、Evernoteの使い方も合わせてご覧ください。

 

TechAcademyでは初心者でもエンジニアになれるオンラインブートキャンプを開催しています。これからプログラミングを学びたいという方はぜひご覧ください。

現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、最短4週間でオリジナルWebサービスを開発することが可能です。

独学に限界を感じている場合はご検討ください。

記事を検索

関連するキーワード

関連する記事

業務システム向けのデータベースとは！現役エンジニアが解説【初心者向け】

業務システム向けのデータベースについて解説します。データベースとはなにか？から選び方・導入手順まで解説しています。 ぜひ参考にしてみてください。 &...
ツール系

おすすめのRPAツールはどれ？選ぶ際のポイントやそれぞれの特徴を解説

RPAツールについて解説します。   田島悠介 今回は、ツール系に関する内容だね！ 大石ゆかり どういう内容...
ツール系

Microsoft Azureとは？導入メリットや学習法まで徹底解説

Microsoft Azureについて解説します。 なお本記事は、TechAcademyの法人向けIT・プログラミング研修での実績をもとに紹介しています。...
ツール系

Dropboxでファイルを他ユーザーと共有する方法【初心者向け】

Dropboxをファイル共有や写真共有のために利用している人は多いでしょう。 Dropboxにアップロードしたファイルは、Dropboxのアカウントを持っ...
ツール系

誰でも簡単にできる！SlackでBotを作る方法

Slack(スラック)は2013年アメリカでリリースされたチャットツールです。 Slackは2016年5月時点でDAU300万を突破しました。日本でも大人...
ツール系

無料で試せる！社内で使えるコミュニケーションツール10選

社内で使える便利なコミュニケーションツールを紹介していきます。 これから導入しようと思っている人や人が多くなってきた企業など、ぜひ参考にしてみてください。...
ツール系

あわせてよく読まれている記事

AWSとは？使える代表的なサービスや学習方法まで現役エンジニアが徹底解説

AWSについて解説します。 AWSを使いこなせるようになると素早くプロダクトを開発できスモールスタートで試すことができます。 今回はそんなAWSのメリットや学習方法について詳しく解説していきます。 なお本記事は、TechAcademyのオンラインブートキャンプの内容をもとにしています。   なお、今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。   田島悠介 今回は、ツール系に関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 AWSについて詳しく説明していくね！ 大石ゆかり お願いします！ 目次 AWSとは AWSを利用するメリット・デメリット AWSでできること AWSの将来性やエンジニア需要 AWSが使われている代表的なサービス AWSと他のサービスとの違い AWSの学習方法   AWSとは AWS(Amazon Web Services)とはAmazon社の提供するクラウドサービスです。 当初は仮想サーバ(EC2)やストレージサービスなどが中心でしたが、徐々にサービスの数が増え、現在は200種類を超えるサービスが提供されています。   [PR] 最短2日でChatGPTが頼れる相棒に！LINEヤフー主催のAI講座AWSを利用するメリット・デメリット 従来、企業がITシステムを利用したり提供したりする場合には、ハードウェアやソフトウェアを購入してデータセンタに設置し、その後の運用も自社で行うのが一般的でした。 この形態を「オンプレミス」と呼びます。 一方、AWSを含む「クラウドサービス」では、自社でこういった資産を保有しません。 代わりに、サービス提供者が必要なハードウェアやソフトウェアを用意し、サービス利用者は利用時間に応じた料金を支払ってそれらを使います。 オンプレミスと比較し、クラウドサービスには以下のようなメリットとデメリットがあります。 メリット 手軽に利用を始められる 必要なハードウェアやソフトウェアはサービス提供者側が用意します。 利用者はサービスを利用する契約を結び、利用開始の手続きを行うことで早ければ数分程度で即座にサービスの利用を開始することができます。 また当初は小規模な構成で開始し、アクセス数の増加などに応じて構成を拡大するといった柔軟な使い方も可能です。 初期費用が安い サービスによりますが、クラウドサービスでは初期費用が安く、スモールスタートや試行利用の容易な価格設定になっています。 オンプレミスではハードウェアの購入費用やソフトウェアの導入作業費用など、多額の初期費用を伴います。 運用をサービス提供者に任せられる オンプレミスでは定期的な保守や、機器故障の対応などを全て自社で行わなければなりません。 クラウドサービスではサービス提供者がこれら作業を行うため、サービス利用者は意識する必要がありません。 AWSでは「責任共有モデル」という考え方でAWS側がクラウド環境のベースとなる部分に責任を持ち、その上でユーザー側が責任を持ってサービスを実行するようになっています。 デメリット ハードウェア機器などの構成に制約がある 費用や技術力は必要ですが、オンプレミスは使用用途に合わせてハードウェア等の構成を部品単位で細かく調達できます。 一方、クラウドサービスはサービス事業者が用意した構成の中から選択することが一般的です。 利用者に特殊な要件がある場合、クラウドサービスでは達成が難しいかもしれません（クラウド事業者によっては、特殊要件に対応するため、利用者が構成した機器をデータセンターに持ち込んで運用するサービスを提供している会社もあります）。 大規模運用の場合、維持費用が高額になる場合がある オンプレミスでは初期費用で機器の購入費用は発生しますが、以降は電気代などの運用費用のみで済みます。 それに対してクラウドサービスは利用している時間に応じて利用料金が発生します。 大規模なサービスを利用する場合、時間単価が高額となり、一定期間運用した「初期費用+維持費用」の合計を比べると、クラウドサービスの方が高くなる場合もあります。   AWSでできること AWSでは多くのサービスが提供されています。 どのようなことができるか、代表的なサービスを確認していきましょう。 Amazon EC2 Amazon EBS Amazon Simple Storage Service (S3) Amazon Aurora Amazon DynamoDB Amazon Lambda Amazon VPC Amazon SageMaker Amazon EC2 AWSで最も多く利用されているサービスです。 EC2は「Elastic Compute Cloud」の略称で、WindowsやLinuxなどのVM(仮想マシン)を稼動させられるサービスです。 用途や予算に応じて様々なスペックのVMを選択できます。 VMに接続するネットワークも柔軟に構成できるので、あらゆる用途に使えます。 以下に具体例をあげます。 オンプレミスのシステムをそのままクラウドサービスに移行する 短期間の開発プロジェクトで、試験用のサーバを用意する（サーバ購入費用を節約できる） 災害対策として世界各地にサーバを分散配置する Amazon EBS EC2と共に利用することが多いサービスです。 EBSは「Elastic Block Store」の略称で、データを保存するストレージ機能となります。 EC2にもストレージ機能はありますが、VMが止まると内容が初期化されてしまいます。 データを永続的に保存したい場合はEC2とEBSを組み合わせて使用するのが一般的です。 なお、EBSはEC2のVMのドライブとして扱われます。容量の上限があるため、大量データを扱いたい場合はEBSを複数利用するか、バックアップ等の用途であれば後述するS3を使用します。 Amazon Simple Storage Service (S3) こちらもストレージサービスで、99.999999999%というきわめて高い可用性を特徴にしています。 S3は「Simple Storage Service」の略称です。EBSと比較して容量制限が無いため、主にバックアップなどの用途で使用されます。EBSと比較して価格が安価なのも特徴です。 VMのドライブとしては扱われないため、コマンドでデータの送受信を行います。 S3は以下のような用途に利用できます。 AWSで運用しているサービスのデータのバックアップ オンプレミスのシステムのデータバックアップ 変わった用法として、静的なWebページ(HTMLファイル)をホストするのにも使用できます。 Amazon Aurora MySQL, PostgreSQLと互換性のある、クラウド型SQLデータベースです。 データベースの初期構築、設定、バックアップなどが自動化されているので、利用者はテーブル作成やレコード読み書きなど、データベースの本質的な操作に注力できます。 類似のサービスにAmazon RDS(Relational Database Service)がありますが、Amazon RDSはVM(EC2)にMySQLやPostgreSQLをインストールして利用するようなイメージなのに対して、Auroraはクラウドのストレージを生かして可用性や対障害を高めた、いわばクラウドサービス向けにより進化したサービスといえます。 AuroraはEC2などから利用するデータベースとして、またオンプレミスのMySQLやPostgreSQLをクラウドに移行したい場合の有力な選択肢となります。 Amazon DynamoDB AuroraやRDSが表形式のデータの格納を前提としたSQLデータベースなのに対し、DynamoDBは非定形のデータを格納できるNoSQLデータベースです。 スケーラビリティにすぐれ、高性能(低遅延)を保ちながら、データベースをスケールアウトできます。 ECサイトやオンラインゲームなど、トランザクションが多数並走する環境での採用事例が多々あります。 Amazon Lambda 「サーバレス」アーキテクチャの普及するきっかけとなったサービスです。 利用者はJava, Python, Node.jsなどでコードを記述し、Lambdaにアップロードします。 所定のイベントが発生すると、コードが実行されます。 利用者はサーバの存在や台数を意識する必要なく、しかも負荷に応じて自動的にスケールアウトします。 映像データのリアルタイム変換や、APIリクエストの処理などで利用されています。 Amazon VPC Virtual Private Cloudの略で、しばしば前述のEC2と組み合わせて使われます。 AWS内のネットワークを論理的に分離でき、相互にルーティングやアクセス制御を設定できます。 サービスの規模を柔軟に拡張したり、耐障害性を高めたりするのに利用されます。 ルーティングサービスのRoute 53と組み合わせて使用されます。 Amazon SageMaker 機械学習のサービスで、モデルの構築、訓練、デプロイなどを簡単に行うことが出来ます。 様々な機械学習アルゴリズムを選択でき、モデルのチューニングも自動化されています。 AWSの機械学習関連のサービスとしては他に以下のようなものがあります。 Amazon Polly：人工音声でテキストを読み上げるサービス Amazon Transcribe：音声認識 Amazon Translate：多言語翻訳 Amazon Rekognition：高精度の画像・動画分析。顔認証などが可能   AWSの将来性やエンジニア需要 AWSは世界中で最も利用されているクラウドサービスです。 継続的にサービスの種類が増えていることに加え、頻繁に利用料金を値下げしており、年々ユーザー数も増加しています。 oogle CloudやMicrosoft Azureなどの競合他社のサービスから頭1つ抜けている状態であり、この傾向はしばらく続くことでしょう。 AWSは世界190カ国100万以上、国内では10万以上の会社や個人に利用されています。 当然エンジニア需要も高く、多くの案件でAWSがエンジニア採用の条件として上げられています。 例えば転職・求人サイトのGreenでAWSをキーワードに求人情報を検索すると、約1000件以上の求人がヒットします。 これはフロントエンドエンジニアの求人数(2020年6月現在で約800)よりも多く、エンジニア需要が非常に活発であることを表します。 Greenより   AWSが使われている代表的なサービス AWSは多くの企業等で使用されています。代表的な例をいくつか挙げましょう。 Amazon もちろんAmazonでもAWSを使用しています。 またAWSの様々なサービスはAmazonのECサイトの拡張を通じて生まれたものも多く、Amazon DynamoDBもその1つと言われています。   Coursera Courseraは無料のオンライン講座を提供するアメリカの企業です。 300万人とも言われる受講生に画像や動画を組み合わせたコンテンツを提供するため、AWSを利用しています。   Netflix AWSの最大級の顧客の1つがNetflixです。 Netflixは10万以上のサーバーインスタンスをAWS上で稼働させてサービスを提供しています。 Netflixの遅延の無い使いやすいサービスはAWSによってささえられています。   ソニー銀行 金融機関でもAWSは利用されています。 ソニー銀行ではWebコンテンツだけでなく、銀行業務の帳票管理や管理会計なども含めてAWSでの運用を行っています。 勘定系や体外接続系はオンプレミスですがシステム間接続はAWS Direct Connectという専用線接続サービスを利用し高いセキュリティを確保しています。   自治体、公共団体 米国では、米国連邦政府や国防省、様々な州や自治体でのAWSの導入事例があります。 日本では豊中市役所がAWSの導入事例として知られています。   AWSと他のサービスとの違い AWSはしばしばMicrosoft Azure(Microsoft社のクラウドサービス)と比較されます。 AWSとAzureは相互に影響しているので、サービス構成には似通った部分が多いです(片方があるサービスを追加すると、もう片方もそれに追随する)。 AWSは大手クラウドサービスの中では最も歴史が長く、運用実績、導入実績が豊富です。 新規サービスの追加、既存サービスの改善も頻繁に行われていて、先進的な技術や環境を試したい場合に有力な選択肢となります。   AWSの学習方法 では最後に学習方法について詳しく解説していきます。 書籍を使った学習 日本語の書籍も豊富ですが、クラウドサービスは進歩が早く、書籍の内容が最新のサービスに追いついていないことがあります。 書籍と公式Webサイトのリファレンスを併用すると確実です。 図解即戦力　Amazon Web Servicesのしくみと技術がこれ1冊でしっかりわかる教科書 AWSの仕組みについて分かりやすく説明している入門書です。 「AWSとは何か」という方が最初に読む書籍に適しています。 AWS認定資格試験テキスト AWS認定
ツール系

無料で使える！圧倒的に便利なオンラインストレージサービス11選

今や書類や写真などオンライン上(クラウド)で管理することが当たり前になってきています。 クラウドにあげておくことで誰でも共有することができ、管理も非常に楽になります。 まだ使ったことがないという人は、以下のオンラインストレージサービスを参考にぜひ使ってみてください。特に難しい操作などは必要なく手軽に利用できます。   また、オンラインのプログラミングスクールTechAcademyでは、未経験でもプログラミングを習得することが出来ます。   Dropbox（ドロップボックス） これほど有名なオンラインストレージもないのではないでしょうか。IT系人で使っていない人を探す方が難しいです。利点だらけでそれを説明するのも難しいですが、まず簡単にできること、インストールして勝手にできたフォルダに入れるだけ、それで自動的にオンライン上に上げてくれます。これだけなので使っていることを忘れてしまうほどです。 そして、それがいいアプリの証なのでしょう。バックアップとしても効果的ですしなによりファイルのシェアが楽です。そのまま左クリックですぐにシェアできてしまいます。さらに嬉しいことに結果的にDropboxのフォルダに大事なファイルが集まるのでファイル管理にも一躍買ってしまうのです。 Dropbox（ドロップボックス）の使い方   SugarSync（シュガーシンク） こちらも有名なストレージサービスです。先ほど紹介したDropboxのかゆいところに手がとどくアプリと言ってもいいでしょう。Dropboxは意識せずにアップしてしまうのですが、逆にそんなつもりじゃなかった、というケースも出てくると思います。 そんな時はこのSugerSyncが便利でしょう、自分で同期したいファイルを選んで同期できます。一番オススメなのはDropboxとSugerSyncを併用することではないでしょうか？これで鬼に金棒ですね。 ファイルの管理はそのままで複数のPCやデバイスで同期することができるので、複数人で同じ作業をする際に便利でしょう。 SugarSync   [PR] 最短2日でChatGPTが頼れる相棒に！LINEヤフー主催のAI講座GMOクラウド ALTUS（アルタス） laaS型のクラウドサービスです。 社内のシステムをクラウド化したり、大事なデータを保存するのに向いています。データ保存も3つにコピーされ、何か障害があってもデータが失われることはないでしょう。 大事な資料やデータを保存する上では保守性が重要なので、安心して利用できると思います。 また、14日間は無料で利用できるので、ぜひ試してみることをおすすめします。（もちろん有料登録せず解約することもできます。） GMOクラウド ALTUS(アルタス)   Googleドライブ 無料で15GBとという超大容量のストレージができます。Googleアカウントを持っていれば誰でも使えるので、今すぐにもう使えます。 もちろんGoogleの他のツールとの連携もGoodです。Googleテキストやシートを使っている方は作業をオンライン上で完結できます。シェアの方法もGメールアドレスだけでシェアできますし、一般に公開することもできます。 企業に勤めている人は、GmailやGoogleカレンダーを使っている人が多いと思いますが、操作する上で困ることも無いと思うので、気軽に利用できると思います。 Googleドライブ   Yahoo!ボックス おなじみヤフーがサービスもとです。これもYahoo!JAPANのIDがあればすぐに使えることができるのでみなさんすぐに使うことができます。特にヤフオクのヘビーユーザーでYahoo!プレミアム会員の方は実はその状態ならなんと50GBのストレージが使えるのです。 そしてローカルファイルをリンクファイルにすれば、ローカルのディスク容量を減らせるという裏技もあります。是非チェックしてみましょう。 Yahoo!ボックス   OneDrive マイクロソフト提供のオンラインストレージツールです。なにより嬉しいのがWord（ワード）、Excel（エクセル）、PowerPoint（パワーポイント）などのOffice系ソフトがオンラインで作成、編集できることでしょう。 すべての作業をオンライン上で完結させてしまうことだって夢ではありません！ Google Driveと同じように利用できるはずです。 OneDrive   ギガファイル便 今まで紹介してきたようなストレージではなくどちらかというとファイル転送用のストレージと言えるでしょう。魅力はなんといっても無料で、登録不要で、しかも超大容量1ファイル75GB！まで送ることができます。これは知ってる方からするとものすごいことなのです。動画系の方などは必須のツールですね。 ファイル保存は1週間か2週間の2種類選べます。使い方もファイルを選んでドラッグアンドドロップ、それでアップロードが始まります。アップ完了したら出てきたURLを送りたい相手に送るだけ。簡単ですごく便利で感謝です！ ギガファイル便   firestorage これもファイルを送る時に便利なツールです。 1ファイル250MBまでとギガファイル便と比べると見劣りするかもしれませんが、こちらは長期保存に向いています。 なので自分のポートフォリオなどを置いておいて相手に見せるというやり方もありかもしれません。といっても永遠ではないのでご注意を。会員登録無料ですぐ簡単にアップできちゃいます！ firestorage   box 老舗オンラインストレージで、実はヨーロッパでは18万社に導入されてます。チームでの共同作業に特化しており共有ワークスペースがあります。 ファイルにコメントを残したり、タスクの割り当て、進捗状況の管理など、確実に作業の能率アップ請負です。 無料容量は10GBです。 box   微云 こちらは中国からです。よってサイトも中国語ですが、この事実を知れば使いたくなるはずです。 なんと無料でストレージ容量1TB。これだけ伝えれば十分でしょう。 基本どのサービスでも無料で利用できる容量には限りがあります。このサービスでは使い切れないほどの容量を無料で使えるので、たくさんのファイルを保存しておきたい人には向いているでしょう。 微云   SPIDEROAK オンラインストレージにもセキュリティーを、という方はこちらがおすすめです。英語サイトですがZERO KNOWLEDGEという独自のテクニックを使って、あなただけにデータが見られるようにします。バックアップなどにとてもいいです。 無料容量は2GBです。 SPIDEROAK   以上、オンラインストレージのサービスをまとめてみました。 海外のものが多いですが、日頃パソコンを使った業務をしている人は特に難しいことを覚えることなく利用することができるはずです。 ファイルや資料の管理など、今までの作業時間を短縮することもできるはずです。どれも便利なサービスなので、ぜひ一度試してみてください。 [お知らせ]TechAcademyでは初心者でもエンジニアになれるオンラインブートキャンプを開催しています。これからエンジニアを目指したい方はぜひご覧ください。
ツール系

JavaScriptでCSVファイルを読み込む方法を現役エンジニアが解説【初心者向け】

JavaScriptでファイルを読み込む方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 目次OneDriveGoogle DriveDropboxiCloudAmazonDriveCOREDRIVEboxTeraクラウドSugarSyncYahooボックスおわりに そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptでファイルを読み込む方法について詳しく説明していくね！ 大石ゆかり お願いします！   JavaScriptによるファイルの読み込み Webサイトでは、ファイルをアップロードすることでアプリケーションの機能を利用することがよくあります。 例えばマイページがあるようなサイトで、自身のプロフィール画像を登録するために画像ファイルを登録する時には、ファイルをアップロードすることになります。 本記事では、ファイルの読み込み方法と、読み込んだ後の処理の方法について、ファイルの種類別に解説していきます。   実際にファイルを読み込んでみよう ファイルを読み込んで、JavaScriptで取得するまでの一連の手順を紹介します。   1．input要素をHTMLに記述する ファイルを読み込むには、まずHTMLに要素を追加する必要があります。 追加する要素はinput要素で、type属性に”file”を指定します。 また、あとでJavaScriptで取得できるよう、任意のidをつけておきましょう。 <input id="upload-file" type="file">   ブラウザで確認してみると、ファイルを選択できるボタンが設置されています。 「ファイルを選択」より任意のファイルを選ぶと、ブラウザ内に自動的にファイルが読み込まれます。   2．input要素をJavaScript側で取得する 1で指定したid属性の値によって、input要素を取得します。 idによる要素の取得には、document.getElementByIdを用います。 const input = document.getElementById('upload-file');   3．ファイルの読み込みを検知する ファイルを取得するには、「input要素にファイルが指定された」というイベントを検知する必要があります。 ファイルのアップロードは、changeというイベント名で取得できます。 changeイベントを取得するには、addEventListenerを用いて以下のように書きます。 input.addEventListener('change', (e) => { console.log('ファイルが検知された！'); }); 1行目の後半から始まる関数は、イベントリスナの「コールバック関数」と呼ばれ、指定したイベントが発生したタイミングで実行されます。 コールバック関数の関数の引数として、 e という変数が指定されていますね。 引数 e は、ファイルの情報を取得するための重要な引数です。 eについて、次の項目で詳しく説明します。   4．読み込まれたファイルを取得する 3では、「ファイルが読み込まれた」という状態を検知しましたが、まだファイルの中身は取得できていません。 アップロードされたファイルの情報を得るには、イベントリスナのコールバック関数の引数を利用します。 input.addEventListener('change', (e) => { console.log(e.target.files[0]); }); コールバック関数の引数（ここではe）には、発生したイベントに関する情報が入っています。 そのなかで、e.target.filesは、アップロードされたファイルが配列になっています。 アップロードされたファイルが1つならば、e.target.files[0]でそのファイルを取得できます。 ※複数ファイルのアップロードについては本記事の最後に紹介します。   一連の処理を行ってみよう それでは、解説した1〜4の処理を実際に行ってみましょう。 完成形のコードは以下の通りです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input id="upload-file" type="file"> <script> //JavaScriptの記述
JavaScript

これだけは覚えておきたい！基本的なUNIXコマンド20【初心者向け】

今回は、プログラミング初心者でも覚えておきたいUNIXコマンドを紹介します。 プログラミングを学んでWeb開発する際に、WebサーバのOSとしてLinuxやUNIX系を利用することがあります。 そのため、Web開発をするためにUNIXコマンドの知識が必要です。 Amazonが運営するAWSといったサービスやCloud9といったサービスでも、UbuntuやLinuxが利用されています。 そのため、特定のOSで利用可能なコマンドです。 また、Macのターミナルを扱う時も使用しますので、覚えておくと便利です。 WindowsでUNIXコマンドを利用できるので、コマンド操作に慣れることは実務においても技術的なレベルが上がります。 そこでこの記事では、プログラミング初心者でも覚えておきたいUNIXコマンドを初心者向けに紹介します。 目次OneDriveGoogle DriveDropboxiCloudAmazonDriveCOREDRIVEboxTeraクラウドSugarSyncYahooボックスおわりに    UNIXコマンドとは UNIXコマンドとは、LinuxやUNIX系OSのWeb開発で利用するコマンドです。 ウィンドウやボタン、アイコンといった視覚的なオブジェクトをマウスで操作するインターフェイスをGUI（Graphical User Interface）と呼びます。 一方、文字入力によってコンピュータに命令を与えて操作するインターフェイスをCLI（Command Line Interface）、あるいはCUI（Character User Interface）と呼びます。 「コマンド」とはコンピュータに指示する命令であり、CLI上で用いるプログラム／アプリケーションのことを指します。 UNIXに由来するコマンドを「UNIXコマンド」と呼称します。 現在ではGUIがコンピュータを操作する手法として主流ですが、ある操作の結果を別の操作に用いたり、自動的に複数の操作を行ったりする場合など、CLIの方が適している作業が多く存在します。   Windows10でUNIXコマンドを利用する方法 2021年3月現在の最新バージョンのWindows10では、WSL（Windows Subsystem for Linux）を有効化することでUNIXコマンドを利用できます。 コントロールパネル プログラム プログラムと機能 Windowsの機能の有効化または無効化 上記の順に選択をして、「Linux用 Windows サブシステム」をチェックしてください。 コントロールパネルを開いてプログラムを選択する画面 プログラムを選択してWindowsの機能の有効化または無効化を選択する画面 Linux用Windowsサブシステムを選択してOKを押してください。   Microsoft StoreでUbuntuをインストール Microsoft StoreをWindowsで起動します。 Ubuntuを検索して出てきた表示の入手をクリックしてUbuntuをインストールします。   インストールにはしばらく時間が必要です。   インストールが完了したら起動ボタンを押してください。   Windows上で初期設定を行うための起動が始まります。 初回のみ起動時間が必要です。   ユーザー名とパスワードを設定すると完了です。 パスワードは設定用と入力用に同じものを2回入力する必要があります。   設定が完了したら、UNIXコマンドの入力が可能になります。     [PR] 最短2日でChatGPTが頼れる相棒に！LINEヤフー主催のAI講座覚えておきたいUNIXコマンド20 ここからは主要なUNIXコマンド20選を紹介します。 いずれもMacのターミナルで入力した例を画像で表示しているので、ぜひ自分のPCでも試してみてください。   ディレクトリとファイルの確認、移動に使うコマンド   pwd 現在の作業ディレクトリの絶対パスを表示します。 なお絶対パスとは、最上位階層から目的のファイルやフォルダまでの道筋を省略なく記述する方式のことです。 一方の相対パスは、起点となる現在位置から目的のファイルやフォルダまでの道筋を記述する方式です。 入力例： pwd 現在どのディレクトリにいるのかを確認するときに使います。 cd 作業ディレクトリを変更するコマンドです（ディレクトリを移動します）。 入力例： cd (ディレクトリ名) cdだけで実行するとホームディレクトリへ移動します。 「cd -」とすると、直前にいたディレクトリへ移動します。「cd ..」とすると親ディレクトリへ移動します。 ls ディレクトリの内容をリスト表示するコマンドです。 入力例： ls (ディレクトリ名) lsだけで実行すると、現在のディレクトリに含まれるファイル名をリスト表示します。 ディレクトリを指定すると、そのディレクトリに含まれるファイル名をリスト表示します。 また、「ls -l」でパーミッションや所有者などの関連情報を付加して表示、「ls -a」で隠しファイル・隠しフォルダを含めて表示することが可能です。 ディレクトリとファイルの操作で使うコマンド cp ファイルをコピーするコマンドです。 入力例： cp (ファイルA) (ファイルB) この場合ファイルAをファイルBにコピーします。 また「-f」オプションをつけた場合、コピー先に同名のファイルがあった場合上書きされます。 「-i」オプションをつけた場合は上書きするかどうかをファイルごとに確認します。 なおディレクトリを内容ごと（再帰的に）コピーするときは、「-R」オプションをつけます。 mv ファイルの移動およびリネームを行うコマンドです。 入力例： mv (ファイルA) (ディレクトリB) mv (ファイルA) (ファイルB) 1つめの例では、ファイルAをディレクトリBに移動します。 2つめの例では、ファイルAからファイルBに名前を変えることができます。   cpコマンドと同じように、「-f」オプションをつけた場合、移動先に同名のファイルがあった場合は上書きされます。 「-i」オプションをつけた場合は、上書きするかどうかを確認します。 rm ファイルを削除するコマンドです。 入力例： rm (ファイル名) ディレクトリを削除する場合は「-d」オプションを指定しますが、削除できるのは空のディレクトリだけです。 ディレクトリに内容物がある場合は「-r」オプションを指定することで、中に入っているファイルを含めてディレクトリを削除します。   ゴミ箱へ入れるのではなく、即座に削除されることに注意してください。 mkdir ディレクトリを作成するコマンドです。 入力例： mkdir (ディレクトリ名) 通常、指定したパスの途中のディレクトリが存在しない場合はエラーになります。 「-p」オプションをつけると、途中のディレクトリが存在しない場合、それらを含めてディレクトリを作成することが可能です。 touch ファイルの変更日を更新するコマンドです。 入力例： touch (ファイル名) 「touch file1.txt」とすると、「file1.txt」の変更日時が更新されます。 存在しないファイル名を指定した場合、その名前で空のファイルが作成されます。 ln リンクを作成するコマンドです。 入力例： ln -s (ファイル名) (リンク名) 「-s」オプションを付けることで、シンボリックリンクを作成します。 シンボリックリンクは、ディレクトリやファイルのショートカットとして用いられます。 chmod ファイルのパーミッション（所有権）を変更します。 入力例： chmod 750 (ファイル名) この入力例は、ファイル所有者にすべての権限を与え、グループに読み込みと実行権、その他のユーザーは権限なしにするコマンドです。 パーミッションは「mode」引数に8進数字あるいは記号で指定します。 上記の入力例は8進数字の指定です。   8進数字指定する場合は、3桁の値で指定します。 1桁目が「ファイル所有者」のアクセス権、2桁目が「グループ」のアクセス権、3桁目が「その他のユーザー」のアクセス権です。 各桁の値は、読み込み権を表す4と、書き込み権を表す2と、実行権を表す1の和を指定します。 例えば、読み込み権と実行権のみを与える場合には、4と1の和である「5」を指定します。 それぞれの権限の組み合わせと値は、下記の表をご覧ください。 アクセス権 値 0 権限なし 1 実行権 2 書き込み権 3 書き込み権と実行権 4 読み込み権 5 読み込み権と実行権 6 読み込み権と書き込み権 7 すべての権限   また、記号で指定する場合は、以下の記号を組み合わせてパーミッションを指定します。 chmod a+w (ファイル名) この入力例の場合、すべてのユーザーに書き込み権限を付加します。 記号 誰に a すべてのユーザ u 所有者 g グループ o 他のユーザ   記号 付加・除去 + 付加 – 除去 = 全クリア   記号 権限の種類 r 読み w 書き x 実行 chown ファイル・ディレクトリの所有者とグループを変更します。 入力例： chown (ユーザー名) (ファイル名) この例では、指定したファイルの所有者を指定したユーザーに変更します。 なお、ファイルの所有者とグループはファイルのパーミッション範囲に関係してきます（あるユーザーのみアクセス可能など）。 所有者の変更はスーパーユーザーのみ可能です。 chgrp ファイルのグループを変更します。 入力例： chgrp (グループ名) (ファイル名) この例では、指定したファイルの所属グループを変更します。 chownと同じく、グループはファイルのパーミッション範囲に関係してきます（あるグループに属しているユーザーのみアクセス可能など）。   ファイル内容の表示、閲覧するときに使うコマンド cat ファイルの内容を結合し、表示するコマンドです。 入力例： cat (ファイルA) (ファイルB) 複数ファイルの内容を結合して表示します。 ファイルを1つだけ指定して、単にその内容を表示する場合にも使用可能です。 less ファイルの内容をスクロール可能な状態で表示するコマンドです。 入力例： less (ファイル名) ファイル内容を一画面しか見ることができない（スクロールできない）catコマンドとは異なり、スクロール可能な状態で表示するコマンドです。 qを入力すると表示が終了します。   ファイルの検索で使うコマンド find ファイルを検索するコマンドです。 入力例： find (ディレクトリ名) find (ディレクトリ名) -name (文字列) 1つめの入力例では、ディレクトリ内にあるファイルを表示します。 -nameを付けることで、ディレクトリ内にある文字列を指定して検索できます。 また「find . -ctime -1h」とすると、現在のディレクトリ以下で1時間以内に変更のあったファイルを検索します。 grep 指定パターンの文字列を検索するコマンドです。 入力例： grep (検索文字列) (ファイル名) 例えばgrep
プログラミング

誰でも簡単にできる！無料でDropboxの容量を増やす方法【初心者向け】

Dropboxはオンラインストレージサービスの代表的存在で、多くの人が利用していて便利です。 特に、知人や仕事のメンバーとファイル共有するときに、使い方を大体皆が知っているというのは、そのプロセスを進行させる上で大きなメリットのように思います。 今回はそんなDropboxについて、Dropboxのストレージ容量を増やす方法を紹介していきます。   また、オンラインのプログラミングスクールTechAcademyでは、未経験でもプログラミングを習得することが出来ます。   有料プランに入って増やす 無料で使えるDropboxはストレージ容量が2GBに対して、有料版のDropboxでは、ビジネス版で無制限、プロ版で1TBのストレージを利用可能です。 もちろん、それぞれの有料版ではストレージ容量以外にも無料版より優れた点があります。内容を確認の上、ストレージ容量との兼ね合いがつけば、有料版に移行するのが良いと思います。 Dropbox公式 プラン比較表   無料でストレージ容量を増やす Dropboxは無料で利用しながらでも一定の条件をクリアすればストレージ容量を増やすことができます。ここからは、その手法のそれぞれを紹介していきます。   Dropboxのセットアップを完了する（250MB） Dropboxが指定する以下のセットアップ作業のうち、5つを完了すると容量が250MBアップします。 Dropboxツアーを開始する パソコンにDropboxをインストールする Dropboxフォルダにファイルを保存する お使いの他のコンピュータにもDropboxをインストールする 友人や同僚とフォルダを共有する Dropboxにお友達を招待する モバイルデバイスにDropboxをインストールする   知人にDropboxを紹介する 知人にDropboxを紹介して登録してもらうと、1人紹介につき500MB増やすことができます。 紹介可能人数は32人までで、最大で16GB増やせます。このDropboxの紹介は、紹介を受ける側も500GBもらえる仕組みになっているので、知人にとってもメリットがあります。   TwitterでDropboxをフォローする TwitterのDropbox公式アカウントをフォローすると125MB容量がアップします。   Dropboxが好きな理由をDropboxに送信する Dropboxが好きな理由をDropboxに送信すると容量が125MBアップします。   いかがでしょうか。 Dropboxはとても便利なオンラインストレージです。自分のPCのバックアップはもちろんのこと、仕事や友人とのプロジェクトなどで利用する場合にも、ストレージ容量はあるに越したことはありません。 ストレージ容量を増やすには、有料版に入ってもよいですし、手間と時間はかかりますが、一つ一つ条件をクリアしていっても良いと思います。ご自身のシチュエーションに合わせて、上記を参考に増やしていってください。 Dropboxの使い方も紹介しているので、合わせてご覧ください。 [お知らせ]TechAcademyでは初心者でもエンジニアになれるオンラインブートキャンプを開催しています。これからプログラミングを学びたいと思っている人はぜひご覧ください。
ツール系

今さら聞けない！GitHubの使い方【超初心者向け】

開発者にとってなくてはならないサービスとしてGitHubがあります。 エンジニアにとっては当たり前のサービスですが、これからプログラミングの勉強を始める初心者にとってはよくわからないかもしれません。 そこで今回は、GitHubの使い方について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そもそもGitHubとは何なのか、どんな時に使うツールなのかを知っていきながら、実際の使い方を紹介しています。 本格的に使おうと思ったらもっと多くのことを知る必要がありますが、業務で使うということでなければ十分でしょう。 目次OneDriveGoogle DriveDropboxiCloudAmazonDriveCOREDRIVEboxTeraクラウドSugarSyncYahooボックスおわりに Gitについてそもそもよく分からないという方は、GitHubとは何なのか解説した記事を読むとさらに理解が深まります。   今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。     大石ゆかり 田島メンター！！GitHubってなんですか〜？ 田島悠介 GitHubはね、Gitをオンライン上で管理するサービスだよ。 大石ゆかり もう少し詳しく教えてもらえますか〜？   GitHubとは GitHubとは、ソフトウェア開発プロジェクトのためのソースコード管理サービスです。 ソースコードを更新したバージョンの管理や閲覧、バグ追跡機能、SNSの機能を備えており、開発者にとってなくてはならないサービスです。 また、GitHubを使ってソースコードの管理を行っている企業も多数あります。   GitHubが人気な理由と類似サービスとの違い GitHub は、Git を使用したソフトウェア開発とバージョン管理のための人気のあるプラットフォームおよびクラウドベースのサービスです。コードを効率的に保存、管理、共同作業するために必要なツールを開発者に提供します。ユーザーフレンドリーなインターフェースと豊富な機能を備えた GitHub は、世界中の開発者にとって不可欠なツールとなっています。 GitHub はテクノロジー業界では有名な名前かもしれませんが、ライブカジノへのユニークなアプローチを持つオンラインカジノ市場も多くの日本人プレイヤーに人気を集めています 。その一例が、プレイヤーに没入型でインタラクティブなゲーム体験を提供する日本の市場志向のオンラインカジノ、ライブカジノハウスです。 オンラインカジノブランドレビュー関連ページで調べる通り、ライブカジノハウスは、日本の文化と技術の要素を取り入れることで、ライブカジノの伝統的なコンセプトを次のレベルに引き上げます。伝統的な日本の衣装を着たライブディーラーから高度なバーチャルリアリティテクノロジーまで、ライブカジノハウスはプレイヤーにユニークなゲーム体験を提供します。 イノベーションと顧客満足に重点を置いているライブカジノハウスは、日本市場で大きな支持を得ています。その成功は、日本のオンラインカジノ業界の可能性を浮き彫りにし、多様な興味や好みに応えるために継続的に進化している様子を示しています。より多くの日本のプレーヤーがエンターテインメントのニーズのためにオンラインカジノに目を向けるにつれて, ライブカジノハウスや他の日本の市場志向のオンラインカジノが、伝統的なカジノ体験の限界を押し広げ続ける様子を見るのはエキサイティングです。 GitHubと同じようなソースコード管理サービスとしては、BitbucketやGitLabなどがあります。 それぞれのサービスとの違いをもとに、GitHubが人気な理由を見ていきましょう。 理由1：無料のプライベートリポジトリ ソースコードを管理する単位をリポジトリと呼びます。 リポジトリは格納場所という意味で、他の利用者にも公開されるパブリックリポジトリと、公開が関係者だけに限定できるプライベートリポジトリがあります。 ソースコードを公開したくない場合は、プライベートリポジトリを選択する必要がありますが、以前はGitHubは有料、BitbucketやGitLabでは無料という状況でした。 しかし2020年4月から、GitHubでも無料のプライベートリポジトリを無制限に作成可能になりました。 これによりGitHubを使いたかったがソースコードは公開したくない個人や企業の利用が大幅に増え、さらにGitHubの人気が高まる状態となりました。   理由2：オープンソースコミュニティに育まれたSNS機能 オープンソースとはソースコードが公開されており、誰でも無料で利用できるソフトウェアのことを指します。 また、オープンソースコミュニティとは、オープンソースの開発者同士の集まり、結びつきのことです。 GitHubでは以前から多くのオープンソースが管理されており、たくさんのオープンソースコミュニティが形成されています。 このオープンソースコミュニティに育まれる形で、GitHubには以下のような機能が充実しており、コミュニティが開発を行いやすくなっています。 コミュニティの中で誰がどのぐらい貢献しているかを可視化する機能（スター、貢献度） 開発メンバーの知見を共有する機能（Wiki、GitHub Pages） ソースコードの更新などに関する議論をやりとりする機能（Issues、Codeとの連動） 単にソースコード管理サービスとしての機能だけを捉えると、実はGitHub、Bitbucket、GitLabとも大きな違いはありません。 しかしこのような開発しやすい環境を支援する機能という点では、GitHubが頭一つ抜けている印象を持ちます。   理由3：先進的な機能の拡充 GitHubは2018年にMicrosoft社に買収され、傘下の一企業となりました。 Microsoft社は買収後もGitHubを独立企業として維持する意向を示しており、両社はオープンソースコミュニティにとっても良好な関係となっています。 このような環境の中から、以下のような先進的な機能が次々と誕生しています。 世界中のエンジニアに人気のあるMicrosoft社のフリーのソースコード編集ソフト「Visual Studio Code」をオンラインで利用できる「Codespaces」 オープンソースコミュニティに開発者としてではなく、資金提供者として参加できる「Sponsors」機能 ソフトウェアの開発から公開までの一連の流れをサポートする「GitHub Actions」 これら先進的な機能は類似のソースコード管理サービスにはないものであり、開発者にとってGitHubを選ぶ理由の1つとなっています。   GitHubのアカウント登録 それではさっそくGitHubに登録してみましょう。 まずは、GitHubのトップページにアクセスします。 ここでメールアドレスを入力し、緑色の「Sign up for GitHub」ボタンをクリックします。   次の画面でUsername（ユーザー名）やPassword（パスワード）を入力します。 下の方にある「Pick the spiral galaxy」は、不正なユーザー登録を防ぐための仕組みです。 クイズになっており渦巻状の銀河の絵を数回選択します。 なお、このクイズは定期的に変わるようです。   決められた回数、クイズに正解すると「Create account」ボタンを押せるようになります。 ボタンを押して次に進みましょう。   このような画面になります。   登録したメールアドレスに認証のメールが届きます。 メールの内容に従いユーザー認証を行ってください。 以上でGitHubのアカウント登録は完了です。   大石ゆかり GitHubの登録はできました♪それで、どうやって使うんですか〜？ 田島悠介 その前にいくつか知っておいたほうがいいことがあるから、教えておくね。 大石ゆかり はい、お願いします♪   [PR] 最短2日でChatGPTが頼れる相棒に！LINEヤフー主催のAI講座GitHubを使う上で知っておきたい事前知識 早速GitHubを使っていきたいところですが、使い始める前に知っておきたい事前知識を3つ紹介します。 ここで紹介する言葉がまったくわからない場合は、理解しておきましょう。 事前知識1：ローカルリポジトリとリモートリポジトリ 事前知識2：コミットとプッシュとは 事前知識3：ブランチ（branch）とは 事前知識4：インデックス（index）とは   事前知識1：ローカルリポジトリとリモートリポジトリ リポジトリとは、ファイルやディレクトリの状態を保存する場所です。 変更履歴を管理したいディレクトリなどをリポジトリの管理下に置くことで、そのディレクトリ内のファイルなどの変更履歴を記録することができます。 リポジトリは自分のマシン内にある「ローカルリポジトリ」とサーバなどネットワーク上にある「リモートリポジトリ」の2カ所にあります。 基本的にローカルリポジトリで作業を行い、その作業内容をリモートポジトリへプッシュする流れで行います。   事前知識2：コミットとプッシュとは 最低限この2つは知っておきましょう。 コミット(commit) ファイルの追加や変更の履歴をリポジトリに保存すること プッシュ(push) ファイルの追加や変更の履歴をリモートリポジトリにアップロードするための操作   事前知識3：ブランチ（branch）とは ソフトウェアの開発では、現在リリースしてるバージョンのメンテナンスをしながら新たな機能追加やバグ修正を行うことがあります。 このような、並行して行われる複数のバージョン管理を行うために、Gitにはブランチ（branch）という機能があります。 ブランチは履歴の流れを分岐して記録していくものです。 分岐したブランチは他のブランチの影響を受けないため、同じリポジトリ内でそれぞれの開発を行っていくことができます。   事前知識4：インデックス（index）とは リポジトリ管理下にあるディレクトリの中には、一時的に使うファイルなど、Git管理が不要なものもあります。 そこでGitでは、バージョン管理する対象のファイルやフォルダを「インデックス」と呼ばれる台帳に登録することで、必要なもののみバージョン管理が行えるようになっています。 逆に言えば、新たにフォルダやファイルを作成した場合、コミットする前にインデックスに登録する必要があります。 忘れないようにしましょう。   GitHubの使い方 それでは使い方を覚えていきましょう。 基本的なGitの作業は下記のような流れとなるので、GitHubを使って順番に紹介します。 なお、「1」の作成は初回のみ行い、「2」から「5」を繰り返します。 基本的に小さい作業の単位でコミットを行い、ある程度作業がひと段落した時にプッシュをするのが一般的です。 コミットの作業がわかりやすいように、コミットメッセージを残しておくと、ログを追っていく時に役立ちますので覚えておきましょう。 Githubでリポジトリを作成（git init） ファイルの作成、編集を行う ファイルの作成/変更/削除をgitのインデックスに追加する（git add） 変更結果をローカルリポジトリにコミットする（git commit） ローカルリポジトリをプッシュしてリモートリポジトリへ反映させる（git push）   GitHubでリポジトリを作成（git init） まずはリポジトリを作成します。 GitHubにログインした状態で以下にアクセスします。 https://github.com/new   次に表示される画面では、「Repository name」の入力のあと、必要に応じて「Description」も入力します。 また、リポジトリの種類を「Public」か「Private」を選択します。 ソースコードを公開したくない場合は「Private」を選択すると良いでしょう。 最後に、リポジトリの中にあらかじめREADMEファイルを作成しておく場合は「Initialize this repository with a README」にチェックを入れます。 .gitignoreやlicenseについては後で追加や変更ができるので、Noneを選択します。 必要項目の入力が終わり「Create repository」ボタンをクリックするとリポジトリの作成は完了です。 次の画面で、リモートリポジトリのアドレスが表示されますので、控えておいてください。   ファイルの作成、編集を行う はじめに、ローカルのPC上にローカルリポジトリを作成します。 今回は「awesome」というディレクトリを作成することにします。   以下の操作はWindowsであればPowerShell、Macであればターミナルで行います。 コマンドは1行ずつ、最後にEnterキーを押して入力しましょう。 mkdir awesome cd awesome git init 「mkdir」は新しくディレクトリを作成するコマンドで、「cd」はディレクトリを移動するコマンドです。 awesomeというディレクトリを作成し、そのディレクトリに移動してから作業が始まります。 そして、この「git init」コマンドはGitリポジトリを新たに作成するコマンドです。 バージョン管理を行っていない既存のプロジェクトをGitリポジトリに変換する場合や、空の新規リポジトリを作成して初期化する場合に使用します。 git initコマンドを実行するとカレントディレクトリをGitリポジトリに変換します。   次に、テキストエディタなどで以下のHTMLファイルを作り、先ほどのawesomeフォルダに「hello.html」という名前で保存しましょう。   現在の状態を確認しましょう。 git status   結果は以下のようになります。 hello.htmlが「Untracked files」、つまりインデックスに登録されていないファイルとして表示されています。 On branch master Untracked files: (use "git add <file>..." to include in what will be committed)
Git

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

TechAcademyから
現役エンジニアの方へ
お知らせ

オーダーメイドコース
TechAcademy（テックアカデミー） ツール系 無料で利用したい！Evernoteの代替になるサービス10選