Dockerイメージの理解を目指すチュートリアル - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 概要 - 自分でオレオレ hello-world イメージをビルド このチュートリアルは、hello-world イメージを自分でビルドする例を取り上げます。手を動かしながら、Docker イメージの仕組みや性質の理解を深めます。また、効率的な Docker イメージの作成や Dockerfile の活用を目指すための基礎のほか、（主に開発者向けには）マルチステージ・ビルドも学びます。 ポイントは、Docker イメージ（image）とは、Docker コンテナの実行に必要な概念としてのパッケージ（ファイルやメタ情報の集合体）であること
webpackとBabelの基本を理解する(1) ―webpack編― - Qiita
独学の内容をまとめたものです。誤りがございましたら、ご連絡いただけると幸いです。 リンク webpackとBabelの基本を理解する(1) ―webpack編―（本記事） webpackとBabelの基本を理解する(2) ―Babel編― webpackとBabelの基本を理解する(3) ―webpackとBabel編― webpackとBabelの基本を理解する(4) ―React編― webpackとBabelの基本を理解する(5) ―Sass編― 概要 この記事の概要 目的 フロントエンドの環境構築に利用されるツールへの理解を深める 本記事のゴール webpackでJSファイルを結合する方法を知る 対象者 WEBフロント担当者 HTML,CSS,JavaScript(es2015含む)の基本的な構文を理解している人 npmの利用方法を理解している人 環境・バージョン Windows1
webpackを利用してみる（入門編） | フロントエンドBlog | ミツエーリンクス
この記事はミツエーリンクスアドベントカレンダー2019の5日目の記事です。 Webサイト構築プロジェクトを進めていく中で、HTML/CSS設計やJavaScript開発を複数人で行うケースは多くあります。 そうした場合に、1つのファイルに複数の機能が集中しているとコードの可読性が悪くなり、開発作業の分担も難しくなってしまいます。 この問題の解決策として有効なのが、webpackなどのツールを使用することです。機能ごとにファイルを分割（モジュール化）して開発を進めることができれば、可読性も向上し開発作業の分担もしやすくなります。 webpackとは webpackとはCSSやJavaScript、画像などWebサイトを構成するあらゆるファイルを1つにまとめるモジュールバンドラーのことです。 webpackを利用して複数ファイルをバンドルすることは以下のような利点があります。 依存関係の解決
webpack 4 入門 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? お知らせ（2020/08/25 追記） Udemy で「webpack 最速入門（10,800 円 -> 2,000 円）という講座を公開しました。 本来の価格は10,800円ですが、上記リンクからアクセスすると2,400円で購入できます。 どんな内容？ webpack を利用したフロントエンド開発環境が構築できるようになる、ハンズオン形式の講座です。 詳細は上記のリンクのプレビュー動画で詳しく説明しています。 記事との内容の違い 記事の内容に、以下の内容や特徴が追加された感じです。 実務で利用できる開発環境を徐々に構築していくので、記
仕事ですぐに使えるTypeScript — 仕事ですぐに使えるTypeScript ドキュメント
注釈 本ドキュメントは、まだ未完成ですが、ウェブフロントエンドの開発を学ぶときに、JavaScriptを経由せずに、最初からTypeScriptで学んでいく社内向けコンテンツとして作成されはじめました。基本の文法部分以外はまだ執筆されていない章もいくつもあります。書かれている章もまだまだ内容が追加される可能性がありますし、環境の変化で内容の変更が入る可能性もあります。 書籍の原稿はGitHub上で管理しております。もしTypoを見つけてくださった方がいらっしゃいましたら、 GitHub上で連絡 をお願いします 1 。reSTファイルだけ修正してもらえれば、HTML/PDFの生成までは不要です。フィードバックなども歓迎しております。 1 https://github.com/future-architect/typescript-guide/pulls
Laravel入門 - 使い方チュートリアル - - Qiita
「基礎から学ぶLaravel」を執筆しました！ こちらの記事をパワーアップさせて、「業務でこれだけは知っておいて欲しい！」という情報を厳選して追加しています！ バージョン10対応です。 ぜひご覧くださいませ。 Amazon C&R研究所 チュートリアル Laravelの使い方をチュートリアル形式でまとめています。 バージョンは5.7です。 解説をしながら、CRUD処理（登録、取得、更新、削除）を実装していきます。 DockerでLaravel環境を構築するにはこちら。 Dockerを使って1コマンドで起動できるLaravel開発環境を構築する Laravelのインストール Laravelのインストールには様々な方法がありますが、ここではComposerを使用します。 Composerについてはこちら create-projectコマンドを使用することで、インストールと同時にプロジェクトを作
2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 以下はSimon Holdorf( dev.to/ Twitter / GitHub )による記事、9 Projects you can do to become a Frontend Master in 2020の日本語訳です。 9 Projects you can do to become a Frontend Master in 2020 Introduction あなたがプログラミングの初心者であるか、既に経験豊富な開発者であるかにかかわらず、この業界では、急速な変化に追いつくために新しい概念と言語・フレームワークを学び続けるこ
AsciiDoc を PDF 化する時の日本語フォントを指定する
以前書いた AsciiDoc と PlantUML と mermaid.js で素敵なテキストベース仕様書ライフ の続き的な内容です。 asciidoctor-pdf で AsciiDoc を PDF化できますが、デフォルト設定の日本語が少し気になる場合（特に濁点とか半濁点の位置・・・）、フォントを別のものにすることができます。 メモがてら手順を記載します。 動作確認環境 macOS Sierra 10.12.6 ruby 2.3.1 Asciidoctor 1.5.5 Asciidoctor PDF 1.5.0.alpha.15 手順 大まかには以下の通り ttf のフォントを入手する スタイルファイルでフォントを指定する asciidoctor-pdf の引数でスタイルファイルとフォントのディレクトリを指定する 手順自体はそれほど複雑ではありませんが、少し注意点、制約がありますので順を
Vueを学び、SPA対応のポートフォリオサイトを自作するまでの道のり - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 昨日1/28にVue, Vuex, Vue Routerを使って、SPA対応のポートフォリオサイトを自作しました！ここまで形になったこと、本当に嬉しかったです。 自作ポートフォリオサイト もともと1週間でVue.jsを使ったポートフォリオを作った記事をみて、「すげぇ…自分もVueでポートフォリオサイト作成を第一目標にしよ！」と思ったんですね。 それで、Vueでの自作ポートフォリオサイトを１つの目標にしたんですが、想像以上に私には難しく１ヶ月くらいかかりました(^p^) あと、２回ほど心が折れました(^p^) そんな過去の私のようにVue
Vue Patterns
GitHub PatternsComponent DeclarationComponent CommunicationComponent Events HandlingComponent Conditional RenderingDynamic ComponentFunctional ComponentRenderless ComponentCompositionPassing Props & ListenersHigher Order Component (a.k.a. HOC)Provider / ConsumerDependency injectionHandling ErrorsProductivity TipsUseful LinksFullstack Vue BookTranslations
第1回 Apache Cordovaでできること
連載目次 Visual Studio Tools for Apache Cordova（次の画像、以降「VS Tools for Cordova」）を使うと、iOS／AndroidそしてWindows／Windows Phoneのクロスプラットフォーム開発ができる。使い慣れたVisual Studioで、iOSとAndroidのアプリも簡単に開発できるのである。 本連載は、VS Tools for Cordovaを使ったクロスプラットフォーム開発の入門である。iPhone／Android用のモバイルアプリを作ってみたいと思っている.NET開発者にうってつけだ。予備知識としては、Webページの作り方（HTML／CSS／JavaScript）がある程度分かっていればよい。筆者もiOS／Androidアプリ開発についてはさほど詳しくはないが、VS Tools for Cordovaを使うことで、
Cordovaでサクッとモバイルアプリ開発デビュー！ - Qiita
はじめに Cordovaでアプリを一本作ってみて「これはイケてる！」と思ったのでご紹介の記事です。 こんな方におすすめです！ モバイルアプリを簡単に作ってみたい！ iOSもAndroidも対応したアプリが作りたい！ フロントエンドしかやったことないけどアプリに手を出したい！ Cordovaで開発するメリット JavaScriptで書ける！ フロントエンジニアほぼ必須のJavaScriptを使用するので新規言語を習得し直す必要なし！ IDE必要なし！ HTML + JavaScript で記載するので、メモリをやたら食うIDEなんかは必要なし！ 私はVisualStudioCodeで書きました！ クロスプラットフォーム！ MacだろうとWindowsだろうとiOSだろうとAndroidだろうとなんでも動きます動かせます！ カメラとか位置情報、センサー類も使えます！通知だって出せます！ 参考:
PHPでDDD実装事例(クラス図、コードレビューでの指摘ポイント有り) - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 追記 1.一意な識別子を生成するnextIdentity()メソッドの実装を追記しました 2.ReservationServiceクラスを修正しました (リファクタリング、Customerクラス追加) 3.続編では無いですが、その②を書きました。 PHPでDDD実装事例その②リポジトリ&ファクトリで永続化・生成処理をカプセル化(Laravel)(図あり) 背景 自分が運営しているハウススタジオの予約受付業務の自動化システムを、今学習しているDDD風に設計して、YYPHPにてコードレビューしてもらったので、 ・前提となる業務の内容 ・業務
JavaScriptのStreams APIで細切れのデータを読み書きする
近年、PCに搭載されるメモリは爆発的に増えました。16GBや32GBのメモリが搭載されているのが当たり前の時代です。性能の制限が強いスマートフォンですら4GBほど搭載していることがあります。ストレージの読み書き速度もどんどん加速し、昔では扱えなかったようなデータ量をリアルタイムで処理できます。インターネット回線も同様に大量のデータを扱えるようになりました。 しかし現実的な大きさのデータを一度に扱おうとすると、現代でもそれなりに処理時間がかかります。ユーザはレスポンスに対して敏感で、反応が0.1秒でも遅れるとストレスを感じます。しかし時間がかかるものはかかるのです。この問題は一見どうしようもないように思えます。 そこで登場するのが「データを細切れにして処理する」というコンピュータにおける万能の薬です。細切れにして逐次処理すれば、少しずつデータを処理することができ、素早いレスポンスを実現するこ
Vue.js の基礎を学ぶために LearnCode.academy の学習動画を活用したら最高だった - kakakakakku blog
LearnCode.academy とは？ www.youtube.com LearnCode.academy という YouTube チャンネルがあり，Vue.js や React + Redux などを解説した，無料の学習動画が公開されている．今回受講したのは「Vue Tutorial」で，全9回となっている．合計しても「約1時間程度」なので，スキマ時間を活用して気軽に学ぶこともできる．「Vue.js は気になるけどまだ試したことがない」という人にオススメ！ Vue Tutorial #1 - Vue JS Tutorial for Beginners #1 setting up an app Vue Tutorial #2 - Vue.js filters and computed data Vue Tutorial #3 - Vue.js directives and event
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
この TypeScript が Hello, world! のくせに慎重すぎる - Qiita
【連載】ゼロからはじめるPython
「Docker入門」タグが付いた記事一覧 | さくらのナレッジ
【Laravel 6 & PHP 7.4 対応】Vue + Vue Router + Vuex + Laravel チュートリアル（全16回）を書きました。 - Qiita
https://www.cloudot.co.jp/wp-content/uploads/2022/08/blog.jpg
