JavaScriptでプログレスバーを実装する方法を現役エンジニアが解説【初心者向け】
プログレスバーを実装する方法はいくつかあります。当記事ではHTML5の<progress>要素を使った方法をご紹介します。 <progress id="myProgress" value="0" max="100">0%</progress> value：プログレスバーの現在の値です。0からmaxまでの範囲で指定します。 max：プログレスバーの値の最大値です。 <progress>要素の中に書いてある「0%」は、<progress>要素が無効なブラウザで表示されます。 <progress>要素について、詳しくは以下の記事を参考にしてください。 <progress>: 進捗表示要素 [PR] コーディングで副業する方法とは 実際に書いてみよう 今回のサンプルプログラムでは、<progress> 要素をJavaScriptから操作します。なお、一定間隔でプログレスバーの値を更新するため、 s
HTMLでdlタグでnewsページを作る方法を現役エンジニアが解説【初心者向け】
コーポレートサイトやサービスのサイトのトップページでよく見かけるNEWSのコーディングでよく使われる作成方法を紹介します。 まずは、NEWSがどんな情報が必要なのか？を理解しておくことから 少し企画・ディレクションの内容になりますが、まずはどんな情報が必要なのかを事前に知っておくと良いでしょう。 いつ どこで だれが どうした どんなこと（どんなジャンルであるか？） …これらをすべてトップページで表示する必要はありません。必要に応じて、下層ページやPDFリンクを張り、そこで紹介をすれば良いのです。イメージとしてや、ポータルサイトのニュースタイトルのようなものですね。ミニマルに情報を伝える場合、以下になります。 いつ どうした・どうであるか 長々と文章を書かないで良いので、デザインや実装の時点では字数制限を考慮しておくと良いでしょう。表示エリアの面積によりますが、トップページにNEWSを挟み
【Webデザインの参考に！】海外のおしゃれサイトをまとめてみた！
【Webデザインの参考に！】海外のおしゃれサイトをまとめてみた！ 海外の洗練されたおしゃれでかっこいいサイトを紹介していきたいと思います。日本のサイトでも海外のものを参考にしているものが多くあります。今流行りのWebデザインを知るためにもどういう意味で作られたのか分かるはずです！ テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 日本でデザインをしていても流行りのデザインなどは、海外から影響を受けることがよくあります。サイトのデザイン面は見る
HTMLでコードを表示する方法【初心者向け】
HTML初心者向けに、【codeタグ】を使ってコードを表示する方法を解説した記事です。codeタグを使うと、コードを書かれていることを指定できます。一方で、【preタグ】を使うと、改行やインデントがそのまま表示されます。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
無料で使える！GitHub Pagesを使ってWebページを公開する方法
無料で使える！GitHub Pagesを使ってWebページを公開する方法 GitHubのサービス「GitHub Pages」の使い方を解説した記事。GitHubのアカウントがあれば無料でページを公開可能。ユーザサイトとプロジェクトサイトの2種類の違い、使い方をそれぞれ紹介。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 ソフトウェア開発プロジェクトのためのソースコード管理サービスのGitHub。開発者を中心に使っている人も多いことでしょう
XAMPPを使ってMySQLでデータベースを作成する方法【初心者向け】
XAMPPを使って「MySQL」でデータベースを作成する方法を初心者向けに解説した記事です。MySQLでテーブルを作成する際の手順も紹介しているので、この記事を参考にして操作してみましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 PHPの開発環境としてよく使われるXAMPPでは、MySQLを利用できます。 そこで今回は、XAMPPでMySQLを使ってデータベースを作成する方法について、テックアカデミーのメンター（現役エンジニア）が
【作業が圧倒的に早くなる！】知っておきたいExcel(エクセル)の関数10選
【作業が圧倒的に早くなる！】知っておきたいExcel(エクセル)の関数10選 使用頻度の高いExcel(エクセル)の関数を10種類に厳選して紹介。Excelの使用に苦手意識を持っている初心者の方にぜひとも読んでもらいたい記事です。この記事で紹介されているExcelの関数を覚えれば、作業効率が上がること間違いなしです。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 数字に弱い方は、「Excel(エクセル)関数」というワードを聞くと、「『関数
ゲーム開発の参考にしたい！Unityで作られているゲームまとめ
アジマッチ有限会社代表取締役社長。書籍化歓迎。対応業務：PHP(Laravel)、機械学習、Vue.js、LAMP・AWS、越境EC、CTO、エンジニア採用、CTO、経営者の不安解決コンサルティング。 本稿では、実際にUnityで具体的にどのようなゲームが作られているか、クオリティの高いゲームを紹介します。 Uintyで作られているゲームを知ることで、ゲームに対する見方も変わってくると思います。 実務でもUnityを利用して有名ゲームが作成されているので、ぜひ参考にしてみてください。 目次ウマ娘 プリティーダービースーパーマリオラン白猫プロジェクトドラゴンクエストVIII 空と海と大地と呪われし姫君スーパーキューブ 3DポケモンGOFall GuysHollow KnightまとめUnityを学習中の方へ そもそもUnityについてよく分からないという方は、Unityとは何なのかについて解
今さら聞けない！Webデザインとは【初心者向け】 | TechAcademyマガジン
本稿は、Designmodeのブログ記事を了解を得て日本語翻訳し掲載した記事になります。 また、本記事は、Doru Ciobanu氏によって投稿されました。 タイポグラフィは、独自の世界観、テクニック、統一感を組み合わせたアートです。素晴らしいデザインには、素晴らしいタイポグラフィがあります。 Webデザインまたは出版物のデザインでも、パンフレットやユーザーインターフェースのデザインでも、ロゴのデザインでも、プロジェクトを成功させるために重要な鍵となるものの1つはフォントです。 フォント、色、その他デザインをどのように組み合わせるかという選択が、成功と失敗の分岐点となります。こうした細部に十分な注意を払わないがために、優れた製品を生み出すために費やした全ての努力が無駄になることもあります。 しかし幸いなことに、優れたタイポグラフィのためのガイドとなるリソースは、豊富に存在しています。 そし
Ruby on Railsで作る！Webアプリケーションをゼロから開発する手順とは
Ruby on Railsで作る！Webアプリケーションをゼロから開発する手順とは 初心者向けにRuby on Railsを使ったWebアプリケーションの開発手順を解説。企画から実際に開発し公開するまでの流れを細かく紹介しています。Webサービスを作ったことがないという人でも今すぐ知っておきたい内容でしょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 RubyのフレームワークRuby on Railsを使ってWebアプリケーションを作
Webサービスをローンチする前に見ておきたいチェックリスト
Webサービスをローンチする前に見ておきたいチェックリスト Webサービスをローンチする上で事前にチェックすべきこと、ローンチ後にチェックしておきたいことをまとめています。ユーザーに分かりやすいデザインできちんとアプリやWebサイトが動くように知っておきたい内容でしょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、Studio by UXPinのブログ記事を了解を得て日本語翻訳し掲載した記事になります。 また本記事は、Webデ
【ゼロから作る！】初心者から始めるAndroidアプリ開発の開発手順とは
【ゼロから作る！】初心者から始めるAndroidアプリ開発の開発手順とは Androidアプリ開発をこれから勉強したいと考えている初心者向けに基礎から応用までまとめて紹介しています。どうやって進めたら良いか分からないという人は開発手順や便利なツールを知ることができるはずです。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 Androidアプリの開発手順をゼロから紹介していきます。 今回の記事では、アプリを作ったことがないという未経験者でも
偉大なプログラマーから学ぶ！プログラミングを基礎から学べる良書9冊とは！
偉大なプログラマーから学ぶ！プログラミングの考え方を学べる良書9冊とは！ プログラミングの考え方を学べる良書まとめ。プログラミングをするには、ネットワークやアルゴリズムといった知識が重要です。偉大なプログラマーが自分の経験や知識を書物として残しています。優秀なプログラマーを目指す人は必見でしょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、CodingDojoのブログ記事を、CodingDojo Blogより了解を得て日本語翻
【ゼロから作る！】初心者から始める！iPhoneアプリの開発手順とは
iPhone(iOS)アプリ開発をこれから勉強したいと考えている初心者向けに基礎から応用までまとめて紹介しています。どうやって進めたら良いか分からないという人は開発手順や便利なツールを知ることができるはずです。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 iPhoneアプリの開発手順をゼロから紹介していきます。 今回の記事では、プログラミングをやったことがないという初心者の方にも分かりやすく2人のキャラクターを用いて解説しています。 「
【初心者向け】Web開発をするなら絶対入れておきたいChrome拡張機能11選
【初心者向け】Web開発をするなら絶対入れておきたいChrome拡張機能11選 Web開発に便利なChrome拡張機能を紹介しています。現役エンジニアはもちろん、非エンジニアでもWeb開発に興味がある人は入れておくと非常に便利に感じるはずです。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 これからエンジニアを目指す人や、普段はディレクターとして働いている人向けにWeb開発で便利なChrome拡張機能をまとめています。 エンジニアやデザイ
たった3分で誰でもポートフォリオサイトが作れる「Somebody.io」
本稿は、本稿は、Web Designerdepotのブログ記事を、Web Designerdepotより了解を得て日本語翻訳し掲載した記事になります。 プロトタイピングの概念そのものは、インターネットの成立以前から存在していました。典型的な例として、新しい製品を開発をする人々は最初に製品を組み立て、次に製品が期待した通りに作動するか試します。 最初のバージョンで特許を取得して、潜在的な投資家に製品を見せることもあるかもしれません。もし投資家が独自の生産ラインの設備を利用できるとしたら(例えば既存の会社で働いているなどの理由から)、製造可能なレベルのモデルが完成するまで、製品の開発が進められて、バグの修正も行われます。 昔のデモディスクを覚えていますか？ 機能の制限されたプログラムが入っていたり、ゲームの初歩レベルあるいはゲームが2つだけ入っているようなディスクのことです。プロトタイプはデモ
プログラミングの開発環境に便利！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名 調査手法：インターネット調査 これからプログラミングを勉強するという初心者にとって、最
【プログラミング要らず！】初心者でも使える！スマホアプリが開発できるおすすめツール11選
アジマッチ有限会社代表取締役社長。書籍化歓迎。対応業務：PHP(Laravel)、機械学習、Vue.js、LAMP・AWS、越境EC、CTO、エンジニア採用、CTO、経営者の不安解決コンサルティング。 自分でプログラミングしなくてもスマホアプリを開発できてしまうツールがあることをご存知でしょうか。 今回紹介するツールを使えば手軽にスマホアプリ開発をすることができます。 「アプリを開発してみたかったけどハードルが高い」と思っていた方は特に必見です。 もちろん全てが自分の思い描いたアプリにならないかもしれませんが、アイデアが形になる喜びを感じられるはずです。 スマホアプリの開発をしたことがないという人こそ試してみてください。 目次MonacaYappliappypieSmartAppsMobileAppGyverGameSaladShoutEmApperyMobileSmithJmango36
今さら聞けない！コマンドプロンプトの使い方【初心者向け】
【コマンドプロンプトの使い方】を初心者向けに解説した記事。今日から使える主要コマンドも10紹介。コマンドプロンプトとは、コマンドと呼ばれる命令文を用いて、Windowsの操作や設定をおこなうためのツールです。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 初心者向けに、Windowsの「コマンドプロンプト」の使い方を紹介した記事です。 コマンドプロンプトは、WindowsのPCがあれば誰でも使うことができますが、通常は利用することはほとん
未来のザッカーバーグを育てる？小学生がプログラミングを学べる教室まとめ | TechAcademyマガジン
未来のザッカーバーグを育てる？小学生がプログラミングを学べる教室まとめ プログラミングが義務教育化される可能性もあり、【プログラミングを小学生でも学べるスクール】が増えています。今回は7つを紹介しています。金額や学べる内容を比較できるようにしてあるので、親子でチェックしてみてください！ テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 プログラミングが義務教育化される可能性もあり、プログラミングを小学生のうちから学ばせたいという親も増えている
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
