独学の内容をまとめたものです。誤りがございましたら、ご連絡いただけると幸いです。 リンク 1. webpackとBabelの基本を理解する(1) ―webpack編―（本記事） 2. webpackとBabelの基本を理解する(2) ―Babel編― 3. webpackとBabelの基本を理解する(3) ―webpackとBabel編― 4. webpackとBabelの基本を理解する(4) ―React編― 5. webpackとBabelの基本を理解する(5) ―Sass編― 概要 この記事の概要 目的 フロントエンドの環境構築に利用されるツールへの理解を深める 本記事のゴール webpackでJSファイルを結合する方法を知る 対象者 WEBフロント担当者 HTML,CSS,JavaScript(es2015含む)の基本的な構文を理解している人 npmの利用方法を理解している人 環境

先に結論：2018年3月時点の無料かつ日本語版のレッスンを紹介 Qwiklab という学習サイト AWS公認のオンライン学習環境(要登録) Qwiklabs 様々な演習と演習環境が用意されている 無料、有料のレッスンが用意されている。 AWSだけでなくGCPのほうもレッスンが用意されている。 日本語対応されているレッスンがある Qwiklabのほうで演習用アカウントを用意してくれるのでこんな方が救われる 個人アカウントを持っていない あまりお金をかけずに勉強したい 無料枠アカウントを持っているが、あまり知らないサービスには怖くて手を出せていない。 現時点で無料かつ日本語対応されているレッスンを紹介 Introduction to AWS Device Farm (日本語版) https://run.qwiklab.com/focuses/2968 Introduction to AWS I

mountとかlinkのあたりの話がだんだんとごっちゃになってきてしまったので一回まとめます。 ファイルシステム ファイルシステムっていうのはディレクトリがあって、そこにディレクトリエントリと呼ばれるファイルなどの情報があります。ディレクトリエントリからファイルのinodeにアクセスして、その先のファイルの実体にアクセスします。 ハードリンクとシンボリックリンク これらリンクは結局は、別名でアクセスできるよ〜というものです。ハードリンクは別々のディレクトリエントリが同じinodeを参照することでこの別名アクセスを実現しています。つまり、dentry -> inode -> 実体 という構成の中で、inodeは共通でdentryのみがことなっているのです。これは $ echo "nyan" > test1 $ ln test1 test2 //シンボリックリンクなら -s をつける $ ln

こちらの記事 npmのインストール場所にパッケージをインストールします。 付けない場合は，カレントディレクトリのnode_modules内にインストールされます。 グローバルインストールはそうなんですけれど、私の場合はnodebrewでnodeとnpmを入れているので、

Photo by Michael Mandiberg こんにちは。谷口です。 皆さんはSQLは得意ですか？ 使えるようになりたいけど、どう勉強したらいいかわからない… なんとなく簡単なSELECT文なら書けるけど実は苦手… という方も多いかと思います。 最近はエンジニア以外の職種でも「SQLを習得したい！」という方が増えてきました。 SQLを学ぶにはデータベースが必要なため、かつては勉強したくても始めるまでのハードルが高いことが難点でした。ただ、最近はオンライン上でSQLを学べるコンテンツが増えてきています。 そこで今回はSQLの勉強＆練習に役立つサイトを6件ご紹介します。 【目次】 SQLとは？ Progate paizaラーニングの「DB/SQL入門編」 ProgrammingKnowledge：Beginners MYSQL Database Tutorial 1 Codecadem

$ sudo yum remove git $ sudo yum install gcc curl-devel expat-devel gettext-devel openssl-devel zlib-devel perl-ExtUtils-MakeMaker $ wget https://www.kernel.org/pub/software/scm/git/git-2.2.0.tar.gz $ tar -zxf git-2.2.0.tar.gz $ cd git-2.2.0 $ make prefix=/usr/local all $ make prefix=/usr/local install $ git --version git version 2.2.0 これでどうだ！ // @clown0082 さん、GCC に関する編集リクエスト有難う御座いました m(_ _)m 途中の

はじめに Docker社はDockerCon2017において、Dockerコンテナの実行にフォーカスした軽量Linuxである、LinuxKitをリリースしました。 以下関連URLです。 Docker、「LinuxKit」を発表。コンテナランタイムのためだけにゼロから開発されたセキュアなLinux Subsystem。DockerCon 2017 ANNOUNCING LINUXKIT: A TOOLKIT FOR BUILDING SECURE, LEAN AND PORTABLE LINUX SUBSYSTEMS 本記事はLinuxKitについて網羅的な説明をすることではなくて、LinuxKitに同梱されているカーネルがどのようなものかをざっと眺めることです。なぜカーネルだけなのかというと、単に私がカーネル屋さんなのでカーネルに興味があっただけです。 本記事のLinuxKitの対象バージ

Flexboxのjustify-contentで最後の行を左寄せにする方法 Flexboxのjustify-contentではflexアイテムの配置方法が指定できます。 justify-contentに「center」と指定すればflexアイテムを中央寄せに、「space-between」と指定すれば両サイドを端に配置し中のflexアイテムを均等に、「space-around」と指定すればすべてのflexアイテムを均等に配置します。 以下は、justify-contentにspace-betweenを指定したサンプルです。flex-wrapにはwrapを指定してflexコンテナより溢れたflexアイテムは改行されるようにしています。 See the Pen Flexboxのjustify-content by Kazuma Nishihata (@to-r) on CodePen. 一見、

Dockerの-vやdocker-composeのvolumeでホストのディレクトリをコンテナにマウントしたとき、コンテナ内のApache側から書き込めない現象があった。 概要 VolumeでDockerホストの/vagrant/publicをコンテナの/var/www/htmlにマウント。 /vagrant/publicの所有者はvagrant:vagrant。 /var/www/htmlの所有者は1000:1000。 この状態で、コンテナ内のApache上PHPアプリケーションがディレクトリを作ろうとすると権限がなく作れず。 対処法: Apacheのユーザ・グループを1000:1000にする DockerはVolumeにマウントした場合、所有者が1000:1000になる。そのため、パーミッションで書き込み権限を与えない限りrootか1000でないと書き込めない。1なので、Dockerイ

子供が小学校に入学するんで保護者会にいったんですよ。保護者会。校長挨拶副校長挨拶PTA挨拶警察官の挨拶。続いて小学校に必要なものの説明がはじまったんです。上履きとかすぐに必要なものはわかった。公費で購入されるから家庭で用意しなくてよいものもわかった。しかし家庭で用意してほしいものは入学式以降にお知らせしますとか言い出すんです。もうねあほかとばかかと。色鉛筆とかさ何色用意すればいいのか。明日持って来いって言われても用意できないぞ。Amazonプライム加入しないともうだめかもしれんね。業者も売りにくるのでそこで買えますってさ、なにその業者。癒着？利権？何それ怖い。え、業者は平日の昼間に来るんですか。こっちは仕事してるんですけど。14時に学校で販売って言われても前休と後休の中間の時間で全休にしないとアカンやつ。 それと2日後に廃材（例えばサランラップのシン、トイレットペーパーのシン）を使います、

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

こんにちは。さくらインターネットの前佛です。 今回は、サーバのログファイルを自動スキャンして、悪意のある SSH 通信を自動遮断するツール fail2ban の概要と使い方をご紹介します。 日々、不正アクセス インターネット上のサーバは、SSH や HTTP など、公開しているポートに対する不正アクセスの試みに日々晒されています。不正アクセスは悪意を持った人からの攻撃だけではありません。マルウェアやワームなど、いわゆるボットからの攻撃にも日々晒されているのです。 そのため、誰でもアクセス可能なパブリックな環境にサーバを公開する場合、セキュリティに対して細心の注意を払う必要があります。 たとえば、近年話題になっている Linux 向けのマルウェアとしては XOR.DDoS が有名です。これは root ユーザのパスワードに対する総当たり攻撃（broute-force attach）を試みます

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに Dockerを本番環境で利用するに当たり、私レベルではDockerのクラスタを管理することはなかなか難しい訳です。凄くめんどくさそうだし。 ということで**AWS ECS(EC2 Container Service)**ですよ。 記事書くまでも無いかなと思ったんですけど意外と手順がWEBにない（気がしました）。ということで、今回は社内でハンズオンでもやろうかと思って細かく書いてみました。 こんな感じのシナリオをやってみたいと思います。 Dockerのイメージを用意する ECSの使い方の基本 コンテナのリリース Blue/Green Deployment AutoScaling/ScaleIn 前準備：Dockerのイメージを用意する DockerhHub上にpush済ですので、そのまま使って動かしてみましょう。 push済のコンテナは8080で起動しますので80にポートをマッピン

やってみたいこと javaとかpythonとかtexとかの開発環境をLinuxベースにしたい（Office周りとか普段の作業はWindowsで） CUIだけじゃなく，GUIも含む開発環境をコンテナベースで利用したい それぞれの開発環境は独立に管理したい jdkのバージョンをUPしたいとか，pythonは2と3を別々に作りたいとか，texは日本語用と英語用を作りたいとかの状況に個別に対応したい 編集対象のファイルはホスト（Windows）で一括管理したい バックアップをまとめて取りたい 特定のファイルに複数のコンテナからアクセスできるようにしたい 編集対象のファイルを持ち歩くだけで，開発環境はDockerさえあればどこでも動かせるようにしたい やってみること Docker for Windowsを使って個別の開発環境を導入したLinuxコンテナを立ち上げる Xをコンテナから飛ばしてWindo

自分用にメモしておく コマンド実行 CMD1; CMD2, CMD1 && CMD2 ;はCMD1の結果に関わらずCMD2も実行される &&はCMD1の結果が正常な場合のみCMD2が実行される CMD1 || CMD2 - 失敗時に後続コマンドを実行する CMD || printf "%b" "MSG"でエラーメッセージを表示する エラーメッセージ表示後exit 1したい場合 = CMD || { printf "%b" "FAILED.\n" ; exit 1 } CMD || printf "%b" "FAILED.\n" ; exit 1と波括弧無しで書くと期待通り動作しない（CMDが成功時もexit 1してしまう） CMD & - バックグラウンド実行 CMD &で[1] 4592のようにジョブ番号とプロセスIDが表示される killしたければkill %ジョブ番号 か kill

docker でコンテナを起動したとき、コマンドとして指定したプロセスが標準出力・標準エラー出力に吐いたログは docker logs ${コンテナID} で閲覧できる。 自分で docker のサービスを運用するにあたって、このログが溜まりつづけてホスト側のディスクを圧迫してしまうのではないか？という懸念があったので、ログの保存場所やローテート方法を調べた。

Mozillaは4月30日、サーバーのログデータ収集や分析の簡素化を図るフレームワーク「Heka」のベータ版「Heka v0.2b1」をリリースした。サーバーの稼働状況に関するさまざまなデータの収集・分析などを簡素化・容易化するツールで、初めてのベータ版公開となる。 HekaはMozillaのサービスチームが開発したツール。メッセージのルーティング、収集、分析などの機能をもつ「hekad」とクライアントライブラリから構成されている。logstasch、statsd、syslogなどさまざまなツールが持つ役割を統合するもので、ログファイルやサーバー診断などのデータを収集し、標準形式に変換した後にルーティングルールセットに基づき評価してルーティングするという流れ。hekadはデータパイプラインの構築に適しているとの理由から米GoogleのGo言語で作成されており、軽量でほとんどのホストで動くと

第56回Linuxカーネルのコンテナ機能 - cgroup v2から使うメモリコントローラ（1） 加藤泰文 2024-08-16