サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
Google I/O
magazine.techacademy.jp
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 生成AI開発競争が激化する中、世界的な半導体企業NVIDIA（エヌビディア）が日本発のスタートアップであるサカナAIの大株主となったことが注目を集めています。 この動きは、NVIDIAがAI技術分野での主導権を確立しようとする戦略を示しながら、日本国内でのAI人材育成と技術移転を加速する可能性を秘めています。 本記事では、なぜNVIDIAが日本発のスタートアップであるサカナAIの大株主となった
JavaScriptでオブジェクトをExcelファイルに出力するにはsheet.js というライブラリを使用するのが簡単です。 https://github.com/SheetJS/js-xlsx 今回は、作成したExcelファイルをダウンロードするために、FileSaverというライブラリも使用します。 https://github.com/eligrey/FileSaver.js/ 実際に書いてみよう 今回のサンプルプログラムは、JavaScriptでExcelファイル(xlsx形式)を作成し、ファイルをダウンロードします。サンプルプログラムを作成するにあたり、参考にしたurlはコード内のコメントに記載しています。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>sample1</title> <script
パッケージとは Pythonで外部ライブラリを配布するときに使われるファイルのことをいいます。ライブラリは複数のモジュールから構成されています。 パッケージはこれらのモジュールをひとまとめにして再頒布できる状態にしたファイルになっています。 pipやGithubで配布されるPythonの外部ライブラリにはこのパッケージの形式で公開されており、Pythonの環境を構築していれば特別な設定をすることなく誰でも簡単な操作でインストールできるというわけです。 pipとは pipとは、The Python Package Index に公開されているPythonパッケージのインストールなどを行うシステムのことをいいます。 Python Package Indexはそれぞれの頭文字をとって、通称PyPIと呼ばれています。PyPIで配布されているパッケージは誰でも使うことができ、pipコマンドを使うだけ
目次 単位の違いと注意点 PCとスマホの違い（レスポンシブへの対応） PCとスマホで見比べてみよう まとめ 単位の違いと注意点 CSSのfont-sizeプロパティで使用する単位には以下のような種類があります。 px：ピクセル（画素数） em：親要素に対する割合。1em=親要素と等しい。入れ子にすると直近でfont-sizeを指定している親要素を基準とする rem：ルート親要素（HTML）に対する割合 vw：画面の表示幅に対する割合。100vw=表示幅と等しい vh：画面の表示高さに対する割合。100vh=表示高さと等しい font-sizeプロパティについて、詳しくは以下の記事も参考にしてください。 MDN – font-size [PR] Webデザインで副業する方法とは PCとスマホの違い（レスポンシブへの対応） vwやvhを単位とすると画面サイズに合わせて表示を変える、レスポンシブ
初心者向けにPhotoshopで文字をパス化する方法について解説しています。文字をパス化することでテキストの状態では適用できない編集を行うことができます。パス化を行う手順を覚えておきましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 Photoshopで文字をパス化する方法について、TechAcademyのメンター（現役エンジニア）が初心者向けに解説します。 なお本記事は、TechAcademyのオンラインブートキャンプPhotos
初心者向けにWeb制作の仕事をするうえでの心構えについて解説します。制作物を顧客へ納品する前に確認するポイントや納品後、運用の際のサイト品質向上のためのメンテナンス事項をまとめました。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 Web制作の仕事をするうえでの心構えについて解説します。 最近、在宅でできる副業としてWeb制作の仕事を目指す人が増えています。 ここでは一例として、実際にホームページを制作して顧客へ納品する前にどのようなポイ
多様な働き方が注目されている昨今、満員電車に乗らないといけなかったり、稼ぎ口が1つしかないのが不安だったりと、自分の働き方を見直したい方もいるのではないでしょうか。 そこで選択肢としてあがってくるのが副業です。最近では副業OKの企業が増えたり、フリーランスも当たり前になってきました。そのなかでも、とくに注目されているのがプログラミングでの副業です。 ですが、「聞いたことはあるし興味もあるけど、未経験からじゃ稼げないんじゃないの…？」「勉強に何年もかかるんじゃあまり意味ないなあ」といったところが気になりますよね。 そこでこの記事では、プログラミング副業について、注目の理由やおすすめの案件、初心者の方向けの勉強方法などについてご紹介します！ プログラミング副業が注目されている理由 プログラミングでの副業が注目を集めていますが、なぜでしょうか？ まず、その理由を解説します。 在宅でできる プログ
目次 逆コンパイルとは 逆コンパイルを行う方法 実際にやってみよう まとめ 逆コンパイルとは まずは逆コンパイルとはなにかについて簡単に説明していきます。そもそもJavaファイルをプログラムとして動かすためには「コンパイル」という手順を踏む必要があります。「コンパイル」というのは、人間が書いたテキストである.javaファイルを、コンピュータが読むことのできる形式である.classファイルに変換することです。 これに対して、「逆コンパイル」というのは人間が読めない形式である.classファイルを、人間が読めるファイルである.javaファイルに変換しなおすことになります。逆コンパイルを行うことによって、.classファイルしかない場合などにはプログラムの中身を確認することができるなどのメリットがあります。 [PR] 未経験からWebエンジニアを目指す方法とは 逆コンパイルを行う方法 Javaに
sessionの有効期限とは sessionの有効期限とは、セッションファイルが保持される期間です。セッションファイルが保持されている間は、ユーザが画面遷移した後でも前回接続した時の状態を保存し、特定できます。 これにより、以前に接続したサイトで、ログイン状態を保持したり、操作の続きを行ったり、ユーザごとに特化した情報の提供ができるようになります。 例）カートの中身、ログイン状態、レコメンド情報など sessionの有効期限が切れるというのは、セッションファイルが削除されるということになり、前回の接続情報が破棄されるということになります。 つまり、ログインしていた状態が解除されて再度ログインが必要になることや、カートの中身がリセットされたりするということになります。 sessionの有効期限はサーバで決められており、何も指定しなけれれば、デフォルトの値が設定されます。 PHPでsessio
指定した要素が配列に存在するかチェックする方法 JavaScriptで配列内に「ある要素」が存在するかをチェックする場合、以下の方法が使えます。 indexOfメソッドを使う includesメソッドを使う(ES 2017) findメソッドを使う(ES 2015) filterメソッドを使う someメソッドを使う(ES 2015) ※ES2015やES2017というのはJavaScriptの仕様のことで、2015年に策定されたからES2015、2017年に策定されたからES2017です。 これらのメソッドはどれも少しずつ異なる仕様を持ちます。 下にいくにつれ、少しずつ構造と仕様が複雑になっていくので、混乱しないよう上からひとつずつインプットしていきましょう！ indexOfメソッド indexOfメソッドは今回紹介するメソッド達の中では長老のような存在で、古くから多く使われています。
初心者向けにJavaScriptで「Cannot read property 'プロパティ名' of undefined」というエラーが出る原因と対処法について現役エンジニアが解説しています。undefinedとは中身が設定されていない変数にアクセスしようとした場合に発生するエラーです。if文などで判定し対処できます。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
隣接セレクタとは 隣接セレクタとは、基準要素の隣の要素を指定するためのセレクタです。 CSSでは以下のように記述します。 HTML <span>1</span> <span>2</span> <span id="me">3</span> <span>4</span> <span>5</span> CSS #me + span { background: gold; } /* #meの隣にあるspan */ 実行結果 4の背景色がgoldになります。 直下セレクタとは 直下セレクタとは、基準要素の1つ下にある子要素を指定するためのセレクタです。 CSSでは以下のように記述します。 HTML <div id="me"> <span>1</span> <div> <span>2</span> <span>3</span> </div> </div> CSS #me > span { backgr
「具象と抽象の両方を行き来できるかどうかが、エンジニアにとってすごく大事なポイント」ビッグツリーテクノロジー&コンサルティングCTO高安厚思の”影響を受けた人”に迫る。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本企画では、業界トップの現役エンジニアの”影響を受けた人”にフォーカス。 CTOはどんな時、どんな場所で、どんな人に成長を支えられたのか。エンジニアを目指している人は必見です！ ※肩書き等はインタビュー当時の内容となります コ
「僕だったら諦めていたかもしれないなという場面でも、彼はとにかく諦めずにやり遂げる。」primeNumberCTO鈴木健太の”影響を受けた人”に迫る。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本企画では、業界トップの現役エンジニアの”影響を受けた人”にフォーカス。 CTOはどんな時、どんな場所で、どんな人に成長を支えられたのか。エンジニアを目指している人は必見です！ ※肩書き等はインタビュー当時の内容となります toB向けデータ統合
初心者向けにHTMLのフォームからPOSTで送信されたデータの受け取り方について解説しています。入力されたデータをPHPで送信する際にはPOSTとGETの2つのメソッドが使用されます。それぞれの違いとPOSTの場合の書き方を覚えましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
様々な回転方法と設定 アニメーションでよく見かける回転の動きについていくつか紹介します。 円上に動かす 一番よく見かける回転アニメーションです。ローディング画面などでよく使われています。 @keyframes rotation{ 0%{ transform:rotate(0);} 100%{ transform:rotate(360deg); } } 要素を平面で360度回転させます。 X軸で回転させる 鉄棒でくるくる回る動きのような感じです。 @keyframes rotation{ 0%{ transform:rotateX(0);} 100%{ transform:rotateX(360deg); } } X軸を基準に360度回転させます。 Y軸で回転させる X軸で回転させるのY軸バージョンです。 ご想像通り、XをYに変えるだけです。 @keyframes rotation{ 0%{
プログラミングやダンスが好きな小学3年生にインタビュー！プログラミング学習の楽しさやカリキュラムについてお話してくれました。新型コロナウイルスの影響で休校になったときにテックアカデミージュニアの「はじめてのScratchコース」を受講していただき、今ではゲームを自分で作れるまでに成長しています。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 プログラミングとダンスが好きな女の子！新型コロナウイルスの影響で休校になり、小学2年生の3月にテッ
2025年より大学入試にプログラミングが出題！大学入学共通テストが再編成され、プログラミングを含む「情報」科目が新設されます。本記事では、この度再編成された大学入学共通テストの内容や新設される「情報」のサンプル問題を紹介します。2025年以降に大学受験を控える高校生や親御さんは必見です。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 令和7年より大学入学共通テストが再編成され、プログラミングを含む「情報」科目が新設されます。 つまり令和7
目次 型とは 型を判定する方法 実際に書いてみよう まとめ 型とは JavaScriptには数値や文字列といった「型」があります。 型はデータの種類です。数値や文字列の他にもnullやオブジェクトなどもそれぞれ個別の型を持ちます。 [PR] コーディングで副業する方法とは 型を判定する方法 型を判定するにはtypeof演算子を使用します。typeof演算子の使用方法は以下のとおりです。 typeof(型を調べる値) typeof 演算子について、詳しくは以下の記事も参考にしてください。 MDN – typeof ただし typeof演算子はnullやオブジェクトを詳しく判別できません。それらを判別する方法についてはObject.prototype.toStringを使用します。 var toString = Object.prototype.toString; toString.call(
初心者向けにPythonとElectronを使ってアプリケーションを作成する方法について現役エンジニアが解説しています。Electronとはオープンソースのソフトウェアフレームワークで、Webアプリを作る感覚でデスクトップアプリを作成できます。Electronのインストール方法から使い方まで説明します。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 PythonとElectronを使ってアプリケーションを作成する方法について、テックアカデ
初心者向けにPythonのテストフレームワークunittestとpytestの違いについて現役エンジニアが解説しています。テストフレームワークとは、ソフトウェアのテストを行うフレームワークのことです。Python標準のunittestとサードパーティーのpytestのインストール方法や使い方について解説します。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
小学校、中学校、高等学校と学校教育課程におけるプログラミング教育の必修化が決定してから多くの関心が集まっています。 しかし、プログラミング教育とは具体的に何を学ぶのか、どんな授業をするのか、実際はよく分からないという方が多いのが現状です。 そこでこの記事ではプログラミング教育必修化の導入背景や目的について詳しく解説していきます。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 小学校、中学校、高等学校と学校教育課程におけるプログラミング教育
Pythonの文字列における変数展開には3つの方法があります。 %演算子 文字型のformat関数を使用する方法 f文字列（Pythonのバージョン3.6から追加） この中でも見通しがよく便利なのはf文字列です。Pythonのバージョン3.6から利用できますが、ほとんどの場合においてはf文字列を使用すると良いでしょう。 f文字列について詳しくは公式ドキュメントを参考にしてください フォーマット済み文字列リテラル また変数展開全般については以下のドキュメントが参考になります。 出力を見やすくフォーマットする [PR] 未経験からWebエンジニアを目指す方法とは 実際に書いてみよう 今回のサンプルプログラムでは、変数展開の書き方を確認します。はじめに共通で使う処理です。 # 半径 radius = 3 # 円周率 pi = 3.14 # 円の面積を求める関数 def calc_area(r):
【困った！】いつの間にかローマ字入力が大文字になっていたときの対処法 誰しもが1回は経験したことのある、キーボードのローマ字入力がいきなり大文字になってしまったときの、原因と解決方法を紹介。アルファベット入力を大文字に固定してしまう機能【CapsLock】についてや、その解除方法などを、パソコン初心者の方にも理解して頂けるよう、わかりやすく説明しています。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 皆さん、こんな経験はありませんか？
今回は大阪中心部のIT・情報系の専門学校をまとめました。 資格やスキルなど特化した学校もあるため、自分に合った学校を見つけましょう。 田島悠介 今回は、なにか相談受けたんだって？ 大石ゆかり 大阪に住んでる親戚がIT系の専門学校に通いたいって言ったんですが・・・どこを選べばいいかわからなくて・・・ 田島悠介 よし！それじゃ、自分にあったIT系専門学校の選び方と大阪にある学校を紹介していくね！ 大石ゆかり お願いします！ 目次 自分に合った学校の選び方 学費を抑えられる学校 資格が充実している学校 プログラミングを学習できる学校 実習の多い学校 就職サポートが充実している学校 まとめ 自分に合った学校の選び方 これからIT系の知識・スキルを習得したいと考えている方は多いでしょう。 IT系の専門学校に興味を持ってもどの専門学校に入学すれば良いのか、自分にはどの専門学校が合っているのか考えること
この記事は、PHPプログラムでフォームの二重送信を防止する方法について解説した記事です。 PHPプログラム内で、Web技術の1つ「セッション」を使用する防止方法について解説します。「セッション」についてあまり理解てきていないという方は、「セッション」についての理解しておくと、この記事で解説している内容について理解しやすいと思います。 目次 二重送信の概要と原因 二重送信を防止する方法 実際に書いてみよう まとめ 二重送信の概要と原因 二重送信とは、例えば個人情報を登録するWebページで個人情報登録フォームを入力し終えた後に「登録」ボタンを押したとします。その後、内部的には、画面からサーバに対して登録をするための「リクエスト」が送信され、サーバ内のプログラムによって、DB(データベース)への登録処理や、登録するデータのファイル出力処理などが行われます。そのような処理が完了した後に画面に対して
目次 OpenCVとは opencv-pythonのインストール方法 pip installを利用してopencv-pythonをインストールしてみよう まとめ OpenCVとは OpenCVとは、動画や画像を処理するのに必要なさまざまな機能が実装されたオープンソースのコンピュータ・ビジョン・ライブラリです。 OpenCVを使用することで、フィルター処理、オブジェクト追跡、物体認識、機械学習等の処理をPythonで行うことができます。 [PR] 未経験からWebエンジニアを目指す方法とは opencv-pythonのインストール方法 opencv-pythonはpipを使用してインストールできます。 opencv-pythonをインストールする場合は以下のコマンドを使用します。 pip install opencv-python pip install opencv-contrib-pyt
目次 配列の種類と特徴の比較 サンプルコードと実行結果（List） サンプルコードと実行結果（Array) サンプルコードと実行結果（MutableList, ArrayList) まとめ 配列の種類と特徴の比較 Kotlinの配列には大きく分けて2つの種類があります。 基本型(プリミティブ型)の1つとしての配列： Arrayが該当します コレクションパッケージの1つとしての配列： ListやArrayListなどArray以外のほとんどが該当します Kotlinで複数の要素を扱う際は、基本的にコレクションパッケージで用意されているListやMutableListなどのクラスを使用します。 Arrayはライブラリなどで明示的に使うことを指定されている場合に使用すると良いでしょう。またListは読み取り専用のクラスであり、要素や要素数を変更する可能性がある場合はMutableListを使用し
selectオブジェクトとは selectobjectとは、プルダウンの選択肢を表示してユーザに選択をしてもらうインタフェースを提供してくれるタグになります。 selectタグには子要素として、optionタグを追加して記載します。このオプションタグが選択肢になります。 <select> <option></option> <option></option> </select> optionには、valueとHTML上に表示しるtextの二つを記載出来ます。 例えば、学年を選択させる場合にvalueは”1″でtextは”一年生”などとします。valueはプログラムで扱いやすい値にします。Textは人が見て分かりやすい値を使います。 [PR] フロントエンドで副業する学習方法を動画で公開中 text値を取得する記述方法 selectタブの扱いは他のタブと少し違っています。なぜなら実際に扱いた
次のページ
このページを最初にブックマークしてみませんか？
『magazine.techacademy.jp』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
