はてなブックマーク

はじめに この記事は「RUNTEQ Advent Calendar 2023」の17日目を担当しています。 現在、プログラミングスクールRUNTEQで未経験からWebエンジニア転職を目指して学習中のyushiと申します。 絶賛Webアプリを個人開発中で、その一貫としてChrome拡張機能を初めて開発しました。 その中で学んだ知見を共有したいと思い、比較的簡単に実装出来るタイマーアプリをChrome拡張機能として実装する流れをハンズオン形式で紹介します。 Chrome拡張機能は割と身近な存在だと思っているのですが、同時になんとなくとっつきづらいという印象を抱いている方も多いのではないでしょうか？ 確かにややこしい部分もあり、私も最初はかなり苦労しました。 ですが、Chrome拡張機能はデプロイの必要がなく、小規模な構成から作ることが出来るため、Reactをキャッチアップした後のアウトプットの

GPU環境構築 pytorchをgpu環境で使用するには以下のインストールが必要 driver cuda cudnn pytorch cuda, cudnnなど、バージョン依存が大きく、バージョンがあっていないと動いてくれないので 注意 想定環境 マシン : Standard_NC4as_T4_v3 OS : Ubuntu 20.04 x64 Gen2 driver : cuda : 11.6 cudnn : pytorch : 初めに 使用しているGPUの確認

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? オブジェクト指向プログラミングが学べる書籍たち もし私が今から最初から学ぶならこの順番でこの本読むだろうという紹介です。 新人プログラマの方々は右も左も分からないというところからスタートとなるため、オブジェクト指向プログラミングを学ぶときに何から学べば良いか全くわからないという状況かと思います。 オブジェクト指向プログラミングを学んでいると自然と出会うドメイン駆動設計についても同様です。 そうした方々が書籍から学ぼうとした場合に、少しでも効率良く進められる順番を示してあげられれば良いなと思って紹介します。ただし、各書籍についての詳細な説

oauth2 clientを実装する機会って結構ありますよね。 私の所属会社でもSSOのフェデレーションプロトコルにoidcを採用しているため、割と最近spring securityのoauth2 clientを見ながらクライアント機能の実装を行いました。 しかし、日本語情報をあまり見かけず苦労したので知見をまとめて残しておきます。 前提知識 Authorization Code Grant Flowについて理解していること この記事のスコープ 書くこと spring securityを利用したoauth2 clientの実装サンプルとその解説 kotlinの言語仕様について一部解説する kotlinで実装したが、利用FWがSpring BootのためJavaユーザからも読まれることを想定しているため。 書かないこと oauth2やopenid connectに関する解説 認証フローの種類

3. エンティティのポジションを変更 エンティティの位置を変更しましょう。こちらは好きな位置に配置をしてしまって大丈夫です。 4. エンティティの名前をScreenに変更 エンティティが増えてきたときにわかりやすいように、右のINSPECTORからnameの値をBox→Screenに変更します。 マテリアルの作成 動画を映し出すためのMaterialを作成します。 1. ASSETSで右クリックをしてマテリアルを作成 2. DIFFUSEの値を黒色に設定 マテリアルのDIFFUSEを黒色に変更します。 3. エンティティにマテリアルをドラッグアンドドロップで追加 エンティティにマテリアルを追加します。 マテリアルを選択して、エンテティにドラッグアンドドロップをすることでマテリアルを追加できます。 スクリプトを追加 エンテティ、マテリアルの設定ができたので、次に動画テクスチャーのスクリプトを

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? PhotonのJavaScript SDKとPlayCanvasを組み合わせて利用するためのリポジトリです。 大体30分ほどで、ブラウザー上で動く、リアルタイムで位置と回転が同期されているゲームを作ることができます。PlayCanvasとネットワークエンジン PhotonのJavaScript SDKを使用してリアルタイム通信のできる空間を作っていきます。 今回作るもの 前回の記事【JavaScript】 PlayCanvasの公式サンプルを使ってモバイル・デスクトップで動く一人称視点の空間を作る【WebGL】 の続きとして、リアルタイ

4. RIGIDBODYの追加 RIGID BODYも同様に、ADD COMPONENTから追加をします。 床の場合はこちらはStaticのままで大丈夫です。 床の作成はこれで完成しました。次は一人称視点を実装していきます。 一人称視点を実装する この状態でゲームを起動するとキャラクターの操作ができるようになっています。これの後は、ヒエラルキーを調整して、１人称視点を実装します。 現状確認をするゲームを起動する 1. ゲームの起動をする ゲームの起動は、シーンビューから行うことができます。 2. WASDで操作、Spaceキーでジャンプ WASDキーでPlayerの操作を行うことができます。Spaceをクリックすることでジャンプすることができます。 カメラをPlayerのエンティティの下に配置 ゲームを起動すると分かりますが、現状はFirstPersonではありません、カメラの カメラをP

本記事は第二のドワンゴ Advent Calendar 2019の22日目の記事です。 はじめに ドワンゴの企画職として、ニコニコ生放送サービスや配信ソフトウェアN Airに携わっています。 SlackでAdvent Calenderについてエンジニアの方々が盛り上がっているのを見て、自分も参加してみたくなりました。担当した施策の簡単な分析や生放送事業のKPI管理を行っているので、この機会に数値分析周りの記事を書いてみようと思います。 生主の配信継続期間 ニコニコ生放送はユーザーが自由にライブ配信できるプラットフォームです。料理をしながら雑談をしていたり、ゲームを実況していたり、マイナーな音楽を紹介していたりと、各々の生主が気ままに自分のスタイルで放送を楽しんでいて、個人的にも大好きなサービスです。 運営としては多くの生主にできる限り長く配信を続けて楽しんでもらいたいものです。では一体生主

はじめに @yushimatenjinです。Next.jsアドベントカレンダー4日目ですね。 Next.jsを使うと簡単にGoogle Chromeの拡張機能が作れるんじゃないかなと思ったら簡単に作ることが出来たのでその紹介を今回しようかなと思います。 このときに得た知見をもとに書いています。 Google Chrome 78にアップデートされたところ、今まであった、現在開いているタブ以外を閉じる機能がなくなっていて作業がはかどらなかったため、Chrome Extensionsを作ってみました。 アイコンを押すとすべてのタブを閉じるだけです　↓ダウンロードhttps://t.co/oBt2S62m9F pic.twitter.com/cqKiW1l3Zw — はが (@Mxcn3) November 2, 2019 Chrome ExtensionをNext.jsで作ってみた こちらが先日

はじめに 前回の記事の続きになります。「PlayCanvas 入門- モデルの作成～ゲームに入れ込むまで」 8th Wallとは 8th Wall というARのライブラリ / プラットフォームをご存知でしょうか？これは、WebARを簡単に行う事ができるようになるもので、世界初のモバイルWeb用のARプラットフォームです。 表面の検出や照明の検出が出来る マーカレス・任意の画像をマーカーとして 使用すること可能です。 8th Wallで作れるコンテンツ サンプル集はGitHubに存在していますが、マーカを使った面白い表現や、オフィス木を生やしたりと面白い表現がいくつかあります。 https://github.com/8thwall/web 8th Wall - Productsをみると各種3D系のフレームワークに対応をしており、 A-Frame three.js babylon.js Ama

8th Wallとは 8th Wall というARのライブラリ / プラットフォームをご存知でしょうか？これは、WebARを簡単に行う事ができるようになるもので、世界初のモバイルWeb用のARプラットフォームです。 表面の検出や照明の検出が出来る マーカレス・任意の画像をマーカーとして 使用すること可能です。 8th Wallで作れるコンテンツ サンプル集はGitHubに存在していますが、マーカを使った面白い表現や、オフィス木を生やしたりと面白い表現がいくつかあります。 https://github.com/8thwall/web 8th Wall - Productsをみると各種3D系のフレームワークに対応をしており、 A-Frame three.js babylon.js Amazon Sumerian PlayCanvas に対応しております。 その中でも今回はPlayCanvasと

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

はじめに 今どきなWEBアプリを作ろうとすると、画面はSPA、データ入出力（CRUDな操作）や複雑なビジネスロジックはWEB APIという構成が選ばれがちだと思います。 現在開発中の弊社のサービスでもフロントエンドのSPAにNuxt.js、バックエンドにSpring Bootといった構成をとることになりそうな気配を察知したため、個人的に検証作業を行いました。 他社様でも有用な情報になるかと思うので公開します。 SPAをSpring Bootからホストする方法のみが知りたい方は、サンプルコードのここを参照していただければブログ全文読む必要はないです（たぶん）。 目的 画面はSPA(Nuxt.js)で作りたい バックエンドはSpring Bootで作りたい フロントエンドの開発はHMRを利用して開発したい バックエンドの開発はspring bootのdevtools使って開発したい 状況 フロ

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

はじめに OpenStackプロジェクトの1つである kolla-kubernetesを使って OpenStack環境構築を目指します。kolla-kubernetesを選んだ理由は以下です： OpenStack知ってる Kolla知ってるけど使ったことがない k8sは Kubernetesの略称ということは知っているが使ったことがない 結論からいうと、 **2017/12/18時点の公式ドキュメントを参考に動かしてもまともに動きません。**色々試行錯誤して5回試したのですが、5回とも詰みました。詰んでは最初からやり直し、という詰み戻りを繰り返して運命に抗います。 この詰み戻り知識を糧に、本記事ではkolla-kubernetesによるOpenStack環境の構築手順を紹介します。 NOTE(2018/8/11追記) 2018/5/14 以降、kolla-kubernetesのプロジェクト

なんかしてるっぽい出力をするスクリプトが意外に好評だったので、以下のようになんかインストールしてる版を作りました。 pipを参考に作成しています。 今回はLinux版だけになります。 なんかインストールしている間ぼーっとして疲れを癒しましょう。 # !/bin/bash # define library name libraries=("ujthsk" "wtpkty" "dancmu" "ckbbbw" "dgkujy" "rahtzz") # 1 - 100 progressBarSize=20 while : do library=${libraries[$(($RANDOM % ${#libraries[*]}))]} echo "Collecting ${library}" fileSize=$((($RANDOM % 1000) + $progressBarSize)) per

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

Fujitsu Advent CalenderおよびOpenStack Advent Calenderの記事として使われています。 この記事は個人の見解であり、所属する会社、組織を代表するものではありません。また、間違い等ありましたら指摘していただけると幸いです。 はじめに 本記事はOpenStack Neutronの以下の機能を実際に使ってみながら ほんのり調べてまとめたものです。 VLAN aware VMs1 Get me a network2 結論からいうと、どちらの機能も問題なく動作しました。 その際のログや内部構造などに興味があればスクロールしてみてください。 どんな機能なのかパッと知りたい方は、以下のセクション名をクリックしてください。 （さっそく下に答えが見えていますが） VLAN aware VMsとは Get me a networkとは VLAN aware VMsと

Cloudera Manager Advent Calender 2015 の15日目です。 目的 HadoopクラスタでHiveやImpalaを運用中には、様々なユーザがクエリを実行します。 その際にユーザによっては、、、 Impalaのメモリを食い尽くすクエリが投げられる。 １ヶ月は終わりそうにない規模のデータを対象としたHiveクエリが投げられる。 エラーが返ってくるんだけど！１日経っても終わらないんだけど！とオフィスに怒号が響く。 これどうなってんのなんとかしてよ、と運用者が責められる。 ……という事態が発生します。 リソースプールやアドミッションコントロールやクエリ実行者への教育という対処はありますが、 まずは対処以前に問題の発見が必要です。 ここではClouderaManagerを使って問題となったクエリを素早く見つけ出し、 そのクエリの中から原因を特定していく流れを紹介します

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 人に教えるには自分が完全に理解していなければ、ということで調査・検証した結果。 動機 シェルからバックグラウンドで処理を行うには？ nohup コマンド実行 & を使う。 コマンド実行 => Ctrl-Z => disown を使う。 定番は前者だが、両者の違いは何なのか？ disownとは一体何をするのか？ この機会に調べてみた。 結果のまとめ 長くなったので最初にまとめを。しかしまとめも長い。 （後自分が読む時に一番下にスクロールしたくないので…） ジョブテーブル シェルはセッションに紐づくジョブテーブルを持っている。 バックグラウ

supervisorのイベント リスンしたいイベントは２種類。 デーモンが予期せぬリターンコードで終了した。 ==> PROCESS_STATE_EXITED デーモンが起動に何度も失敗する。 ==> PROCESS_STATE_FATAL それぞれ、 superlance パッケージ内の crashmailbatch と fatalmailbatch を使う。 （これらのイベントを対象としたもの以外にも、superlanceにはリスナー実装が存在する） crashmailbatch PROCESS_STATE_EXITEDイベントをリスンし、メール通知する。 これ自身をsupervisorの管理対象プロセスとして登録することで動作する。 /etc/supervisord.d/crashmailbatch.iniとして以下の様に作成。 [eventlistener:crashmailbat

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

APSchedulerで少し進んだジョブスケジューリング 理由と目的と動機 cronで10分に一回くらいのジョブを回すのが限界に来てしまった。 __前の処理が10分以上掛かると多重起動になってしまうから。__これを防止したい。 何らかの ロック機構 を使えば・・・と思ったのだが、それをジョブのコード中に入れるのは避けたい。 そのジョブが対象となるロック機構依存になってめんどくさい。 テストが大変でバグの元。 起動しているのはpythonのジョブなので、できればpythonで書かれているものはないのか・・・ 多重起動を防止できるジョブスケジューラ探し APShcedulerがあった！ pythonで実装されてる。 多重起動を防止できる。 多重起動の許可と幾つまでOKかも指定できる。 cronライクなジョブスケジューリング可能。 atコマンドの様に指定の時間に一回の起動も可能。 cronより細

やりたいこと 常時起動させたいスクリプトなど、デーモンプロセスとして動かしたいことがあると思います。 しかし例えば/etc/init.dのスクリプトなどを自分で書くとなると・・・ PIDファイルの管理をいちいち書くのが面倒でミスりやすい。 ステータスの取得とかも同様。 そもそもそんなローレベルのツールを使わなくてもよい。もっとユーザレベルに近いもので充分。 一般ユーザで起動停止くらいさせたい。 つまりは、大体同じ様になるはずの 「プロセス管理スクリプト書くのが面倒」 なのと、 サービスとして登録してしまうと 「基本はrootで起動停止管理」 になるので、 この２つを避けたいということになります。 systemdを使うとスクリプトを書く必要はなくなりますが、 rootでなければ起動停止ができない、という扱いにしたくない。 stdout/errに色々吐きまくって直したくない。 システムのサービ