軽量Dockerイメージに安易にAlpineを使うのはやめたほうがいいという話 - inductor's blog
はじめに やめろ、ではなく、やめたほうがいい。です。自分のユースケースに合ってるか今一度確認することを推奨します。基本的にはAlpineは避けたほうが良い、というのが2021年時点での私の認識です。 なんで？ libcに一般的な互換性が不足しているからです。Ruby、Python、Node.jsなどでNativeモジュールをバンドルしているアプリケーションの場合、パフォーマンスの劣化や互換性の問題にぶち当たる場合があります。 superuser.com あとは他のベースイメージの軽量化もそれなりに進んできていて、Alpineが定番軽量イメージと言う認識は2018年頃には消えつつあったかなという認識でいます。 どうすりゃええねん ※Debian Slimがあるやんってツッコミ結構もらったんですが、Slimは当たり前過ぎてもう紹介しなくていいかなっていう甘えで省略していました。よろしくおねがい
Tailwind.cssとAlpine.jsで作られた161ものUIやレイアウトを無償公開している・「Windstatic」
WindstaticはTailwind.cssとAlpine.jsで作られた161ものUIやレイアウトを無償公開しているWebサイトです。 UI、というかセクション単位でカテゴライズされていて、ヒーローイメージのブロック、特徴を紹介するブロック、フッター、CTAや値段表などに分けられ、それぞれにいくつかのレイアウトを用意、コードをコピーできるようになっている、という感じです。 スタイルは一貫したもので統一されているので自由に組み合わせても、見た目はある程度はチグハグにならず整えられたサイトが出来上がるかなと思います。 利用にあたりユーザー登録も不要で自由に利用できるみたいです。 Windstatic
Alpine.js
<script src="//unpkg.com/alpinejs" defer></script> <div x-data="{ open: false }"> <button @click="open = true">Expand</button> <span x-show="open"> Content... </span> </div> { let keys = Object.keys(steps) direction = keys.indexOf(value) > keys.indexOf(old) ? 'right' : 'left' })" > Alpine is a rugged, minimal tool for composing behavior directly in your markup. Think of it like jQuery for the mode
Introduction to Dockerizing for Production Improve your DevOps skills: learn an iterative process for Dockerizing your code. Get your free ebook Using Alpine can make Python Docker builds 50× slower by Itamar Turner-Trauring Last updated 21 Mar 2023, originally created 29 Jan 2020 When you’re choosing a base image for your Docker image, Alpine Linux is often recommended. Using Alpine, you’re told,
Node.js Docker baseイメージには alpine < distroless < ubuntu+slim 構成がよさそう
Node.js Docker baseイメージには alpine < distroless < ubuntu+slim 構成がよさそう はじめに この記事は、DockerCon 2022 で発表された Bret Fisher の "Node.js Rocks in Docker, DockerCon 2022 Edition" を参考にしています。 base イメージの選択肢に関する話は、動画の前半一部分だけですが、他にも Node.js で Dockerfile を書く時のベストプラクティスが数多くまとまっているので、是非チェックしてみてください。 node:alpine イメージを使わない base イメージサイズを小さく保ちたい、という点で気軽に利用される事が多い alpine イメージですが、Official の README には下記の記載があります。 This variant
GitHub - alpinejs/alpine: A rugged, minimal framework for composing JavaScript behavior in your markup.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
IPv6 only 環境で Docker / Alpine Linux を動かす - 竹迫の近況報告
2022年5月、IPv4アドレスが枯渇してきていることもあって、IPv6 onlyな環境がVPSの一般サービスとして出てきました。 OSレベルではIPv4/IPv6のデュアルスタックで両方のネットワーク環境にサーバもクライアントも対応しつつあるのですが、 世の中にはまだAAAAレコードを持たないHTTP/HTTPSサーバも結構あって、DockerをIPv6 only環境で動かすのに一苦労しました。 今回、私自身が Rocky Linux 8.5 の IPv6 only 環境で Docker / Alpine Linux を動かした記録をメモで残しておきます。 Dockerのインストール まず最初にdnfコマンドを使ってDockerをインストールします。 sudo dnf update -y sudo dnf install -y dnf-utils device-mapper-persis
HTMLの属性にディレクティブを指定してリアクティブな動作を実装できるJavaScriptフレームワーク・「Alpine.js」
Alpine.jsはHTMLの属性にディレクティブを指定してリアクティブな動作を実装できるJavaScriptフレームワークです vue.jsやreact.jsといったフレームワークのリアクティブ且つ宣言的な性質を低コストで提供してくれる、というもの 開発者はTailwind.cssのJS版のようなもの、と説明しています Alpine.jsでは13のディレクティブと、5のマジックプロパティと呼ばれるものを使う事が出来ます。Vue.jsとほぼ同じ機能を使える、という認識で良いと思います <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v1.10.1/dist/alpine.js" defer></script>↑ まずはスクリプトを読みこみます 試しに何か作ってみましょう <div x-data="{selected:null
こんにちは、GMOアドマーケティングのmizkichです。 アドテクなマイクロサービスをGCPのKubernetesで運用しています。 Alpine Linux 上のRubyにはライブラリなどに欠けがあるらしく、Google Cloud Datastoreがまともに動作しません。 「require ‘google/cloud/datastore’」の行を書いただけでSegmentation Faultが発生し、コンパイルエラーになります。 この問題を解決したので、方法を共有します。 失敗例 GCP公式に書かれている書き方だと失敗します。
docker alpineイメージでtimezoneをAsia/Tokyoに設定する - モヒカンメモ
なぜやるか dockerで良く使われる軽量イメージalpineは、デフォルトtimezoneがUTCになっており、Asia/Tokyo (JST) に設定しないと日本時間から9時間ずれてしまう。 どうやるか Dockerfileに下記のように記せばOK FROM alpine:latest RUN apk --no-cache add tzdata && \ cp /usr/share/zoneinfo/Asia/Tokyo /etc/localtime && \ apk del tzdata するとほら、この通り $ docker build . -t alpine-jst Sending build context to Docker daemon 2.048kB Step 1/2 : FROM alpine:latest ... Successfully tagged alpine-
Small. Simple. Secure. Alpine Linux is a security-oriented, lightweight Linux distribution based on musl libc and busybox. Alpine Linux 3.11.0 Released We are pleased to announce the release of Alpine Linux 3.11.0, the first in the v3.11 stable series. New features and noteworthy new packages Linux 5.4 kernel (linux-lts) Support for Raspberry Pi 4 (aarch64 and armv7) Initial GNOME and KDE support
Docker image(イメージ)の違い:alpine,bullseye, buster, slim, stretch, jessie, slim-buster, windowsservercore, latestどれを選ぶべきか？
DockerでPythonやRubyなど各言語のイメージを選ぶときに、alpine, buster, slim, stretch, jessie, slim-buster, windowsservercore, latestなど選択肢がたくさんありすぎて、どれを選べばいいのか、、と迷うことがあると思います。 ここでは、alpine, buster, slim, stretch, jessie, slim-buster, windowsservercore, latestなど、それぞれの違いやメリット・デメリット、どういった場合にどれを選ぶべきかをまとめています。 例：docker hubに用意されているRubyのイメージ 各バージョンのイメージに対したくさんのタグが用意されています。 https://hub.docker.com/_/ruby alpine, bullseye, buste
みなさんこんにちは、UI開発者の板垣です！ 今月のGitHub Trending JavaScript部門で1位を獲得した、Alpine.jsをご存じでしょうか？ 日本のフロントエンド界隈だとまだ耳にすることは少ないですが、じわじわとその名を浸透させていっています。 今回はそんなAlpine.jsをVue.jsと比較しつつ、簡単にご紹介いたします。 そもそもAlpine.jsとは Vue.jsやReactの持つリアクティブかつ宣言的な性質を、簡単にマークアップに組み込むことができる軽量フレームワークです。 ディレクティブなどの基本構文はVue.jsを参考にしているため、Vue.jsを使ったことがある人であればすぐにでも始められます。 導入方法 Alpine.jsの導入方法は2通りあります。 CDNから読み込む 任意のHTMLファイルに下記script要素を読み込みます。 <script s
こんばんは。 もうすぐクリスマスですね。 それまでにアップしておきたい話題です。 ん？ 日本は既にクリスマス？ まぁ、気にせず行きます。 先日、クリスマス前に解禁になるイタリアのパン（のようなケーキのような）パネトーネが美味しい という話を上げました。 mata1.hatenablog.com その時、これはシュトレンのイタリア版のようなもの？という質問を8マンさん(id:gemini-yahata)からいただきました。 なるほど、たしかに時期は同じだし、どちらも賞味期限が長めのパンのようなケーキのようです。 シュトレン、食したことは無かったのですが、話を聞いているととても美味しそうです。 何より私が好きそう。 気になるものは手中に収めたくなる性格なので、次の日に 売ってるかなぁ と思われるグロッサリーストアに行ってみましたが、見つからず。 パネトネやパンドーロを売っている店はありますが、
はこです、こんにちわ。 今日は Alpine.js の話をします。 Alpine.js 何？ Alpine(アルパイン: 英語風発音) は 『アルプスの・転じて登山用の』を意味します。 アルペン: Alpine のドイツ語読み。スノーレジャーやアウトドアグッズとかのお店。 アルパインブーツ・アルパインウェア: 雪山や高山に適した超軽量かつ高機能な服や靴。 モンベルのアルパインクッカー など…。 Alpine Linux: 超軽量Linux. Small Simple Secure が合言葉。 Alpine.js: 超軽量なフロントエンドフレームワーク。 当初は7kb(gzipped), 今は機能が増えてそれでも11kb Vueの58kbよりもかなり軽い 覚えることは20個のみ Vue, React, Angular 等の SPAツールの 超シンプル版だと思って間違いないです。 Alpine
`; if(!event.target.href){ return false; } event.preventDefault(); let url = event.target.href; this.loadPageAfterFetch = false; if(!this.largeScreen){ this.sidebarOpen = false; } if(typeof(fathom) != 'undefined'){ let pageView = { url: url, referrer: window.location.href }; fathom.trackPageview(pageView); } if(this.cachedPages[url]){ this.loadPageURL(url); return; } else { this.loadPageAfterFetch
Why is the Alpine Docker image over 50% slower than the Ubuntu image?
I noticed that my Python application is much slower when running it on python:2-alpine3.6 than running it without Docker on Ubuntu. I came up with two small benchmark commands and there's a huge difference visible between the two operating systems, both when I'm running them on an Ubuntu server, and when I'm using Docker for Mac. $ BENCHMARK="import timeit; print(timeit.timeit('import json; json.d
Debian12 bookwormの更新でハマった件もしくはAlpine Linuxからdistrolessへの乗り換え時の注意点 - ANDPAD Tech Blog
こんにちは もしくは こんばんわ！ ANDPADボード プロダクトテックリードの原田 土屋(tomtwinkle)です 最近めでたく戸籍が代わり名字がリネームされました この記事はDebian12 bookwormが正式リリースされ、Debian11 Bullseyeが今までの流れでいうと来年辺りEOLになりそうな雰囲気なので今のうちに切り替えておこうと奮闘した記録とAlpine Linuxからdistrolessに変更したらKubernetesのpreStopが上手く動かなくなった件の対応をした記録の合せ技です。 TL;DR DockerのBuild base imageを Debian11 Bullseye から Debian12 bookworm にしただけで docker build がコケるようになったなら docker/buildx のversionを上げてみよう circle
Pines - Alpine.js + Tailwind CSS で超簡単UI - - Qiita
はじめに もう JavaScript や CSS なんて書きたくない！ でも、綺麗で動きもある画面を作りたい！ そんな人にオススメなのが Pines です コピー＆ペーストだけで以下のような UI を超簡単に作れてしまいます！ See the Pen Pines Accordion by Ryo Wakabayashi (@ryowakabayashi) on CodePen. See the Pen Untitled by Ryo Wakabayashi (@ryowakabayashi) on CodePen. See the Pen Untitled by Ryo Wakabayashi (@ryowakabayashi) on CodePen. See the Pen Pines Copy to Clipboard by Ryo Wakabayashi (@ryowakabayas
alpine/README.ja.md at master · alpinejs/alpine · GitHub
Alpine.js Alpine.js は、Vue や React などの大きなフレームワークのリアクティブで宣言的な性質をはるかに低いコストで提供します。 DOM を保持し、適切な動作を施すことができます。 Tailwind の JavaScript 版のようなものです。 注意: このツールのシンタックスは、ほぼ完全に Vue（それと、Angular による拡張）から借用しています。ウェブからの賜り物に感謝しています。 Install CDNより: <head> セクションの最後に次のスクリプトを追加します。 <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.8.2/dist/alpine.js" defer></script>
GitHub - RanadeepPolavarapu/docker-nginx-http3: Alpine Linux image with Nginx 1.16.1 with HTTP/3 (QUIC), TLSv1.3, 0-RTT, brotli, NJS support, and 10 MB size. All built on the bleeding edge for max performance. Built on the edge, for the edge.
docker-nginx-http3 Alpine Linux image with nginx 1.16.1 with HTTP/3 (QUIC), TLSv1.3, 0-RTT, brotli, NJS, Cookie-Flag support. All built on the bleeding edge. Built on the edge, for the edge. HTTP/3 support provided from the smart people at CloudFlare with the cloudflare/quiche project. Images for this are available on Docker Hub and GHCR. Usage Docker Hub: docker pull ranadeeppolavarapu/nginx-http
slow DNS resolution failures in the `alpine:latest` attached to a non-default bridge network · Issue #313 · gliderlabs/docker-alpine
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
RaspberryPi 3 or 4 にAlpine-Linux(arm64)を画面とキーボードなしでインストールする方法。 144Labの入江田です。 alpine-linuxのインストールにはこれまで、画面とキーボードが必須だったのでインストールが結構面倒でした。 今回、ヘッドレスインストールに関する情報がAlpine-LinuxのWiKiに投稿されましたのでそれを試してみました。 情報元 https://wiki.alpinelinux.org/wiki/Raspberry_Pi-Headless_Installation 予めダウンロード http://www.sodface.com/repo/headless.apkovl.tar.gz alpine-rpi-3.12.0-aarch64.tar.gz 基本のインストール手順 マイクロSDカード8~32GBをFAT32でフォーマッ
Learn Docker With My Newest Course Dive into Docker takes you from "What is Docker?" to confidently applying Docker to your own projects. It's packed with best practices and examples. Start Learning Docker → Updated on July 10th, 2018 in #docker Benchmarking Debian vs Alpine as a Base Docker ImageMost official Docker images offer both Debian and Alpine based images but there's some surprising perf
Resources and Examples for Alpine.js Javascript Framework Some community provided Examples, Extensions, Starter Templates and Tools/Utilities to kick start your Alpine.js project
Alpine.js: The JavaScript Framework That's Used Like jQuery, Written Like Vue, and Inspired by TailwindCSS | CSS-Tricks
Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by TailwindCSS We have big JavaScript frameworks that tons of people already use and like, including React, Vue, Angular, and Svelte. Do we need another JavaScript library? Let’s take a look at Alpine.js and you can decide for yourself. Alpine.js is for developers who aren’t looking to build a single page a
Alpine Linux - Wikipedia
特徴[編集] Alpine Linuxは独自のパッケージ管理システムとしてAPKを採用している。最初の頃はシェルスクリプトによって書かれていたが[12]、現在はC言語によって書き直されている[13]。GNOME・FFmpeg・Mozilla Firefoxなどが利用できる[14]。 Alpine LinuxはRAMディスクオペレーティングシステムとしてインストールすることができる。このときにlbuを利用することにより、変更した設定ファイルのバックアップを行うことができる。デフォルトの動作では、/etc以下が変更された場合に、tar.gzアーカイブが作成される[15]。 強化されたカーネルがデフォルトのカーネルに含まれているので、悪用や脆弱性の影響を軽減することができる。全てのユーザ空間バイナリがスタックスマッシング保護付きの位置独立実行ファイルとしてコンパイルされるので、バッファオーバーフ
Alpine対応のJava16で最小Docker Imageをつくる / Make minimum Docker Image with Java 16 on Alpine
2021年3月12日に開催されたnakanoshima.dev#14 JVM Langs Night Talkの資料です https://nakanoshima-dev.connpass.com/event/204733/
Alpine Linux のインストールについては以下を参照 Windows の Hyper-V で、Docker を利用するために軽量なOS Alpine Linux をインストールする手順 Alpine Linux のインストールが完了した状態ではまだ Docker をインストールことができないため、Docker を動作させるまでの手順を説明します。 /etc/apk/repositories を編集 デフォルトの状態では main リポジトリだけが利用できる状態となっていますが、Docker はそれ以外のリポジトリにあるため必要なリポジトリを追加します。 ※バージョンは最新版を利用したいため edgeとしていますが、安定板を使いたい場合は個別に設定してください。 http://dl-cdn.alpinelinux.org/alpine/edge/main http://dl-cdn.
はじめに ここ最近 kubernetes (k8s) 上でのアプリ開発なんかにも関わるようになったのですが、EKS 上で動かしていたシステムをローカル環境 (microk8s) に持ってきたら特定のコンテナだけ名前が引けなくなって動かない、という現象にぶち当たって数日溶かしてしまったので、その話をしようと思います。 要約 以下の要因が組みあわさることで、k8s 上の Alpine linux ベースのコンテナではうまく名前を解決できないことがあります。 k8s はデフォルトではローカルドメインの名前を優先して解決する (/etc/resolve.conf の ndots: 5) k8s 外部へ名前を問い合わせるときに、問い合わせ先の DNS サーバが本来 NXDOMAIN を返すべきところ、そうなっていないケースがある Alpine linux は一般的な lInux ディストリビューショ
Alpine.js の良いところ - Qiita
これは SOUSEI Technology アドベントカレンダー6日目の記事です 唐突ですが Alpine.js 、素敵じゃないですか https://github.com/alpinejs/alpine 最初見た時は「Alpine」のとこだけ見て、 Linux の方かと思ったのは秘密です。 なんだかんだで普通の HTML のページを作る機会がある人はあると思うんです。ペライチの LP など。 その時に何を使うか 素の JavaScript だったり jQuery だったりがまずパッと思いつきますかね？ いやいや、Next.js や Nuxt.js だ！という人もいると思います。 そんな時、自分は今まで Stimulus を使っていましたが、前から興味があった Alpine.js を使った際に、どのようなポイントが「良いなぁ」と思ったのかご紹介します ※ 紹介している Alpine.js
Alpine LinuxでのDNSトラブルシューティング：解決策と試行錯誤 - 弁護士ドットコム株式会社 Creators’ blog
はじめに こんにちは。 弁護士ドットコム SRE室の原口です。 通常は SRE室のメンバーやアプリケーションエンジニアのみなさんと協力しながら、クラウドインフラの改善に取り組んでいます。 当社では、AI 技術を活用した「チャット法律相談 (α版)」を提供したり、「みんなの法律相談」にAI タイトル自動生成機能を搭載するなど AI 技術を用いたサービス開発に力を入れています。 その中には、最近目覚ましい進歩を遂げている ChatGPT を使ったものもあります。 Microsoft が提供するAzure OpenAI Serviceを利用すると、API を通じて ChatGPT と連携できます。 その際に DNS の名前解決で問題が発生し、対応が必要となりました。 この記事では、その問題と解決策についてまとめました。 ちなみに、この記事のタイトルも Azure OpenAI Service に
概要 nodeのDockerイメージのタグ名についているalpineとslimが意味する物を知らなかったのでまとめてみる。 node: バージョン名のタグ このイメージが最も一般的なイメージらしい。「迷ったらこれ使っとけば万事オッケー」的なことが公式にも書いてあった。 「迷ったらバージョン名だけのイメージを選択する」は鉄則っぽい。 node: バージョン名-bullseyeもしくはnode: バージョン名-busterのタグ bullseyeやbusterはDevian（Unix系ディストリビューションを作成しているプロジェクト）がリリースしているDebian GNU/Linuxディストリビューションのバージョンと紐づくスイーツコード（開発コードネーム）らしい。イメージがどのDebian GNU/Linuxディストリビューションをもとに作られているかがわかる。 node: バージョン名-b
Introducing Alpine.js: A Tiny JavaScript Framework — Smashing Magazine
Ever built a website and reached for jQuery, Bootstrap, Vue.js or React to acheive some basic user interaction? Alpine.js is a fraction of the size of these frameworks because it involves no build steps and provides all of the tools you need to build a basic user interface. Like most developers, I have a bad tendency to over-complicate my workflow, especially if there’s some new hotness on the hor
Django, HTMX and Alpine.js: Modern websites, JavaScript optional
Building a modern front end in Django without reaching for a full-blown JavaScript framework. Choosing the right tools for the job, and bringing them into your project. Published November 23, 2021, Updated October, 2023 This is Part 5 of Modern JavaScript for Django Developers. Welcome back to "Modern JavaScript for Django Developers"! Previous installments of this series covered 1) organizing you
alpineをdockerホストにする - Qiita
Dockerを動かす軽量なホストが欲しくていくつか検討して、イメージの小さいalpineで作りました。 作り方 alpineイメージからホストを作成します 以下のコマンドでdocker & docker-composeをインストールします。
Dockerでpython3.7とgraphvizをインストールしたコンテナ(Alpine3.9ベース)を作成する
pythonとgraphvizを使用して、フロー図などをのグラフを描画する事ができます。 〇graphvizの出力画像 〇graphvizがインストールされたイメージの作成方法 1.以下のDockerfileとコマンドでpython3.7とgraphvizがインストールされたコンテナを作成します。 docker build -t py37graphviz:1.0 . Dockerfile FROM python:3.7-alpine3.9 RUN mkdir -p /usr/share/fonts \ && cd /usr/share/fonts \ && wget https://ipafont.ipa.go.jp/old/ipafont/IPAfont00303.php -O IPAfont00303.zip \ && unzip IPAfont00303.zip \ && rm IP
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Using Alpine can make Python Docker builds 50× slower
Alpine Linux上のRubyでGoogle Cloud Datastoreを使うとクラッシュする件
Alpine 3.11.0 released | Alpine Linux
話題のAlpine.jsをVue.jsと比較しながら見ていく | フロントエンドBlog | ミツエーリンクス
うわ、うっま！Alpine Marketでシュトレンも買って来ました！ - 模型じかけのオレンジ
Alpine.js 5分で説明するよ - Qiita
Pines - Alpine and Tailwind UI Library
Dockerイメージ alpine,slim,stretch,buster,jessie等の違いと使い分け
ラズパイにAlpine-Linuxを画面なしインストール - 144Labグループ開発者ブログ
Benchmarking Debian vs Alpine as a Base Docker Image
Alpine Toolbox - Guides and Examples for Alpine.js
Refreshing Day Trip to Tateyama Alpine Route from Tokyo!
Alpine Linux に Docker をインストールする手順
Alpine on k8sのDNSでハマった話 - Qiita
リモート開発で「Alpine Linux」をサポート～「Visual Studio Code」の2019年8月更新／HTML/CSSの“IntelliSense”からMDNのドキュメントへ遷移する機能なども導入へ
nodeのDockerイメージのタグについているalpineとかslimが意味するもの - Qiita