猫でもわかる rkt + Kubernetes - チェシャ猫の消滅定理
このエントリは Kubernetes Advent Calendar 2017 の 23 日目の記事です。ちなみに昨日は takezaki さんの「GCBを利用したContinuous Delivery環境」でした。 LT で使用したスライド 先日、市ヶ谷Geek★Night #16 の 10 分 LT 枠で、CoreOS 社によるコンテナ実装 rkt とその Kubernetes 連携について発表してきました。今回のエントリはこの LT の内容を補足しつつ、実際に手を動かして rkt を試せるような構成にしてあります。 Hello, rkt! rkt は、Docker の対抗馬として CoreOS によって開発されたコンテナ管理ツールです。プロジェクトの初期は普通に Rocket という名前でコマンド名が rkt という扱いでしたが、途中からツールの名前自体が rkt に変更されました。
お手軽にはじめるバーチャルYouTuber(VTuber)になる方法
こんにちはGOROmanです。 皆さんは「VTuberになってみたい！」と思ったことはありますか？私はあります。この記事では私が過去(2016年1月)にFaceRigとLive2Dを使って二次元の中の人になるまでの手順を自分の経験を元に記載しておきます。今後皆さんが「中の人(キャラクター)になりたい！」と思った時にお役に立てば幸いです。 何ができるのか？アニメ美少女のような二次元キャラクターになりきってYouTubeやニコ生のような配信サイトで実況ができます。編集してYouTuberとしてデビューも出来ると思います。 いろいろな記事にしていただきましたので、先にこちらをご覧ください。 - これこそバーチャル！FaceRigとボイスチェンジャーで美少女キャラによるゲーム実況が実現 (Mogura VR) - 美少女キャラに人の表情とゲームパッドの動作をリアルタイムで反映するゲーム実況ムービー
prometheusをkinesis firehose経由でs3にバックアップ — そこはかとなく書くよん。 ドキュメント
prometheusをkinesis firehose経由でs3にバックアップ¶ AlpacaJapan のshirouです。 prometheus は長期保存用ではないため、適当な間隔で消されていきます。本来であればinfluxdbなりに保存するのでしょうが、やはり安全安心のS3に保存しておきたいところです。 手法としてS3バケットに直接書き込むなどの方法が考えられますが、S3は更新には弱いのでがんがん書き込む用途には向いていません。 そこで、2017年7月に東京リージョンに来たkinesis firehoseを使います。kinesisはstream用途ですので、がんがん書き込んでも問題ありませんし、そのデータはfirehoseで自動的にS3に保存されていきます。 ということで、prometheusのremote write機能を利用し、kinesisに送りつけるremote integ
ワイヤーフレームを高速にXDらしく作る
Adobe XD Meeting #05 ワイヤーフレーム特集で発表した、ワイヤーフレームをAdobe Experience Design(XD) で作るときのチップスを紹介しています。 勉強会URL https://xd-study.connpass.com/event/56779/Read less
爆速に Adobe XD でワイヤーフレームを作ってみよう！魅力的な機能や高速化のコツをご紹介！ | 株式会社ウェブ企画パートナーズ
Adobe XD ってどんなツールなの？ UI/UXデザイナーのためのプロトタイプ作成ツールです。数年前までのようなパソコン用デザインだけを作成すれば良いような環境でしたら Photoshop や Illustrator で間に合っていたのですが、スマートフォンのデザインが必要になり、さらにアプリのデザインも必要になってきた時代の変化に合わせ、よりスピード感をもってプロトタイプを作ることの出来るツールとして登場しました。 とくかく速くて、軽くて、直感的に操作できるようになっていますので、ワイヤーフレームの作成にもピッタリというわけです。 特徴的な機能 Adobe XD にはいくつか特徴的な機能が用意されています。これから紹介する機能をご覧いただければワイヤーフレームの作成に役立つことをご認識いただけるのではないでしょうか。 アートボード Adobe XD は Illustrator のよう
Web制作が一気に捗る！？Adobe XDでワイヤーフレームを作ってみた | WebNAUT by Beeworks
※この記事は2017年2月1日に執筆された記事です。現在は仕様が異なる可能性があります。 最近流行りのAdobe XDが良いと聞いて、せっかくの機会なのでこの「WebNAUT」のリニューアルのワイヤーフレーム作成に使ってみました。今回はその時の使用感をお伝えしていきたいと思います！ 11月にベータ版のリリースがあってとても便利になったのですが、ワイヤーフレームを作っていたのが10月頃だったので、まずは当時の「Adobe XD Preview 7 」を使ってみての感想です。 その前に、Adobe XDとは？ Webサイトやスマホアプリのデザインツールであり、プロトタイプツールです。PhotoshopやIllustratorのようにデザインを作成するだけでなく、 このアプリケーション内でプロトタイプを作成することもできます。その名前の通り、ユーザー体験を設計するうえで助けになるツールです。 A
配色が苦手な人でもプレビューを見ながら直感的に使える配色ツール5つ
2017年6月17日 Webデザイン, 便利ツール, 色彩 配色って奥が深いです。「この色いいな！」と思っても、実際にデザインに適用してみるとなんだかイメージと違ったり。このブログでも過去に「カテゴリー別配色アイデア100」という記事で配色例を紹介しましたが、その配色を見たときと使ってみたときとではまた異なる印象になるかもしれません。そこで今回はプレビュー画面で確認しながら配色を作成できるツールを集めてみました！ ↑私が10年以上利用している会計ソフト！ Color Tool – Material Design Color ToolはGoogleのマテリアルデザインの公式配色ツール。右側のパレットからPrimary（メインカラー）とSecondary（サブカラー）を選択すると、左側でプレビューできます。文字色も選べますよ。プレビュー画面は全部で6つ。 このWebサイトの面白いところは、作成
日本らしさを表現！CSSで文字の縦書きに挑戦！
2017年8月24日 CSS 日本の書籍は元々上から下、右から左という縦書きで書かれてきました。しかしWebサイトでは横書きが基本なので、縦書きを取り入れることで日本らしさやWebサイトの個性を引き立てられます。かつてのWebサイト制作では縦書きが難しく、多くの場合画像を使って表示されてきましたが、CSSでも縦書きが実装できるようになりました！今回はそんな縦書き表現に注目したいと思います！ ↑私が10年以上利用している会計ソフト！ 縦書きにするには 縦書きを設定するのはとっても簡単！縦書きにしたい箇所にCSSで writing-mode: vertical-rl; を記述します。この「vertical」が縦、「rl」が右から左（Right to Left）という意味です。 また、IE用には別の書き方になります。 -ms- というベンダープレフィックスを付け、tb-rl（上から下、右から左＝
株式会社マーキーズ｜MARKEY'S
お客様から届いた可愛らしいお子さまたちの写真や、 MARKEY’Sスタッフおすすめの旬コーデをたくさん紹介しています。 詳しく見る
初心者必見！Webデザインを独学で勉強するときにおすすめな記事10選
WebデザインはPCとネット環境さえあれば始めることができるので、独学でとりあえずやってみる、という方も多いのではないでしょうか。 この記事では、Webデザイナー初心者の方向けにデザインの基礎を学べるサイトを紹介します。理論的に学べる記事や実例が豊富な記事、テクニックも取り上げている記事など、どれも参考になるおすすめ記事を10個厳選しています。 １. デザインを勉強したことがない人でもデザインできるようになるかもしれない４つの基本原則 「ノンデザイナーズ・デザインブック」のデザインの原則を基礎として、Webデザインではどう考えればよいのか？ という点を分かりやすく解説してあります。Web Design RECIPESのNoriさんの文章は硬すぎず、すっと頭に入ってきてとても分かりやすいです。 ２. デザインの基礎力をワンランクアップしたい私（Webデザイナー）の注意書き １で紹介した記
KeycloakのSAML SSOでGitLabやMattermostにログインする - GeekFactory
KeycloakとGitLabでSAML SSOを設定する方法を説明します。ユーザ管理をKeycloakで行いながら、GitLabやMattermostにSSOできるのでとても便利です。 TL;DR Keycloakはオープンソースの統合ID管理ツールです。OpenID ConnectやSAMLによる認証を提供しています。（こちらの記事が参考になります） GitLabはオープンソースのソースコード管理ツールです。OmniAuth IntegrationでソーシャルアカウントやSAMLによるSSOに対応しています。 KeycloakとGitLabの連携にはSAMLを利用します。 Keycloakの設定 Keycloakで新しいClientを追加します。認証連携したいユーザがいるRealmで作業してください。 Client ID: https://gitlab.example.com *1 C
Keycloakとは - Qiita
###（2022年1月14日追記）この度、日立製作所さんとNRI OpenStandiaメンバ共著でKeycloakの解説本を出版させていただくことになりました。本記事の最後に書籍のご紹介をしております。 何故、Keycloak？ Keycloakはオープンソースのアイデンティティ・アクセス管理ソフトウェアです。シングルサインオンやAPIアクセスの認証・認可制御を実現するもので、この分野のソフトウェアとして後発の部類に入ります。現在コミュニティベースの開発が進められており、この分野のソフトウェアとしては最も勢いのあるソフトウェアの1つと言われています。技術トレンドの発信元として有名なThouthtWorksのTechnology Radarでも、この3月（2017年3月）に初めて名前が上がりました。またつい先日の最新版ではASSESSからTRIALに評価が変わっており、ますます注目度が上が
なぜオッサンはかわいいに憧れるのか 「バーチャルのじゃロリ狐娘YouTuberおじさん」独占インタビュー（前編）
PANORAでもインタビューした「キズナアイ」をはじめ、このところ3DCGがまるで生きているように動くバーチャルキャラ界隈がアツい。アニメやゲームの作品中に登場するのではなく、人格を持った一人としてYouTubeなどに動画や生放送を公開し、視聴者とともに身近な話題を楽しむというのが今風だ。 そんな界隈で先週、怒涛の勢いで知名度を上げたのが「ねこます」氏、通称「バーチャルのじゃロリ狐娘Youtuberおじさん」になる。にゃるら氏のブログ「根室記念館」の記事をきっかけに火がついて、わずか数日でYouTubeの登録者数が300から9000に急増するほど注目を集めている。なぜそんなに受けているのか。まずは動画を見てほしい。 そう、見た目はかわいい狐娘なのに、声が明らかに男性なのだ。それもボイスチェンジャーのような生ぬるい妥協は一切入れないという、まごうことなきストロングスタイルだ。語尾に「のじゃ」
アスリート向け！筋トレの効果を最大限に高めるための6大ルール【2021年版】 | プロの逸品
これも、トレーニング業界で効果測定のために昔から広く一般的に用いられているものです。 私がパーソナルトレーニングの指導をさせていただく際は、いつも、この表を使って、お客様の1RM筋力を測定、記録しています。もちろん、私個人の測定の際にも活用しています。 例えば、ベンチカールでもスクワットでも何でも良いので、40kgの重さを、やっと8回あげられたとします。その場合、「1RM筋力」は、40kg÷0.8=50kgになります。これで、40kgを10回あげられるようになったら、次に42.5kgにあげて、8回あげられたとします。 その場合、「1RM筋力」は、42.5kg÷0.8=53.125kgになったということです。 効果的なセット数の基準は3セットトレーニングのセット数についてですが、ウエストスコットランド大学のラルストン教授らの最新の研究によると、初心者や中級者は2-3セット、上級者は3-4セッ
ありがとう、はあちゅう。君のことは忘れない - billword’s blog
「セクハラ告発大炎上」でお馴染みのはあちゅうさんがついに開き直りを始めました。 これまでの経緯を知らない方は下記をご覧ください。 hagex.hatenadiary.jp はあちゅうの童貞いじりに対してずーっとキレまくってた俺だけど、さすがにこの開き直りには笑ってしまった。 「わたし何にも悪くないもん！」以外の内容が無い。 真っ当な批判意見はすべてガン無視。 セクハラに関する謝罪文を撤回する人間初めて見たわ。 これだけボロクソに叩かれてなお自分の正当性を主張できるってある意味すごい。 奴はプログラムのバグった機械なのか？ さて、そんなセクハラ開き直りマシーンのはあちゅうに一言言っておきたいことがある。 耳の穴かっぽじってよーく聞け。 この度は 本当に ありがとうございました！！！ 「はあちゅうマジで許せんな」って気持ちは俺の中にもまだあるけど、それとは別にはあちゅうに感謝したい部分も結構あ
CircleCI2.0 に移行してビルド実行速度を向上 | MEDLEY Developer Portal
2017-10-24CircleCI2.0 に移行してビルド実行速度を向上こんにちは。開発本部の稲本です。医療介護の求人サイト「ジョブメドレー」の開発を担当しているエンジニアです。 最近ジョブメドレーでは CircleCI2.0 への移行を行いました。移行の方法はもちろん、その際に調べたこと、CircleCI の新機能を利用してどうだったかなどを書いていきたいと思います。 課題感弊社では、全プロダクト(CLINICS、MEDLEY 、介護のほんね、ジョブメドレー)で CircleCI を利用しています。 ジョブメドレーでは CI によるテスト実行に 37 分前後掛かっていました(コンテナを 2 つ利用した実行時間です)。 さらに、開発メンバーが増えて来たこともあり、CI のリソースが足りなくなり開発効率が落ちかねない状況でした。 まぁよくある話ですよね。 コンテナを増やすというのも解決策の
Circle-CI 2.0のcron triggerを使って、定期実行をする - Qiita
Circle-CIでいつのまにcron実行する機能が追加されていたので試した。 https://circleci.com/docs/2.0/configuration-reference/#triggers https://circleci.com/blog/manual-job-approval-and-scheduled-workflow-runs/ TravisCIには少し前から入っていた機能。 https://docs.travis-ci.com/user/cron-jobs/ Circle-CIの場合、TravisCIほとさくっと使える感じではなかったのでメモ どんな時に使えるか？ 例えばこんなユースケースが思いつく E2Eなど重くて全branchで実行するには辛いもの 外部のAPIに引きづられて落ちてないかのテスト masterを定期的にstagingと同期するdeploy処理
IAMロール徹底理解 〜 AssumeRoleの正体 | DevelopersIO
さて、皆様はIAMにどのようなイメージをお持ちでしょうか。プロジェクトに関わる複数人で1つのAWSアカウントを扱う時、各メンバーに配布するアカウントを作れる機能。そして、その気になればアカウントをグループ分けし、権限を厳密に管理できる機能。といったところかと思います。 上記のユースケースで出てきた主なエンティティ（要素）はUserとGroupですね。IAMのManagement Consoleで見てみると、IAMはこれらの他にRoleやIdentity Providerというエンティティによって構成されているようだ、ということがわかります。今日はRoleにフォーカスを当てて、その実態を詳しく理解します。 IAM Role IAM Roleを使うと、先に挙げたIAMのユースケースの他に、下記のようなことが出来るようになります。 IAM roles for EC2 instancesを使ってみ
CircleCI 2.0 is moving from AUFS to BTRFS
CircleCI 2.0 will be switching file systems on Monday, December 11, 2017 from AUFS to BTRFS. After extensively testing performance we have found that any projects using heavy I/O operations should see a performance improvement without any action required. The underlying CPU is not changing and therefore your cache will not be impacted. We do not expect any projects to be negatively impacted by thi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「童貞」といじられ続けた広告代理店の男性 「僕も #MeToo と声を上げてもよいでしょうか？」 - 弁護士ドットコム
[連載] Adobe XDでつくるこれからのワイヤーフレーム入門 | Adobe Blog![[連載] Adobe XDでつくるこれからのワイヤーフレーム入門 | Adobe Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/aaec1e045f72364c96d37b6bccd7630585efc04f/height=288;version=1;width=512/https%3A%2F%2Fblogs.adobe.com%2Fjapan%2Fwp-content%2Fuploads%2F2018%2F10%2Fmain_img.png)