とほほのKubernetes入門 - とほほのWWW入門
Kubernetesとは インストール クラスタ(Cluster) デプロイメント(Deployment) ポッド(Pod) サービス(Service) ローリングアップデート ロールバック その他いろいろ Minikubeのメモリを増やす Kubernetes APIにアクセスする イメージの一覧を表示する Minikubeのログを表示する Podのログを表示する Podにシェル接続する Podにラベルをつける minikubeコマンド kubectlコマンド リンク Kubernetesとは Google が開発したコンテナ管理システムです。 「クバネティス」「クバネテス」「クーべネティス」などと読まれます。 ギリシャ語で「船長」の意味を持ちます。 Kubernetes のスペルが K と s の間に8文字あることから k8s と表記されることがあります。 Kubernetes を簡略
｢iOS 16のロック画面に使えるいい感じの壁紙｣が入手できるサイト・アプリ3選
｢iOS 16のロック画面に使えるいい感じの壁紙｣が入手できるサイト・アプリ3選2022.11.08 08:0017,594 はらいさん 壁紙選びをもっと楽しく。 天気やバッテリーなどのウィジェットの追加や時計のロゴも変えられるようになったiOS 16のロック画面は、これまで以上に自由度が増しています。 そこで今回は、iOS 16のロック画面に最適な壁紙サイトやアプリをご紹介したいと思います。 1. 眺めるだけでも楽しい無料で高品質な画像がたくさん｢Unsplash｣Image: Unsplash｢Unsplash｣は数多くの高解像度画像を取り揃えたフリー写真素材サイト。眺めるだけでも楽しいですが、iOS向けアプリも配信されているので、お気に入りの画像を壁紙にして設定してみるのはいかがでしょうか？ 2. 深度エフェクトを活かした壁紙をお探しなら｢Locked｣がおすすめImage: Loc
Next.js と React-admin を使って簡単な管理画面を作成するチュートリアルをやってみた | DevelopersIO
Next.js 初心者が React-admin を使って管理画面作成に挑戦しています。今回は React-admin 公式ドキュメントにある、Next.js Integration のチュートリアルをやってみました。 はじめに こんにちは、筧(@TakaakiKakei)です。 最近、Next.js と React-admin を使って管理画面作成に挑戦しています。 今回は、React-admin の公式ドキュメントで用意されている、Next.js Integration のチュートリアルをやってみたので、その内容についてご紹介します。 React-admin - My First Project Tutorial 前提 予め、今回の出てくるキーワードについて概要をおさらいしましょう。 Next.js とは Next.js by Vercel - The React Framework
iOSアプリで時間のかかる処理をする
iOSアプリで時間のかかる処理が発生すると何が起こるのでしょうか？ デモアプリを用意したので、手元で確認しながら読み進めることをできるようにしています。 はじめに レビューをしていて時間のかかる処理に対して、iOSアプリではこれを使えば良いと示すのは簡単ですが、どうしてそれが必要なのか順序立てて説明するために今回の記事を書きました。 フレームワークが高度に抽象化し、良しなにやってくれるので、現代のプログラミングにおいては知らなくて良いことの一つかもしれません。 時間のかかる処理とは 例えば、以下のようなアプリがあったとして、「Push Me!」のボタンをタップしたとします。 すると、地球のアイコンがインジケーターに変わって回転のアニメーションが始まり、何か処理を行なっている様子を感じ取れます。しばらくすると、インジケーターが地球のアイコンに戻り、処理が完了した様子を感じ取れます。 iOSア
Next.js 13
As we announced at Next.js Conf, Next.js 13 (stable) lays the foundations to be dynamic without limits: app Directory (beta): Easier, faster, less client JS. Layouts React Server Components Streaming Turbopack (alpha): Up to 700x faster Rust-based Webpack replacement. New next/image: Faster with native browser lazy loading. New @next/font (beta): Automatic self-hosted fonts with zero layout shift.
カナリアリリースを自動化！Flaggerでプログレッシブデリバリーを実現した話 - ZOZO TECH BLOG
はじめに こんにちは。SRE部ECプラットフォーム基盤SREブロックの大澤と立花です。 本記事ではマイクロサービスのカナリアリリースに関して私達が抱えていた課題と、それをFlaggerによるプログレッシブデリバリー導入でどのように改善したのかを紹介します。 ZOZOTOWNのマイクロサービス基盤におけるカナリアリリース手段の変遷については以下のテックブログで紹介しておりますので気になった方はご参照ください。現在はIstio VirtualServiceの加重ルーティングを用いたカナリアリリースに一本化しております。 techblog.zozo.com techblog.zozo.com 目次 はじめに 目次 カナリアリリースの運用課題 解決手段としてのプログレッシブデリバリー Flaggerとは？ Flaggerによるプログレッシブデリバリーの進み方 Flagger導入時の検討ポイント (
Next.js Layouts RFC in 5 minutes – Vercel
The Next.js team at Vercel released the Layouts RFC a few months ago outlining the vision for the future of routing, layouts, and data fetching in the framework. The RFC is detailed and covers both basic and advanced features. This post will cover the most important features of the upcoming Next.js changes landing in the next major version that you should be aware of. Creating RoutesIn the new app
マイクロソフト、「.NET 7」にDockerコンテナイメージ生成機能を搭載、Dockerファイル不要に
マイクロソフト、「.NET 7」にDockerコンテナイメージ生成機能を搭載、Dockerファイル不要に これまで.NETアプリケーションをDockerコンテナ化するには、Dockerコンテナイメージの生成に必要なファイルを記述したDockerファイルを作成し、ビルドツールを用いて生成する必要がありました。 新たに.NET 7で搭載されるDockerコンテナイメージの生成機能ではDockerファイルの作成などは不要で、標準のdotnetコマンドを実行することで簡単にDockerコンテナイメージが生成されるようになります。 Linux版のDockerイメージ生成に対応、今後Windows版の開発も進める 下記はマイクロソフトが紹介した、.NET 7を用いてDockerコンテナイメージを生成し、実行するまでのコマンドのサンプルです（一部横幅が足りなくて改行されているコマンドがあります）。これだ
フロントエンドのコードからの情報漏洩を防ぐための工夫 - BASEプロダクトチームブログ
基盤チームの右京です。 昨今はフロントエンドのアプリケーションもリッチになり、ブラウザ上で実行されるコードが行うことの範囲も増えてきました。一方で多くのことを実装できてしまうのはリスクでもあり、BASE でも問題となることがあります。 その中でも「開発環境の URL」や「デバッグ機能の存在」ような環境毎に異なる情報は、特に意図せずに漏れやすいものだと考えています。これらはコードを記述する際に、実装方法を知識として知っていればその多くが回避可能です。この記事ではその実装例を解説しています。 コードから漏れる情報 例えば、次のようなコードがあるとします。 function debug() { // 開発環境の host であればデバッグ機能を有効にする return location.host === 'dev.example.com'; } なんの変哲もないようなコードに見えますが、ブラウザ
ReactのRefとRefForwardingを一気に学び直した
動機 業務でstyled-componentsを触る機会がありました。 styled-componentsは自分の周りではあまり良い噂を聞いていなかったため、少し調べたところこんな記事がHitしました。 記事の内容としては 様々な基礎概念を隠蔽しすぎている 使うことのメリットデメリットや、隠蔽されている部分の理解をしたチームでないと使わないほうが良い という内容です。 なので、しっかりと順を追って復習しました。 環境 viteで作成したReact18のTypeScriptプロジェクトで実施。 Reactの利用は関数型コンポーネントを前提としています。 Refを軽くおさらい 公式Docを見ていただくのが一番正確です。 公式では 一般的な React のデータフローでは、props が、親コンポーネントがその子要素とやりとりする唯一の方法です。子要素を変更するには、新しい props でそれを
AWSがSlack経由で有償サポートの提供を開始、チームのメンバーで問題への対応を共有できる「AWS Support App」開始
AWSがSlack経由で有償サポートの提供を開始、チームのメンバーで問題への対応を共有できる「AWS Support App」開始 Amazon Web Services（AWS）は、ユーザーがSlackを通じてAWSのサポートケースを開始、サポートエージェントと対話し、その経過や結果をチームで共有できるSlackアプリケーション「AWS Support App」の提供を開始したと発表しました（AWSブログでの説明）。 上記の画面のように、Slack上のワークスペースを設定しチャンネルを用意することで、AWSのサポートエージェントとSlack上でチャットできるようになります。チャンネル内ではチームの複数のメンバーがサポートエージェントと共に作業して問題解決を図り、その経過や結果を共有することも可能。 Slack上でこれまでのサポートケースの検索により以前の解決策などを見つけることも容易にな
How I/we got 2k stars - ゆーすけべー日記
Honoという僕が作っているWebフレームワークのGitHubスター数が2,000に迫ってきた。これまで作ってきたOSSのソフトウェアでは最高で revealgo の221、次点で gh-markdown-preview の134だ。それが一気に2,000である。 もちろん、スターの数がソフトウェアの良し悪しを決めるものではない。 それに2,000はとりわけ多いわけではない。 でも、以前の自分には遥か彼方に見えていた数を獲得できたのは、とても嬉しいことだ。 去年12月から作り始めて9ヶ月間、552コミット。 今や使ってくれる人も増えた。 cdnjs のAPI Serverのバックエンドにも使われているし、 HonoをきっかけにGitHubスポンサーをしてくれている企業や人も現れている。 なにより、いろんなことを勉強させてもらった。 今回はHonoというプロダクトがどうやって2,000のスタ
Slack ゲストアカウントの棚卸・通知をGASで作ってみた ver.2
2023.06.21 追記 前回作成したScriptに運用上の問題があった為、Scriptをそこそこ改修しました + シート作成周りを改善しました。 はじめに 本業・副業共にコミュニケーションツールはSlackを使用しているのですが、ゲストアカウントの棚卸って結構課題だったりすることが多いと思います。自分も多分に漏れず、「後で効率化したいな〜、何かScript書こうかな〜」と思いながら1年以上経過してしまいました。。。 過去の経緯から有効期限を設定してないものもあったり、IT統制などでアカウントの棚卸を効率的に行いたいなど、みんな似たような課題感はあるのかなと思い、Slackチャンネルへ通知してくれるSｃriptを作成してみました 公式に機能なかったっけ？ はい、公式にも期限切れ通知の機能はあります。ただし、 設定した管理者 + 対象者にのみ通知 5日前に通知（固定） と、使い勝手は良くは
Next.jsとAuth0で会員制メディアを作る【1. 認証編】
こんにちは、柴田です。 今回は「会員制メディア」のチュートリアルを全3回に分けてお届けします。 === 認証編ページ作成編完成編=== 会員制メディアは、一部の記事は会員しか見れないような形式のメディアです。 ビジネスでは近年よくあるユースケースであり、もしかしたら個人ブログに導入してみても一風変わっていて面白いかもしれません。 また、応用すれば課金しないと見れない記事のような仕組みも作れると思います。 今回想定している仕様は以下の通りです。 記事一覧画面と全公開記事（/public配下）は事前生成をしておき、静的に配信する会員向け記事（/private配下）はログイン済みユーザーのみ閲覧可能とし、SSRで配信する Next.jsを用いてJamstackとSSRの合わせ技を行い、認証にはAuth0を用います。 1. Next.jsプロジェクトを用意まずは、Next.jsのプロジェクトを作成
楽譜が読めない初心者でも、Meta Quest 2のピアノ学習アプリを体験すれば、上手に弾けるのか？
Home » 楽譜が読めない初心者でも、Meta Quest 2のピアノ学習アプリを体験すれば、上手に弾けるのか？ 楽譜が読めない初心者でも、Meta Quest 2のピアノ学習アプリを体験すれば、上手に弾けるのか？ VRヘッドセットMeta Quest 2対応のピアノ学習アプリ「PianoVision」が「App Lab」で公開されました。 Quest 2のパススルー機能（※VRヘッドセットのカメラで、現実の周囲の景色を見られる機能）と、ハンドトラッキングを活用したソフトで、現実の景色にピアノの譜面をMR表示可能に。これで、ピアノ学習が“加速”します！ 「PianoVision」には、「Air Piano」モードと「Real Piano Keybord」モードがあり、ピアノの有無に関わらず誰でも利用できます。 「Air Piano」モードでは、机など平面上にバーチャルのピアノを表示し、物
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Microsoft Designer - Stunning designs in a flash
GraphQL Ruby benchmark
【山口真弘の電子書籍タッチアンドトライ】 重量わずか150g、Androidアプリが使える6型E Inkタブレット「BOOX Poke4 Lite」
Microsoft、新しいAndroid版「Power Automate」アプリを一般公開／ナビゲーションを簡素に、応答速度も改善
ついに日本でも！Windows 11 Insider版でAndroidアプリが利用可能に
