DockerでNode.jsアプリをイイ感じに保つ4つの方法 #docker - クリエーションライン株式会社
本記事はDockerキャプテンのBret Fisher氏によるゲスト投稿です。彼はDevOpsシステム管理者を長年務め、Docker Mastery for Node.jsを含む人気のDocker Masteryコース、毎週のYouTube Live、Dockerを採用している企業へのコンサルティングなど、コンテナスキルについて講演しています。Bret氏がNode.jsとDockerに関するデモや質疑応答を行う8月28日のオンラインミートアップに参加してみてください。 誰でもお気に入りの言語やフレームワークがあるはずです、私にとってはNode.jsが一番です。私は初期からミッションクリティカルなアプリでNode.jsをDocker化して動かしていました。 私の使命は、このフレームワークやnpm、Yarn、Dockerでのnodemonのような機能を最大限に活用する方法について、皆さんを教育
<!-- "> '> --><title>
Zoncolan: How Facebook uses static analysis to detect and prevent security issues
Zoncolan: How Facebook uses static analysis to detect and prevent security issues Facebook’s web codebase currently contains more than 100 million lines of Hack code, and changes thousands of times per day. To handle the sheer volume of code, we build sophisticated systems that help our security engineers review code. Today, we are sharing the details of one of those tools, called Zoncolan, for th
プレゼン資料作成のビギナーから中級者の方のために、デザインのルールや図・グラフを使ったメッセージの伝え方についてまとめた書籍「伝わる[図・グラフ・表]のデザインテクニック」が本日発売されました。今回は出版にあたり、 著者のTHE GUILD 北田・渡邉がこの本に込めた思いを語りました。 データ×デザインの視点で、資料作成をとらえ直す 北田：この本のお話を頂いたのが2019年の11月でした。自分の仕事を振り返ってみると、2011年に独立してからこれまで、クライアントから依頼されたデザインやプログラムを実現したり形にするという仕事から、クライアントと一緒に課題を整理して、どんな価値を提供したら良いのかを考えていく仕事へと、仕事の幅が広がっていきました。 その変化の中で、ただ作ったものを見せるだけでなく、自分自身の考えやアイディアをどうやったら上手に伝えられるか、どのような見せ方をすればスムーズ
![「伝わる[図・グラフ・表]のデザインテクニック」発売｜THE GUILD](https://cdn-ak-scissors.b.st-hatena.com/image/square/41fc94eae22d857732dec29e34a7691aa80e99ed/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F30524175%2Frectangle_large_type_2_fbec42e3efb904b5f5766b8ff5b79fc7.jpg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
みんな大好き、State of DevOpsの2021版が来たぞーhttps://t.co/7yFtAblwFn— Like a Galarian Linoone (@Kengo_TODA) July 21, 2021 ということでスキマ時間に読み進めていたので、感想と面白いと感じた点をまとめときます。網羅性が高く公平なまとめが必要な方は、3〜4ページに掲載のExective Summaryをおすすめします。 テーマは「中間層からの脱出」 6ページ目を見てもらえれば一目瞭然、今回のテーマは生産性が高くできず中間層で留まっているチームに対する処方箋の発見にあるようです。 近年のレポートは「今更それは無いでしょ」って感じのLow levelが5%強、「リアルチートじゃん」って感じのHighが10%強で、ほとんどのチームがMiddleに属していました。ごく少数の上澄みが高いパフォーマンスを出して
TL;DR numpy.matrixは非推奨。numpy.ndarrayと@演算子を使いましょう。 はじめに 少し前に「大名行列を特異値分解してみる」という記事を書いたところ、元同僚さんから「numpy.matrixはdeprecatedですよ」と言われて驚きました1。 調べたらStackOverflowにやたら詳しい解説が載っていたので、それをもとに説明してみようと思います。 特異値分解とmatrixクラス 線形代数に特異値分解(Singular Value Decomposition, SVD)という処理があります。m行n列の行列Xを、m行m列のユニタリ行列U、m行n列の対角行列S、n行n列のユニタリ行列Vの積に分けるというものです。なんか適当な行列を作ってみましょう。 import numpy as np from scipy import linalg X = (np.arange
Next.jsでTailwind CSSを使えるようにする **Next.jsとはVercelが作成しているReactのフレームワークです。**面倒な設定を書かなくてもすぐに使えるZero Configを標榜しており、実際にwebpackやTypeScriptと一緒にReactを書く際にも特別な準備は不要です。SSRにも対応しており、Reactで開発するならNext.jsかFacebook製のCreate React Appを使うのがスタンダードになっています。 **また、Tailwind CSSとはユーティリティファーストのCSSフレームワークです。**その特徴は、Tailwind CSSによって提供されるクラスを組み合わせてコンポーネントを作り、サイトをデザインしていくところにあります。さらにCSSフレームワークなので、CSSに慣れていない人でも簡単に使うことができます。 関連記事:
正解のわからない時代の意思決定とは。チーム全員がリーダーシップを発揮する組織「ビュートゾルフ」 | DRIVE - ツクルゼ、ミライ！行動系ウェブマガジン
TOP > 経営・組織論 > 正解のわからない時代の意思決定とは。チーム全員がリーダーシップを発揮する組織「ビュートゾルフ」 大きな社会の変化が起きている今、どのような組織経営が求められているのでしょうか。そのヒントを得ようと、オランダ最大の在宅ケア組織である「ビュートゾルフ」よりタイス・デ・ブロック氏をお招きし、チーム全員がリーダーシップを発揮する組織経営についてお話を伺うイベントを開催しました。 聞き手は、日本にティール組織のエッセンスを広め、組織開発を支援している嘉村賢州氏、そして数年前からティール組織の要素を実験的に取り入れているNPO法人ETIC.(以下、エティック)の宮城治男です。 「不安定かつスピードも求められる状況で、どう意思決定を進めればいいのだろう」「変化に対応できる組織にしていくための具体的なプロセスは?」。そんな問いに、ビュートゾルフの具体的な事例を用いてタイス氏が
中学生の頃、詩を書いて2chに投稿していた
中学の頃、2chの専門板である「詩・ポエム板（以下詩板）」に俺は入り浸っていた。今から十六年ほど昔の話になる。というか高校三年間を含めて四年以上俺は詩板に入り浸っていた。高校時代には文芸部に入っていたんだけど、自分の書いた詩について発表するのは年に二回刷られる部誌が発行される時に限られていたから、専ら俺は2chで自分の詩情を解き放っていた。 当時詩板で有名だったコテハンの数人は覚えている。underbar。アルファ。後誰だっけかな。やっぱあんまり覚えてねーわ。とにかく、詩板には詩情においてセンスを認められた何人かのコテハンがいて、そいつらが話題の中心になっていた。特に人気だったのが上記の二名だ。underは毒舌で他人の詩をバッサリ切って捨てる芸で人気だったし、一方でアルファは丁寧に他人の詩を読んで論評を上げるので人気だった。 当時2chの詩板で人気だったスレは、「君のセンスを五段階+αで評
「生徒1人1台のPC」を目指す文科省の「GIGAスクール構想」が一段落し、教育のIT化が動き始めた。同時にネットワーク環境の整備やデジタル教材などの活用も進み、児童・生徒からデータを収集できる下地が整ってきた。中には、集めたデータを活用し、教育や先生の働き方改善などに役立てようとする動きも出始めている。 市内に計164校の小学校、中学校、特別支援学校を抱える埼玉県さいたま市も、データ活用による教育のDX（デジタルトランスフォーメーション）を目指す自治体の一つだ。同市は22年10月、システム開発事業者の内田洋行（東京都中央区）含む4社と事業連携協定を締結。クラウドサービス「Microsoft Azure」を使い、164校の利用を想定したデータ収集・活用の仕組みを構築している。 「他の業界では、極論すればボタン一つで相手の反応が確認できる時代。しかし、子供たちの実態把握は、現状では直感的なもの
【CEDEC 2019】グリーが目指したブラックボックステストの自動化による、高品質なテストの実現と自動化部隊の育成 | gamebiz
【CEDEC 2019】グリーが目指したブラックボックステストの自動化による、高品質なテストの実現と自動化部隊の育成 9月4日～6日にかけて、パシフィコ横浜で行われたCEDEC 2019。その初日のセッションの中から、「ブラックボックステストの自動化による、高品質なテストの実現と自動化部隊の育成」の模様をお届けする。 登壇したのは、グリー<3632> Customer & Product Satisfaction部の赤﨑光氏、奥泉卓也氏の両名。 ゲームアプリ市場の成熟に伴いゲームで求められる品質レベルが年々高まり、ソフトウェアは複雑化する一方で、十分なテスト期間を確保できないケースも見受けられる。 ブラックボックステストを人力のみで実施していくことに限界を感じることも少なくない状況の中で、今話題の自動化は、効率的にテスト領域を拡張し、品質を高めることができる可能性のある手法の1つであると考
GitHub - jhawthorn/vernier: 📏 next generation CRuby profiler
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
Stop Infinite Scrolling on Your Website - Now! | HackerNoon
SUBSCRIBE SUBSCRIBE TO RECEIVE THIS WRITER'S CONTENT STRAIGHT TO YOUR INBOX! by Monish reddy @monish-reddy.Digital Marketer who loves a great story and is a keen follower of technology
Styling Next.js supports different ways of styling your application, including: Global CSS: Simple to use and familiar for those experienced with traditional CSS, but can lead to larger CSS bundles and difficulty managing styles as the application grows. CSS Modules: Create locally scoped CSS classes to avoid naming conflicts and improve maintainability. Tailwind CSS: A utility-first CSS framework
本記事は、 2020 年 1 月 28 日に Azure Active Directory Identity Blog に公開された記事 (5 identity priorities for 2020 - preparing for what’s next) を翻訳したものです。原文は こちら より参照ください。 Microsoft アイデンティティ グループの慣習として、毎年、顧客との共同イノベーション週間というものを開催しています。次の新しい 10 年で最初のイベントを始めるにあたり、2020 年またさらにその先を見据え、常に念頭にあるのは、私たちの戦略と製品の方向性を形作るお客様の優先事項がどのようのように進化していくのかという点です。 過去の 10 年間を振り返ってみると、デジタル トランスフォーメーションが人々の働き方や企業のビジネスのあり方を大きく変えてきたのは驚くべきことです
macOSの便利なキーボードショートカットまとめ
Fossbytesに9月16日(米国時間)「19 Most Useful Mac Keyboard Shortcuts To Save You A Click」において、macOSで使用できる便利なショートカットキーを紹介した。一般的に、ショートカットキーはすべてのアプリケーションで使えるわけではないが、紹介されているショートカットキーは比較的使えるシーンが多い。 記事で紹介されているショートカットキーは次のとおり。
Outlookで予定と実績を管理しているけれど… 私の会社はメール文化なので、Outlookでメールをやり取りし、仕事や会議の予定もOutlookで管理しています。 また、日報や週報での実績報告のために、いつ何をどこまでやったかもOutlookの予定に記録しています。 結果として、Outlookの予定表は予定と実績記録だらけで、目視で管理するのが面倒な状態になります。 週報にその日の業務実績を書く場合も、Outlookの予定表を書き写さないといけません。 私の業務はかなりマルチタスクで1日の予定の数がすごいことになっているので、手作業で確認して書き写すのがとても面倒です。 Pythonを使うとOutlookから予定表をまとめて抜き出すことができるので、あとはテキストファイルなりExcelなりに整形して、日報などにそのまま貼り付けることができます。 本記事ではMicrosoft Outloo
New learnings. New thoughts. New book. A ton of quality content. Are you ready to level up your skills? Join the community of micro-frontend enthusiasts and gain insider access to a comprehensive curriculum packed with practical lessons, expert interviews, and hands-on projects. AUTHOR Luca Mezzalira Principal Solutions Architect at AWS, an international speaker, an O'Reilly author and LinkedIn To
reg is a package manager for native ES Modules. It's built to enable dependency management for Universal JavaScript (JavaScript that can run in the Browser and in Node.js w/o a compiler). This library is highly experimental and still likely to break without notice. DO NOT USE THIS IN PRODUCTION. Supporting Universal JavaScript is quite difficult as the Browser's module system has a very unique set
GitHub - SnellerInc/sneller: World's fastest log analysis: λ + SQL + JSON + S3
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
Dockerイメージをリバースエンジニアリングする Whaler - macでインフォマティクス
ブログで開発の動機は説明されています。 Reversing Docker Images into Dockerfiles https://samaritan.ai/blog/reversing-docker-images-into-dockerfiles/ インストール mac os10.13のgo version go1.11 darwin/amd64でビルドした。 Go言語がないなら先に導入しておく。 Github go get -u github.com/P3GLEG/Whaler cd ~/go/src/github.com/P3GLEG/Whaler go build . > Whaler -h $ Whaler -h Usage of Whaler: -f string File containing images to analyze seperated by line -f
はじめに Vue3.0がリリースされましたが、Vue2系からアップデートしましたか？ 実は破壊的な変更点があり、思考停止でアップデートすると危険です。 今回は破壊的変更点の中で特に影響が大きそうな部分を抽出して解説します！！ 動画でも解説してるので、動画が好きな方はそちらを確認してみてください！！ 【YouTube動画】 Vue3.0の破壊的変更点 Global API 実際のコードの変更をみていきましょう！ 以前は以下のように使っていた部分が import Vue from 'vue' import App from './App.vue' Vue.use(/* ... */) Vue.mixin(/* ... */) Vue.component(/* ... */) Vue.directive(/* ... */) new Vue({ render: h => h(App) }).$m
We're excited to introduce plugins to the entire Figma community. Today, the gates are open for anyone to use plugins built by our community and build your own plugins tailored to your workflow. know, we did a lot of research to figure out how to safely run 3rd-party code on figma.com. We eventually settled on a technology called the Realms shim to do this. A little over two weeks ago, several ind
SameSite cookies, source:web.devSameSite Cookies the new cookie attribute that everyone is talking about, it can be used to prevent SOP bypasses and CSRF attacks. but first let's look what is it actually. SameSite is a cookie attribute which you can tell the browser to when it should send the specific cookie in a cross origin request, it has 3 types: SameSite None Will be sent in all cross origin
import remarkCustomBlocks from 'remark-custom-blocks'; const getDefaultMdxOptions = () => ({ // ... remarkPlugins: [ [ remarkCustomBlocks, { exercise: { classes: 'exercise', title: 'required', }, }, ], ], }); next-mdx-remote の mdxOptions に remarkCustomBlocks を追加し、オプションを設定する。classes でブロックにあてる CSS クラス名を、title でタイトル部分が必須かどうかを設定できる。 /* * Custom Blocks */ .exercise, .practice { border: 1px solid #e2e8f
はじめに ちょっと前に書いた 「【PHP】全ボクが実務で泣いた「値渡し」と「参照渡し」を完！全！理！解」 で連想配列の中身をいじる時に参照渡しリファレンスの使用を使いました。 （前の記事でコメントをいただいたのですが、正確には参照渡しではなくリファレンスの使用と言うらしいです） ※その違いについては上記の記事のコメント欄をチェックしてください。 が、前述の方法では後続の処理が上手くいきませんでした。 そんな時に先輩にこの記事でご紹介する方法を教えてもらったのでまとめます。 しかも実用的 この記事のオススメ読者 実務に入ったばかりの方 これから実務に入る予定の方 3分もあれば全部読めるのでサクッと読んでみてください リファレンスの使用（≒参照渡し）をせずに配列の中身をこねくり回す方法 上記の記事と同じコードを使います。 <?php // 配列を2つ定義 $members = [ 'Aさんの好
はじめに こんにちは。高校2年生のmomeemtです。 今回は、Nimというプログラミング言語を使って、Vue.js風のCanvas（HTML5 APIの1つ）ライブラリ、「Blackvas」を開発している話についてまとめていきます。 Canvasとは、<canvas>要素とJavaScriptを用いてグラフィックを描画するための、HTML5 APIの1つです。詳しくはCanvas API - Web API | MDNをご覧ください。本記事では、Canvasそのものについての解説は、必要以外は省きます。 また、Nimとは2008年に最初の開発バージョンが、2019年に安定版がリリースされたモダンなシステムプログラミング言語です。Pythonのような構文を採用した一見インタプリタ言語のような言語ですが、静的型付けで、C言語やObjective-C、JavaScriptにトランスパイルできま
Using Information Architecture With Distributed Teams
Using information architecture to make distributed teamwork easier Communication is key for any team—especially when you're all working from home. Creating an information architecture for how you create, share, and communicate can provide the clarity you need to work effectively. When you’re working from home, it’s hard to tell how well you’re communicating with your team. Should your emails be mo
[メモ] JavaScript 参照 - Qiita
コメントにてツッコミをいただきましたので、併せてご確認頂けると幸いです 変数aを定義し、１を入れた時 それぞれメモリ空間上に配置される
![[メモ] JavaScript 参照 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/c4cd5b86e74dd407293a76c054397366bc803c02/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCJUUzJTgzJUExJUUzJTgzJUEyJTVEJTIwSmF2YVNjcmlwdCUyMCVFNSU4RiU4MiVFNyU4NSVBNyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9N2RjMmM4MWU5YmExZmQwMzAyZmJlODAyOTVhOGQ4MTM%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBudG03MTgmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTgwZDEyNWY5NWZiZjY0ZGNhZmY3N2RkMWVmMmEyMmZm%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D147b488c24a22d1fac5c404c3a780b85)
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「伝わる[図・グラフ・表]のデザインテクニック」発売｜THE GUILD
The 2021 State of DevOps Reportが出た - Kengo's blog
混ぜるな危険！ndarrayとmatrix - Qiita
Next.jsにTailwind CSSを導入する - パンダのプログラミングブログ
“生徒1人にPC1台”で終わりじゃない さいたま市が描く「GIGAスクールの先」
Amazon.co.jp: 多様性の科学: マシュー・サイド: Digital Ebook Purchas
Building Your Application: Styling | Next.js
2020 年アイデンティティについて取り組むべき 5 つのポイント
【自動化】PythonでOutlookの予定を抜き出す - Qiita
Micro-Frontends newsletter
GitHub - mikeal/reg: Native ESM Package Manager
脳死でアップデートは危険！Vue3.0の破壊的変更点を要チェック！！ - Qiita
An update on plugin security | Figma Blog
Bypass SameSite Cookies Default to Lax and get CSRF
markdownにカスタムブロックを追加する | suzukalight.com
https://agoric.com/realms-shim-security-updates/
【PHP】超実用的！リファレンスの使用（≒参照渡し）をせずに配列の中身をイジろう - Qiita
NimでVue.js風のCanvas APIライブラリを作っている話 - Qiita