selectとoptionをCSSでカスタマイズする方法を現役エンジニアが解説【初心者向け】
select optionとは？ select optionとは、<select>タグの<option>タグのことで、画面上の見た目では選択式メニューの選択肢にあたります。 主に入力フォームで複数の選択肢から1つを選ばせるときに使用します。 プルダウン式の選択式メニュー、またはリスト型の選択式メニューを設置することが可能です。 [PR] Webデザインで副業する学習方法を動画で公開中 select optionの書き方 <select>タグを使用したプルダウン型の選択式メニューは、次のように書きます。 HTML： <select name="住所"> <option value="tokyo">東京都</option> <option value="kanagawa">神奈川県</option> <option value="chiba">千葉県</option> <option valu
jQueryでtoggleメソッドを使って要素の表示・非表示を切り替える方法
jQueryでtoggleメソッドを使って要素の表示・非表示を切り替える方法 プログラミング初心者向けに、jQueryのtoggleメソッドを使って要素の表示・非表示を切り替える方法について解説しています。Webサイトを作成する上で必要になってくる知識なので、今すぐ理解しておきましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 JavaScriptのライブラリであるjQueryでtoggleメソッドを使って要素の表示・非表示を切り替
ログを表示！Laravelでlogを出力させる方法【初心者向け】
logとは アプリケーションは、1つのリクエストを取っても様々な処理が行われており、機能を維持しつつ拡張していかなければいけません。そのためにアプリケーションの状態を記録として残しておくことがログの役割です。 処理の中で適切にロギングすることで、開発する上で重要な情報を得ることができます。身近なことでいうとデバッグです、「この入力の時にこの処理起こるのおかしいな？どんな値として渡されているんだろう？」などロギング処理を埋め込むことで処理途中のアプリケーションの状態の一部を確認することができます。 logを表示させる方法、logの出力レベルの変更方法 Laravelでのログの表示方法は Logファサードを使用するのがいいと思います。ログのレベル(重要度) に応じてemergency、alert、critical、error、warning、notice、info 、debug を使い分けてく
Laravelでcollection（コレクション）を使う方法【初心者向け】
Laravelのcollectionとは Laravelのcollectionとは配列のラッパーです。IlluminateSupportCollection にて提供されています。 collectionにはPHPの配列を操作しやすくした、様々なメソッドが定義されています。each、map、filter、reduce、などほかの言語で馴染み深い配列操作メソッド、union、intersect、diff などの集合操作系メソッドも使えたりします。 またコレクション内から要素を取り出す操作も充実しており get、shift、put、push、pull など行えます。 そのほかいっぱいあるのでぜひリファレンスを参照してください。 Laravelリファレンス-collections コレクションを使う事でメソッドチェーンが使えるようになるのが非常にありがたいです。クロージャーによりループ変数のスコー
JavaScriptでsetTimeoutを使う方法【初心者向け】現役エンジニアが解説
プログラミング初心者向けに、JavaScriptで【setTimeout】を使う方法を解説した記事です。setTimeoutは、繰り返さずに一度だけ、一定時間後に特定の処理を行うことができます。clearTimeoutも合わせて紹介。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 JavaScriptをプログラミング初心者向けに紹介した記事です。 今回は、JavaScriptでsetTimeoutを使う方法について解説します。 本記事では
PHPでセッションを使う方法【初心者向け】
プログラミング初心者向けに【PHPでセッションを使う方法】を解説した記事です。セッションとは、コンピュータのサーバー側に一時的にデータを保存する仕組みです。PHPでは「session_start関数」を使います。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 プログラミング初心者向けに、PHPの基礎を紹介する記事です。 今回は、PHPでセッションを使う方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者
git pushを使ってリモートリポジトリへプッシュする方法【初心者向け】現役エンジニアが解説
初心者向けにgit pushを使ってリモートリポジトリへプッシュする方法について解説しています。git pushというコマンドは開発に関する作業をする上で必ず使用するコマンドなので、ぜひこの機会に理解しておきましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 Git(ギット)はとても便利なバージョン管理システムです。 今回は、Gitの使用においても重要なgit pushの使い方について、テックアカデミーのメンター（現役エンジニア）が
アップデートの方法！npm updateの使い方【初心者向け】 | TechAcademyマガジン
初心者向けにnpmパッケージのupdateを行う方法について解説しています。npmやnpmのパッケージをアップデートするコマンドを紹介しているので、実際に打ち込んでみましょう。バージョンを更新する際に必要なので、覚えておきましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 今回はnpm updateについて解説します。 パッケージをアップデートする方法について説明しているので、ぜひコマンドを打ちながら行っていきましょう。 npm u
WordPressのサイトを別のサーバーに移行する方法【初心者向け】
WordPressのエクスポート・インポートを使用する方法 WordPress管理画面左メニューの「ツール」から「エクスポート」を選択します。 「すべてのコンテンツ」にチェックが入っているのを確認し、「エクスポートファイルをダウンロード」をクリックします。 XMLファイルがダウンロードされます。 次に、移転先のWordPressで「ツール」から「インポート」を選択します。 「WordPress」を選択します。 「WordPress インポートツール」がインストールされていない場合、ここでプラグインのインストール画面が表示されます。 「今すぐインストール」を選択します。 インストールが完了したら、「インポーターの実行」をクリックします。 「ファイルを選択」をクリックし、先ほどエクスポートでダウンロードしたXMLファイルを読み込みます。 「ファイルをアップロードしてインポート」をクリックします
WordPressでカスタムフィールドを設定する方法【初心者向け】
カスタムフィールドとは WordPressの投稿フォームには、デフォルトで「タイトル」と「本文」の2つがあります。 ここに入力する情報を追加できるのがカスタムフィールドです。 例えば、 不動産サイトのようにたくさんの情報を扱うサイト 飲食店紹介など、決まったフォームで記事を書きたいブログ などを構築する時に、デフォルトの機能ではお店の情報などを定型的に表示することができず不十分です。 そこで便利なのが、「カスタムフィールド」です。 カスタムフィールドを使うと「タイトル」と「本文」だけでなく、自分好みの任意フォームを追加できます。 カスタムフィールドを使えば、あとで「評価が高い順番に並べ替える」といったことも柔軟に行えるようになります。 カスタムフィールドを使うメリット カスタムフィールドを使う主なメリットは、主に以下の４つがあります。 決まった項目の入力データが扱いやすい スタイル（CSS
プラグインで簡単導入！WordPressでメルマガを発行できるプラグイン5選
プラグインで簡単導入！WordPressでメルマガを発行できるプラグイン5選 WordPressで【メールマガジン】を発行できるプラグインを5つ紹介する記事です。初心者を対象としているため、比較的簡単に導入できるものばかりです。プラグインを使うことで、登録のフォーム作成やメールの送信が簡単にできます。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 メールマガジンを使ったマーケティング手法は今も有効な手段です。そんなメルマガをWordPre
プロトタイプの作成に役立つ！デザインツールInVisionの使い方【初心者向け】
プロトタイプの作成に役立つ！デザインツールInVisionの使い方【初心者向け】 InVisionというプロトタイプの作成に便利なツールの使い方について解説しています。誰でも使えるように初心者向けに書いているので、大枠の流れを理解することができるはずです。ぜひデザインする際に使ってみてください。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 プロトタイプの作成でよく使われているInVisionというツールの使い方を解説している記事になりま
XAMPPでFTP（FileZilla）を使うための設定方法【初心者向け】
FileZillaのインストール方法 XAMPPコントロールパネルを起動します。 FileZillaと書かれている横のボタンをクリックしてください。 ここで「Yes」をクリックします。 このようにチェックマークが入ったらFileZillaのインストールは完了です。 続いてFileZillaを起動するために「Start」ボタンをクリックします。 この画像のように数字が表示されればFileZillaの起動は完了です。 続いてFileZillaのアカウント設定をおこないます。 「Admin」のボタンをクリックしてください。 このような画面が表示されたらOKをクリックしてください。 ※既にWebサーバ、もしくはMySQLサーバを作成していて、かつ管理者権限アカウントのパスワードを設定している場合は、そのパスワードを入力してください。 この画面が表示されたらEditから「Settings」をクリック
WordPressでファビコンを表示させる方法【初心者向け】
WordPressでファビコンを表示させる方法【初心者向け】 WordPressで【ファビコン（favicon）】を表示させる方法を初心者向けに解説した記事です。ファビコンとは、ブラウザ上のタブなどに表示されるサイトのアイコンです。テーマを編集する方法とプラグインを使う方法の2つを紹介しています。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 ブラウザ上のタブや、お気に入り一覧で表示されるそのサイトのアイコンを「ファビコン（favicon
プログラミングの開発環境に便利！Cloud9の使い方【Rails・WordPressテンプレートの解説あり】
プログラミングの開発環境に便利！Cloud9の使い方【Rails・WordPressテンプレートの解説あり】 プログラミングの開発環境に便利な【Cloud9】の使い方を解説した記事です。登録方法、ワークスペースの作成、画像ファイルのアップ方法などを紹介。最後にはRuby on RailsとWordPressのテンプレートの使い方も解説。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 これからプログラミングを勉強するという初心者にとって、最
設定しておけば楽できる！WordPressで自動更新させる方法【初心者向け】
設定しておけば楽できる！WordPressで自動更新させる方法【初心者向け】 WordPressで自動更新を行う方法を解説しています。WordPress本体と管理画面で取り扱うテーマ・プラグインのアップグレード・アップデートは最初の設定では手動で行うようになっていますが、これらを自動で更新するように設定しておくことが可能になっています。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 WordPress本体と管理画面で取り扱うテーマ・プラグ
Webデザインの知識がなくてもOK！Bootstrapの使い方【入門者向け】| TechAcademyマガジン
Webデザインの知識がなくてもOK！Bootstrapの使い方【入門者向け】 HTML/CSSといったWebデザインの知識がない人でもわかる【Bootstrap】の使い方。Bootstrapのダウンロード方法、サンプルコードがあってすぐに実践可能。グリッドシステムやテーブルなどの使い方あり。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 独学でHTML/CSSを勉強してもデザインがいまいち…という経験はないでしょうか。そんなときに便利なB
PHPでフォームからデータを受け取る方法（GETとPOST）
プログラミング初心者向けに、PHPで【フォームからデータを受け取る】方法を初心者向けに解説した記事です。フォームからのデータの受け取り方法には、「GET」と「POST」の2通りがあるのでそれぞれ紹介します。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 プログラミング初心者向けに、PHPの基礎を紹介する記事です。 今回は、フォームからデータを受け取る方法について解説します。 最初にフォームの送信方法とPHPでの受け取り方に関しての説明をし
【すぐに使える！】CSSのアニメーションをまとめたサイト・記事20選
【すぐに使える！】CSSのアニメーションをまとめたサイト・記事20選 初心者向けにCSSで書けるアニメーションをまとめたサイトや記事を厳選して紹介しています。Webサイトの制作において重要なアニメーションですが、すぐ使えるサンプルをまとめているので、ぜひ参考にしてみてください。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 今回はCSSのアニメーションをまとめたサイトや記事を紹介します。 サイトを作っていく上でアニメーションの実装は必須と
【データから紐解く！】人気プログラミング言語を徹底比較！
人気のプログラミング言語を年収、求人などのデータを元にこれから何を学習したら良いのか比較してまとめています。初心者でこれから始める人、エンジニアとしてプログラミングを身に付けたいという人には間違いなく参考になる情報です。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、Codementorのブログ記事を、Codementorより了解を得て日本語翻訳し掲載した記事になります。 科学、技術、工学および数学の素養がある人材に大きな需要があ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
