タグ

ブックマーク / magazine.techacademy.jp (41)

  • 人気の4大エディタを徹底比較!ベストなテキストエディタはこれだ | TechAcademyマガジン

    【Atom、Sublime、Visual Studio Code、Vimの人気エディタを徹底比較】ベストなテキストエディタはこれだ! プログラミングをする上で大事な判断になるのがテキストエディタです。どのエディタが使いやすいのかAtom, Sublime Text, Visual Studio Code, Vimという4つの人気エディタを比較しています。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 稿は、Codementorのブログ記

    人気の4大エディタを徹底比較!ベストなテキストエディタはこれだ | TechAcademyマガジン
  • JavaScriptで連想配列のキーでソートする方法を現役エンジニアが解説【初心者向け】

    連想配列とは 配列とは複数の要素をまとめて扱う仕組みです。配列は以下のように定義します。この場合「arr[0]」と記述することで先頭の要素である「’みかん’」を取得することができます。配列は先頭から順番に並んでおり、要素の位置をインデックスで指定します。 const arr = ['みかん', 'さくらんぼ', 'りんご']; 連想配列とは、要素が順番に並んでおらず、要素をキーで指定して取り出す配列です。JavaScript には連想配列は無く、オブジェクトが該当します。オブジェクトは以下のように定義します。 const obj = { orange: 'みかん', cherry: 'さくらんぼ', apple: 'りんご' }; オブジェクトの要素をプロパティと呼びます。プロパティの値「’みかん’」を取得するには以下のように記述します。 obj.orange obj['orange']

    JavaScriptで連想配列のキーでソートする方法を現役エンジニアが解説【初心者向け】
  • JavaScriptのNumberとparseIntの違いを現役エンジニアが解説【初心者向け】

    初心者向けにJavaScriptのNumber()とparseInt()の違いについて解説しています。NumberとparseIntそれぞれの役割と使い方、2つの違い、場面によって使うとよいかについて動作を見ていきましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 JavaScriptのNumberとparseIntの違いについて、TechAcademyのメンター(現役エンジニア)が実際のコードを使用して初心者向けに解説します。 そ

    JavaScriptのNumberとparseIntの違いを現役エンジニアが解説【初心者向け】
  • PHPのrawurlencode関数について現役エンジニアが解説【初心者向け】

    初心者向けにPHPrawurlencode関数について現役エンジニアが解説しています。エンコードとはデータを特定の形式に変換することをいい、rawurlencode関数はURLエンコードをするための関数で書き方や使い方について解説します。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 今回は、PHPrawurlencode関数について、TechAcademyのメンター(現役エンジニア)が実際のコードを使用して初心者向けに解説します。

    PHPのrawurlencode関数について現役エンジニアが解説【初心者向け】
  • PHPのsleep関数を使って実行を一時停止・遅延する方法【初心者向け】

    PHPのsleep関数を使って実行を一時停止・遅延する方法【初心者向け】 プログラミング初心者向けにsleep関数を使って実行を一時停止、遅延する方法について解説しています。処理を行うタイミングを一時停止したり、遅らせることができるメソッドなので、指定した秒ごとに実行させることができます。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 PHPのsleep関数の使い方について、テックアカデミーのメンター(現役エンジニア)が実際のコードを使用

    PHPのsleep関数を使って実行を一時停止・遅延する方法【初心者向け】
  • PHPでbase64から画像ファイルを保存する方法を現役エンジニアが解説【初心者向け】

    初心者向けにPHPでbase64から画像ファイルを保存する方法について現役エンジニアが解説しています。base64とは、画像などのデータを64種類の英数字と記号で表現したものです。PHPで画像ファイルをbase64エンコードやデコードを行い保存する方法やファイルのMIMEタイプについて解説します。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 PHPでbase64から画像ファイルを保存する方法について、TechAcademyのメンター(現

    PHPでbase64から画像ファイルを保存する方法を現役エンジニアが解説【初心者向け】
  • JavaScriptでnullを判定する方法を現役エンジニアが解説【初心者向け】

    nullとは nullとは「何もない」、「値が存在しない」といった意味を指します。 JavaScriptで変数の値をnullにするには、以下のように「明示的」にnullを指定する必要があります。 //変数にnullを代入 let value = null; //関数の戻り値にnullを指定 const test = () => { return null; } なお、null についてのさらに詳細な仕様は、下記の記事で確認できます。 MDN – null [PR] フロントエンド副業する学習方法を動画で公開中 nullとundefinedの違い undefined は「未定義」という意味です。 値がなにもないという点はnullと共通なのですが、大きな違いは「明示的に値を指定していない」ことにあります。 つまり、nullが「プログラムを書いた人が意図している仕様」なのに対し、undefin

    JavaScriptでnullを判定する方法を現役エンジニアが解説【初心者向け】
    kathew
    kathew 2021/01/25
    文字列キャストして厳密に比較しようとしたら、キャストした結果が'null'になってたまげた
  • PHPで四捨五入、切り捨て、切り上げする方法を現役エンジニアが解説【初心者向け】

    PHPで小数点以下の値を表示するには、浮動小数点型(float)という型を使います。この浮動小数点型の通常の表示では、小数点以下全ての桁が表示されます。 そこで、浮動小数点型の数値を、四捨五入、切り捨て、切り上げで表示するために、round関数、ceil関数、floor関数を用います。 round()(四捨五入)の使い方 round関数では、浮動小数点型の数字を四捨五入して表示することができます。小数点以下を四捨五入するため、出力される値は整数の数字になります。 round(3.4); → 3 round(3.5); → 4 round関数では、2つ目の引数に、小数点何桁まで表示する(何桁より下の桁で四捨五入する)ということを指定することができます。 ※未指定の場合は、0となります。 round(3.1415, 1); → 3.1 round(3.1415, 2); → 3.14 roun

    PHPで四捨五入、切り捨て、切り上げする方法を現役エンジニアが解説【初心者向け】
    kathew
    kathew 2021/01/21
  • JavaScriptのPromise.allメソッドの使い方を現役エンジニアが解説【初心者向け】

    Promiseとは PromiseとはJavaScriptで非同期処理を分かりやすく記述するための仕組みです。 プログラムには、完了まで時間がかかったり、いつ完了するか分からないような処理があります。そのような処理を「主たる処理の実行順」とは別に進めておいて、完了した際に主たる処理に結果を返す処理方法を「非同期処理」と呼びます。 Promiseはresolveとrejectの2つの関数を引数に取ります。非同期処理が成功した際にはresolveが、失敗した際にはrejectが実行されます。 以下は、Promise を返す非同期処理の例です。 const func1 = () => { return new Promise((resolve, reject) => { if (条件) { resolve('処理成功); } else { reject('処理失敗'); } }) }; 非同期処

    JavaScriptのPromise.allメソッドの使い方を現役エンジニアが解説【初心者向け】
  • JavaScriptでCookieのpath属性を設定する方法を現役エンジニアが解説【初心者向け】

    初心者向けにJavaScriptCookieのpath属性を設定する方法について現役エンジニアが解説しています。Cookieとはサーバーがブラウザに送信するデータのことで、ブラウザもそのデータを送信し続けます。path属性とは、サイトのURLのどの部分の場合にCookieを送信するかを指定するものです。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 JavaScriptCookieのpath属性を設定する方法について、TechAcad

    JavaScriptでCookieのpath属性を設定する方法を現役エンジニアが解説【初心者向け】
  • JavaScriptで配列を空にする方法を現役エンジニアが解説【初心者向け】

    初心者向けにJavaScriptで配列を空にする方法について現役エンジニアが解説しています。配列を空にするには、配列の長さを0にしたり、配列に空の配列を代入する方法があります。JavaScriptの配列が空かどうかの判定も含めて解説します。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 JavaScriptで配列を空にする方法について、TechAcademyのメンター(現役エンジニア)が実際のコードを使って初心者向けに解説します。 Jav

    JavaScriptで配列を空にする方法を現役エンジニアが解説【初心者向け】
  • JavaScriptでscrollTopプロパティを使って要素のスクロールされるピクセル数を取得、設定する方法を現役エンジニアが解説【初心者向け】

    アジマッチ有限会社代表取締役社長。書籍化歓迎。対応業務:PHP(Laravel)、機械学習Vue.js、LAMP・AWS、越境EC、CTO、エンジニア採用、CTO、経営者の不安解決コンサルティング。 JavaScriptでscrollTopプロパティを使って要素のスクロールされるピクセル数を取得、設定する方法について、テックアカデミーのメンター(現役エンジニア)が実際のコードを使用して初心者向けに解説します。 JavaScriptでscrollTopプロパティを使うと、スクロール量をピクセル単位で設定や取得できます。 実務でもscrollTopプロパティによって画面スクロール処理を行うので、ぜひ学習してみてください。 目次scrollTopプロパティとはscrollTopプロパティの使い方要素のスクロールされるピクセル数を取得する方法要素のスクロールされるピクセル数を設定する方法実際に書

    JavaScriptでscrollTopプロパティを使って要素のスクロールされるピクセル数を取得、設定する方法を現役エンジニアが解説【初心者向け】
  • JavaScriptでsetIntervalを使う方法【初心者向け】現役エンジニアが解説

    プログラミング初心者向けに、JavaScriptで【setInterval】を使う方法を解説した記事です。記事では、setIntervalのタイマー処理でカウントアップ、処理を停止する方法を紹介します。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 JavaScriptをプログラミング初心者向けに紹介した記事です。 今回は、JavaScriptでsetIntervalを使う方法について解説します。 記事では、テキストエディタのmiを使

    JavaScriptでsetIntervalを使う方法【初心者向け】現役エンジニアが解説
  • CSSのfilterプロパティで画像を編集する方法を現役エンジニアが解説【初心者向け】

    filterプロパティとは filterプロパティは、視覚効果として簡単に画像などの要素をぼかしたり、明るさ・彩度・色相などを変化させることが可能です。 これらの加工は、Photoshopなどの画像編集ソフト等でも可能です。しかし、filterプロパティではそうしたソフトを使用せず、様々な変化を加えることができます。 マウスオンとマウスアウトで画像の色を変化させたり、画像ギャラリーなどで、選択中の画像の色を変化させたいときなどに便利です。 filterプロパティの使い方 filterプロパティは以下のように記述します。 img{ filter:フィルターの種類(変化量); } 実際に変化を確認してみましょう。 HTML <div class="original"> <img src="./images/banana.jpg"> <p>元画像</p> </div> <div class="b

    CSSのfilterプロパティで画像を編集する方法を現役エンジニアが解説【初心者向け】
  • PHPでtrait(トレイト)を使う方法【初心者向け】

    traitとは PHPのバージョン5.4.0から導入されたコードの再利用性を高めるための機能になります。 古いバージョンのPHPを利用されている現場では、利用できないのでご利用の際はPHPのバージョンにはご注意ください。 さて、実際にtraitを使うには、まず、traitはclass定義の際にクラス名を決めるのと同じようにトレイト名を指定します。 定義したtraitブロック内ではメソッドを定義できます。 traitを作成に必要な作業は以上の「トレイト名を決める」「必要なメソッドを定義する」これだけです。 定義したtraitは、任意のクラス定義内で「use トレイト名」を記述するだけで、指定したトレイト名に定義されているメソッドをそのクラスが定義しているのと同じように利用できます。 このようにtraitは任意のクラスの機能(メソッド)を拡張できる仕組みになります。そのため、traitに定義す

    PHPでtrait(トレイト)を使う方法【初心者向け】
  • 作成してみよう!LaravelでAPIを扱う方法【初心者向け】

    APIとは API(Application Programming Interface)は、アプリケーション同士を協調して動作させるための仕様です。 アプリケーションはAPIを提供することで、他のアプリケーションとやりとりすることができます。 例えば、Twitter、Facebookなど様々な事業者は自社のサービスを外部のアプリケーション向けに提供するために、Web APIを公開しています。外部のアプリケーションはそれらのWeb APIを通してサービスを利用できます。 私たちがWebページを参照する場合、WebブラウザがHTTPのURLにリクエストし、レスポンスとして返されるHTMLを描画します。 それと同様にWeb APIの場合も、アプリケーションがHTTPのURLにリクエストし、レスポンスとして返されるデータを処理します。 Web APIでは、HTTP経由でJSON形式のメッセージを送

    作成してみよう!LaravelでAPIを扱う方法【初心者向け】
  • Laravelでsession(セッション)を扱う方法【初心者向け】

    sessionとは Webアプリケーションでは、リクエストをまたがったユーザーの識別やユーザー毎のデータの保存を行う必要が出てきます。 そのために、Laravelのようなフレームワークは、セッションという仕組みを提供しています。 セッションにはデータ(キーと値のペア)を保存できます。 Laravelは様々なバックエンドのセッションを提供しており、config/session.phpで設定できます。 デフォルトで設定されているfileセッションは、storage/framework/sessions/ディレクトリ内のファイルにセッションを保存します。実稼働環境ではdatabaseセッションやredisセッションなどの使用を考慮しますが、開発環境ではデフォルトのfileセッションで十分です。 Laravelsessionを利用する方法 Laravelでセッションを操作するには、主に2つの方法

    Laravelでsession(セッション)を扱う方法【初心者向け】
  • PHPでCookieを使う方法【初心者向け】

    PHPCookieを使う方法【初心者向け】 プログラミング初心者向けに、PHPの【Cookie(クッキー)】を使う方法を解説した記事です。Cookieとは、ブラウザ側に一時的にデータを保存するための仕組みです。PHPでは「setcookie」を使います。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 プログラミング初心者向けに、PHPの基礎を紹介する記事です。 今回は、PHPCookie(クッキー)を使う方法を初心者向けの解説します。

    PHPでCookieを使う方法【初心者向け】
  • PHPのcURL関数を使って外部サイトの情報を取得する方法【初心者向け】現役エンジニアが解説

    PHPcURL関数を使って外部サイトの情報を取得する方法【初心者向け】現役エンジニアが解説 プログラミング初心者向けにPHPcURL関数を使って外部サイトにアクセスし、情報を取得する方法について解説しています。使い方は難しくないですし、リクエストもカスタマイズできるので情報の取得をする際に便利です。ぜひご覧ください。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 ここではPHPで使うcURL関数について、テックアカデミーのメンター(現

    PHPのcURL関数を使って外部サイトの情報を取得する方法【初心者向け】現役エンジニアが解説
  • Laravelでredirect(リダイレクト)させる方法【初心者向け】

    リダイレクトとは 簡単に言うとURL転送です。リクエストされたURLとは別のURLに直ちに再リクエストさせます。 Webアプリケーションでは次のようなシーンで使われます。 ユーザー登録に成功したら、homeページにリダイレクト 未認証ユーザーが要認証ページにアクセスしようとしたら、ログインページにリダイレクト 認証に成功したら、アクセスしようとしていたページまたはhomeページにリダイレクト 認証済ユーザーがログインページにアクセスしようとしたら、homeページにリダイレクト フォーム処理でバリデーションエラーが発生したら、フォームのページにリダイレクト リソースの作成/更新/削除が成功したら、リソースの一覧ページにリダイレクト 多くの場合、ユーザーにはただのページ遷移に見えますが、普通のページ表示と異なる点は、一旦レスポンスが返るためブラウザからのリクエストが2回になることです。 リダイ

    Laravelでredirect(リダイレクト)させる方法【初心者向け】
    kathew
    kathew 2020/03/17
    外にリダイレクトする時はaway()で書いたりするみたい