Home | himenon.github.io
Latest ArticlesOIDCを利用したGitHub ActionsからGoogle CloudへのDocker Pushの設定方法OIDCトークンを利用したdocker pushをGitHub Actionsで構築します。これを利用することにより、Secretの管理が不要になります。Dockerdocker pushGitHub Actions2022/06/04 19:00EnvoyのExternal Processing Server開発時のTroubleshootingEnvoyのExternal Processing（ext_proc）の開発時のトラブルシュート一覧を紹介します。envoyenvoyproxyext_proc2021/08/03 16:00EnvoyのExternal Processingのgoの実装サンプル紹介作成したext_procのサンプルを紹介しま
iOS13のSafariでデバイスの傾きを取得する - クワマイでもできる
Web XRとかブラウザゲームとか、デバイスの傾きに応じて動くWebアプリは楽しい。iOS13のSafariは、傾きを取得する際ユーザーの許可が必要になった。ちょっと書き足すだけでできたので、手順をメモ。 使用したデバイス 10.5インチiPad Pro iPadOS13.1 "動作と方向"へのアクセスを求める 下記サイトを参考にしました。DeviceMotionEvent.requestPermission()とDeviceOrientationEvent.requestPermission()でアクセスを求めます。 下記関数を傾きを使った処理の前に入れてあげればいいっぽい。 function request_permission(){ if ( DeviceMotionEvent && DeviceMotionEvent.requestPermission && typeof Devi
コシヌケスペース
コシヌケ1040による趣味と探究の公開文書庫 がらくた 画面解像度(dpi,ppi)計算機 メルカリ出品価格計算機 点字から文字に変換 デバイス加速度センサーの動作確認 908kira maker Moshi Moshi 908 こころおぼえ ウェブ 漢字が使えて商用可能な和文フリーフォントの見本帳 ウェブブラウザ調査結果 (2015年) HTMLとCSSにおけるviewportについてのメモ (2014年) ビデオゲーム 任天堂ゲーム機とテレビの接続方法 Nintendo Switch向け周辺機器の選び方 (2018年) 家庭用ゲーム機のソフトをサラウンドで楽しむ方法 (2017年) ワイルドトラックスについてのメモ (2020年) DS-10の音をMacに録り込む (2010年) スーパーファミコンのスーパースコープ (2007年) ゲームボーイカラーの画面交換についてのメモ モバイル
Markdown まともに書けてない奴大杉 - Neo's World
Markdown まともに書けてない奴大杉 Markdown がなってない連中のクソ Markdown を読むのマジで苦痛。 目次 なってない Markdown の特徴 ロクでもないクソ Markdown を書く奴は HTML が分かってない Markdown で表現が難しい図表の扱いを設計しきれているか？ なってない Markdown の特徴 「空行」がなく「改行」しかない マジでこの手の奴多すぎる。 # 見出し 本文… - リスト - リスト ## 小見出し ↑こういう感じで空行が全くない。見出しの前後にだけ入れる・入れないみたいな本人の中のルールがあるワケではなさそうで、不定期に空行が混じったりしている。 Markdown はプレーンテキストでも読みやすい構文であるのが特徴なのに、それを無視してレンダリングされたプレビューしか見ずに執筆しているのが丸分かり。 こういう奴の何が悪いかっ
[VS Code]タブのカスタムラベル設定でpage.tsx、layout.tsxなどのファイルを見やすくする | DevelopersIO
[VS Code]タブのカスタムラベル設定でpage.tsx、layout.tsxなどのファイルを見やすくする どうも！オペレーション部の西村祐二です。 最近、Next.jsなどでフロントエンドの実装も行うことが増えてきました。 実装を進めていくと、page.tsx,layout.tsx,index.tsx,route.tsなど同名のファイルが増えてきて、どのファイルを開いているか分かりづらいなと思う場面がありました。 VS Codeのv1.88で開いているファイルタブのラベルをカスタマイズできるようになったので、その設定方法を紹介したいと思います。 Visual Studio Code March 2024 結論 最初に結論として、settings.jsonに下記設定をすることでディレクトリ名も表示されるようになりタブを見やすくすることができます。 .vscode/settings.js
![[VS Code]タブのカスタムラベル設定でpage.tsx、layout.tsxなどのファイルを見やすくする | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/611914e4c074abe947efa5c820fc1646e6c60a0a/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2020%2F06%2Fvscode-2020-eyecatch-1200x630-1.png)
CLIで顔文字検索してクリップボードにコピーする奴作ったヾ(๑╹◡╹)ﾉ"♡ - マルシテイア
作った (੭•̀ᴗ•̀)੭ github.com 絵文字の入力には普段 mojibar を使っている。 GitHubで kaomoji で検索すると、IME用の辞書はたくさんあるけど、mojibarのようなアプリは見つからなかったので、作ってみることにした。 インストール方法 npm i -g @fand/kao これで kao コマンドがインストールされます （๑╹◡╹๑） 使い方 ターミナルで kao を入力 ほしい顔文字の読みを入力したり、↑ ↓ キーで探す 顔文字で Enter 押す クリップボードに顔文字がコピーされる あとは適当に利用してくれ ٩(๑`^´๑)۶ 使ったnpmパッケージ clipboardy クリップボードにデータを送るやつ fuse.js ファジー検索するやつ inquirer ユーザー入力を求めるCLIツール作るための定番フレームワーク inquirer-a
初心者にもおすすめ！モダンラシードの使い方｜ぽてぽてキリン
はじめに(要約)ここを読めばざっくりモダンラシードがわかる！本文はできれば読んで！ ターゲットと目標 想定読者はモダンラシードを初めて触る初心者です。スト６の基礎(ガードやドライブゲージ関連)を理解している前提で書いています。 目標はマスターランク到達です。 強さはクラシックラシード≧モダンラシード (モダンでは珍しい)競技シーンでも通用するキャラだと考えています。 コンボはアシスト中コンボを軸にする ドライブゲージがある時はODサイクロン使用→中ミキサー ドライブゲージがない時は強サイクロン→強ミキサー 可能な限り生ラッシュで起き攻めをつけよう。 立ち回りのゴールは生ラッシュを通すこと 後ろ下がりが多い時 ラッシュ屈弱 しゃがんでる時 ラッシュ中段 or 投げ 技で止めて来る時 ラッシュを控えて玉やサイクロン、強を見せて相手の意識を逸らそう。 画面端に追い詰めたらダメージよ
Learning | PLATEAUを学び、活用する | PLATEAU [プラトー]
Topics3D都市モデルと位置情報をUnityで扱う3D都市モデルを使った位置情報共有ゲームを作る3D都市モデルを使って全国で使えるシステムを作るPLATEAUを使った映像作品を作るUnityで3D都市モデルを使ったゲームを作るTerriaJSでルート検索アプリを開発するPLATEAU QGIS Pluginでの活用QGISでの災害リスク情報の可視化と分析3D都市モデルでできることPLATEAU VIEWで体験する3D都市モデルデータの基本CityGMLから各種データ形式へのコンバートPLATEAU導入メソッドGISで活用するCesiumで活用するTerriaJSで活用するBlenderで活用するUnityで活用するUnreal Engineで活用するTouchDesignerで活用するThree.jsで活用するVRワールドをつくるためのプラットフォームでの利用VR・ARでの活用クリエイ
![Learning | PLATEAUを学び、活用する | PLATEAU [プラトー]](https://cdn-ak-scissors.b.st-hatena.com/image/square/3b8ccda54a01b6d1579c6a1b096c7d16aa149870/height=288;version=1;width=512/https%3A%2F%2Fwww.mlit.go.jp%2Fplateau%2Fassets%2Fimg%2Fogp.png)
Learning | PLATEAUを学び、活用する | PLATEAU [プラトー]
Topics3D都市モデルと位置情報をUnityで扱う3D都市モデルを使った位置情報共有ゲームを作る3D都市モデルを使って全国で使えるシステムを作るPLATEAUを使った映像作品を作るUnityで3D都市モデルを使ったゲームを作るTerriaJSでルート検索アプリを開発するPLATEAU QGIS Pluginでの活用QGISでの災害リスク情報の可視化と分析3D都市モデルでできることPLATEAU VIEWで体験する3D都市モデルデータの基本CityGMLから各種データ形式へのコンバートPLATEAU導入メソッドGISで活用するCesiumで活用するTerriaJSで活用するBlenderで活用するUnityで活用するUnreal Engineで活用するTouchDesignerで活用するThree.jsで活用するVRワールドをつくるためのプラットフォームでの利用VR・ARでの活用クリエイ
アイコンライブラリまとめてみましたよって
以前こんなのまとめたときに、テーマはバラバラですがなんとなくtailwindcssとかヘッドレスなUIと相性良さそうなアイコンライブラリをまとめてたのでここに転記しておく radix icons radix uiが標準で提供してるやつ。種類豊富ではなさそう？ heroicons tailwindcss と同じチームが作ってるぽいので相性はよさそう Font Awesome いわずもがなのやつ。バージョンによる違いとかあるので、利用の際は気をつけたほうがいいかも わかるひとには「Font Awesomeのやつやん」てわかってしまう、はじめてお小遣いで買ったダウンが「ジーンズメイトで買ったダウンやろ」ってクラスメイトにバレるような独特の恥ずかしさを感じる（筆者談） Phosphor かわいい Feather かわいさとしっかりさとFeatherさ Twitterで教えてもろた 上記をプロダクト
prettier-plugin-organize-imports で import 文を自動フォーマットする
これはなに 筆者は ES Modules ベースのコードの import 文を自動フォーマットするツールとして長らく prettier-plugin-organize-imports を愛用しています。一時期は ESLint でフォーマットしていましたが、試行錯誤の末にこのプラグインによるフォーマット方法に至りました。 本稿ではその導入手順をフォーマットの仕組みを軽く交えながら紹介します。 prettier-plugin-organize-imports の概要 TypeScript ( or JavaScript ) コードにある import 文を自動フォーマットする Prettier のプラグインです。ここでいうフォーマットは主に以下の 3 つの挙動を意味します。 import 文をアルファベット昇順でソート。 {} 内のモジュールもソートする。 冗長に書かれた import - i
5ch嫌儲、画期的な方法で荒らしと工作員に勝利しつつある
年単位で埋め立てスクリプトに荒らされていることでお馴染みの5chニュース速報(嫌儲)。 スクリプトは自動生成された文章と海外画像SNS(imgur)にアップされたグロ画像を織り交ぜて果てのない回線数(ワッチョイ)でレスしまくるため、NGワード・NGネーム・NG IDによって無視することは不可能であり住民には対抗手段がなかった。 運営がグルで荒らしてるとさえ思えるくらい、荒らしに対して運営は無策であった。 そこでつい先日発案されたのが嫌儲のデフォルト名無し「番組の途中ですがアフィサイトへの転載は禁止です」を住民個々がNGネーム登録し、それぞれが名前欄に別物を入力してレスするというもの。 デフォルト名無し(名前欄無記入)で荒らすスクリプトが名前欄変更に対応するまでのイタチごっこと思われたが、なぜだが対応してこない。 これにより、スレが埋められること自体は仕方ないものの、スクリプトを完全に無視し
僕が個人サイトを続ける理由 - Neo's World
僕が個人サイトを続ける理由 知人ととある話題で盛り上がったので、僕がこのサイトを続けている理由を振り返ってみて、そこから何かが見つからないかなーと思い、思考整理のために書き殴ってみる。 目次 なぜホームページを作り始めたのか 承認欲求は別になかったと思う なぜ個人サイトを続けているのか 数字には興味がないらしい 閲覧者の温かさは嬉しい・けどファンサービスは出来ない 自己肯定感は低いままなのかもしれない 自分自身と、我が子を「楽しい」で満たしたい なぜホームページを作り始めたのか 僕が「いつ」ホームページを作り始めたか、という話は以前も書いた。 過去記事 : 2022-10-16 僕はいつからホームページを作り始めたのだろう？ では、「なぜ」ホームページを作りたいと思ったのか、というキッカケだが、コレもハッキリ覚えている。ひめニャース (ひめはじめ) さんの「ポケモン大好きクラブ」というサイ
Next.jsでは、HeadにScriptタグは使えません！
最初に結論 Next.jsには、Headタグ内にScriptタグが入った場合はScriptタグを無視するという仕様があります No Script Tags In Head Component v11からの仕様のようでした https://nextjs.org/docs/basic-features/script > Version History v11.0.0 next/script introduced. どうしたらいい？ Headタグの外に、Scriptタグを書きましょう ※ Headタグに含めなければ、自動で<body>に入ります import Head from 'next/head' import Script from 'next/script' export default function App({ Component, pageProps }: AppProps) {
[Next.js]極限まで簡単に非同期データのSSRを実装する
極限まで簡単に SSR を実装する流れ 不要な既存機能 今回の内容を実装するに当たってgetServerSideProps、getInitialProps、React Server Componentsは必要ありません。特殊なものを仕込んだりはしないのでnext.config.jsの設定も不要です。_app.tsx に何か書く必要もありません。 非同期データがコンポーネント上で簡単に SSR で出力可能 非同期データを扱う最小限のサンプルコードです。コンポーネント上で非同期の'Hello world!'を返していますが、きちんと初期レンダリングで HTML 上に出力されています。もちろん fetch で取得したデータも利用出来ますが、そちらは後ほど紹介します。 src/pages/simple.tsx 非同期データが必要なコンポーネントを<SSRProvider>で囲み、データが必要なとこ
![[Next.js]極限まで簡単に非同期データのSSRを実装する](https://cdn-ak-scissors.b.st-hatena.com/image/square/16022ccda0653c56e76df6d690aee9809a104a9c/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--ASUV9UV2--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BNext.js%25255D%2525E6%2525A5%2525B5%2525E9%252599%252590%2525E3%252581%2525BE%2525E3%252581%2525A7%2525E7%2525B0%2525A1%2525E5%25258D%252598%2525E3%252581%2525AB%2525E9%25259D%25259E%2525E5%252590%25258C%2525E6%25259C%25259F%2525E3%252583%252587%2525E3%252583%2525BC%2525E3%252582%2525BF%2525E3%252581%2525AESSR%2525E3%252582%252592%2525E5%2525AE%25259F%2525E8%2525A3%252585%2525E3%252581%252599%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E7%2525A9%2525BA%2525E9%25259B%2525B2%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2VlZTgzMDYyMDQuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
EmojiDB
https://zenoo.github.io/mui-theme-creator/
Setup Next.js with Airbnb ESLint, Prettier, TypeScript and Tailwind CSS | Max Shen Dev
「Discord」PC版のコマンド入力で「瞬獄殺」が出現する隠し機能が話題
ゲームぼかしフィルター - CLIP STUDIO ASSETS
