なお同意ツールを利用していない場合、各同意タイプのデフォルト値は「許可」扱いになります。 そのため、GTMの同意設定に対応した同意ツールのタグテンプレート等を利用していないのであれば、タグの同意設定を変えても特に動作に変化はありません。 一括操作で同意設定を行えるようになる「同意の概要を有効にする」 同意ツールをサイトで利用しているのであれば、ONにしておきたいのが「同意の概要を有効にする」オプションです。 これは管理メニューの「コンテナの設定」画面へ追加されています。 管理 > コンテナの設定 へ「同意の概要を有効にする」が追加実装。 「同意の概要を有効にする」をONにすると、以下の機能が使えます。 タグの一覧画面から、複数のタグの「同意設定」を変更可能になる タグの一覧画面の右上へ同意概要アイコンが追加され、同意設定状況のリストを確認可能になる 要は複数のタグへ一括で同意設定できるよう
Next.jsにSentryを導入した際の課題と解決策について｜食べログ フロントエンドエンジニアブログ
はじめまして、2021年11月に食べログFE(フロントエンド)チームにジョインした遠藤です。 Next.jsを採用した新規プロジェクトに参画し、Sentryの導入を行いました。本記事ではSentryを導入した際の課題と解決策について記載していきます。 1. はじめに「Sentryとは何か？」、「食べログでSentryを選定した理由」などにご興味がある方はまず下記の記事を読んでみてください。 Sentryは便利ですが以前はアプリケーションに導入するにはいくつかのファイルを作成して、エラーやパフォーマンスをトラッキングするのに様々な設定を行う必要がありました。 そこでSentryが簡単にセットアップができるように@sentry/nextjsでwizardを提供してくれています。 wizardはコマンドを実行するだけでSentryに必要なファイルを自動で生成し、設定までしてくれる便利な代物です。
こんにちは。ギフトモールで Android アプリの開発をしている @KeithYokoma です。 はじめに ギフトモールの Android アプリは開発開始から1年半以上が経過しています。Web サービスとしてのギフトモールと比べると歴史が浅く、今も活発に機能開発を進めています。ユーザーの規模も Web サービスとアプリではまだまだ Web サービスのほうが大きいのですが、ユーザー規模が小さい分アプリの施策では様々なチャレンジを積極的に実施しています。 現在は Android アプリを開発するメンバーが増えチームとして開発を進める体制を整えてきていますが、Android アプリの開発を開始した当初は自分ひとりしか Android アプリ開発者がいませんでした。ひとりでの開発は自分自身の裁量で決断できる部分しかないので自由度は高いように見えますが、一方で別の視点・意見を持つことが難しくな
FigmaのWebデザインを本物のスマホアプリに変換できる「Bravo Studio」を使ってみた！ -
どうも、まさとらん（@0310lan）です！ 今回は、UI / UXなどのWebデザインを手軽に作れるFigmaと連携してスマホアプリが作れる無料サービスをご紹介します。 プログラミングは一切不要で簡単なタグをFigmaのレイヤーに記述するだけで、アプリに変換できるユニークな機能が搭載されています。また、Airtableと連携してインタラクティブなアプリも構築できます。 さらに、ネイティブアプリのソースコードにも書き出せるので、アプリストアへの登録も可能です。 手軽にスマホアプリを開発したい方やデザイナーの方も含めて、ぜひ参考にしてみてください！ 【 Bravo Stuido 】 ■「Bravo Studio」の使い方 それでは「Bravo Studio」をどのように使えばよいのかについて見ていきましょう！ まずはトップページの【Sign up】ボタンから無料のユーザー登録を済ませておきま
サイトの HTTP3 化と DNS HTTPS RR および Alt-Svc Header によるアドバタイズ | blog.jxck.io
Intro 本サイトを HTTP3 対応し、Alt-Svc ヘッダおよび DNS HTTPS Resource Record によってそれをアドバタイズする構成を適用した。 色々ハマったので作業のログを記す。 HTTP3 on h2o Fastly の数々の発表からも h2o が HTTP3 に対応していることは自明だが、その設定方法がドキュメントに記載されておらず、なかなか設定方法がわからずにいた。先日、たまたま当該 issue の中で、設定ファイルサンプルの中にコメントアウトされたフラグがあることを教えてもらい、これをたよりに HTTP3 化を進めることができた。 したがって、ここから記す内容はドキュメントやリリースノートの内容ではないため、将来的に全然違う方法になるかもしれない点には注意が必要だ。なお、最近はリリース自体がないため master をビルドしてデプロイしている。 h2o
Microsoftが、誰が何を話したのかリアルタイムで文字化して記録してくれる、無料の文字起こしアプリ「Group Transcribe」を公開していたので、実際に使ってみました。 「Group Transcribe」をApp Storeで https://apps.apple.com/jp/app/group-transcribe/id1527145885 iOS端末でApp Storeにアクセスして「Group Transcribe」を入手します。 インストールするとアプリの説明画面が4枚表示されます。「次へ」をタップするか、右へスワイプして進めていきます。 最後の説明画面で「始めましょう。」をタップ。 利用規約が表示されるので「承認」をタップ。 表示名と言語を入力します。 言語はプルダウン式メニューになっていて、かなり多数の言語が用意されています。ここで設定された言語をベースに文字起
Blender 4.0 入門｜npaka
「Blender 4.0」のはじめ方についてまとめました。 1. Blenderのセットアップ「Blender」のセットアップ手順は、次のとおりです。 (1) BlenderのサイトからBlenderをダウンロードしてインストール。 (2) メニュー「Edit → Preferences → Interface」で「Language」を「Japanese」に設定。 2. 画面構成2-1. 画面構成画面構成は、次のとおりです。 ・トップメニュー : トップのメニュー ・ヘッダー : メニュー、ツール、エリアの設定、オブジェクトの表示方法 ・ツールバー : オブジェクトの編集 ・ボックス選択 ・カーソル ・移動 ・回転 ・スケール ・トランスフォーム ・アノテート ・メジャー ・立方体を追加 ・ギズモ : 3D空間の軸の設定 ・ギズモ下のツールバー : 3D空間の軸の設定 ・ビューのズームイン
Mirrativ の Android アプリで使っているライブラリを紹介する！ - Mirrativ Tech Blog
こんにちは、Androidエンジニアのもりぞーです。今回は Mirrativ の Android アプリで使っているライブラリをご紹介します。 こちらの記事のAndroid版になります！ tech.mirrativ.stream ライブラリ一覧 Google開発ライブラリ 公式ライブラリでありAndroid開発のスタンダードになっているので、Googleが提供しているライブラリは必要に応じて積極的に使うようにしています。 Android Jetpack Mirrativでは現状以下のライブラリを使っています。 "androidx.appcompat:appcompat" "androidx.annotation:annotation" "androidx.browser:browser" "androidx.cardview:cardview" "androidx.constraintla
はじめにいつもお世話になっている方も、初めましての方も、この記事を見ようとしてくださり、ありがとうございます。 今回、完全専門外の素人エンジニアが、アプリ開発をして月100万円の不労所得を稼ぐ、という自分の中の一つの目標を達成することができたので、そのロードマップを全て隠すことなくお伝えしていこうと思います。 私は、「IsTalk - トーク分析」というアプリの開発をやっておりまして、X（旧Twitter）で「けい@生成AI×アプリ開発」と言う名前でやらせていただいております。 アプリのアイコン 恋愛の分析をテーマにしたデザインにIsTalkを開発してから、3年が経ち、iOSとAndroid合計で35万ダウンロードを達成しました。（2024年4月16日現在） Androidの情報iOSの情報また、iOS無料アプリのユーティリティというカテゴリで日本ランキング1位を取ったことや、直近の1ヶ月
AdobeXDにGoogleスプレッドシートからテキスト情報を流し込むプラグインが便利すぎる | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGでWebディレクターをしているなべちゃんです。 Webサイトを制作する際に、クライアントや外部のライターさんにサイトに入れるテキストを依頼をする、というシーンは多いのではないでしょうか？ LIGでもまだテキストが確定していないときは「テキストテキスト……」「ダミーダミー……」と、領域を確保してクライアントやライターさんに依頼をしています。 今回はAdobeXDでワイヤーフレームやデザイン制作をしたあと、Googleスプレッドシートと連携し、Googleスプレッドシート上で書いたテキストがXDに流し込まれるという画期的なプラグインを紹介していきたいと思います！ 実はこのプラグインは、ちゃんれみさんが週に1回開催されているディレクターミーティングで紹介して、「神」「画期的だ」「もっと早くに知りたかった」と歓喜の声が上がっていました👏 私もこのプラグインを知ってからはかなりお
ストリーミングサイトをセルフホストしてYouTube・Twitter・Twitchなどにも配信できるオープンソースアプリ「Restreamer」を使ってみた
世の中にはYouTubeやTwitchなど多数の配信を行うためのサービスが存在しています。そうした配信サービスを誰でも運営できるようにするオープンソースソフトウェアが「Restreamer」です。自分でホストしているサイトで配信できるだけでなく、他の配信サービスへ再配信する機能もついている便利なソフトウェアとのことなので、実際に使って使用感を試してみました。 datarhei Restreamer - Restreamer https://docs.datarhei.com/restreamer/ datarhei/restreamer: The Restreamer is a complete streaming server solution for self-hosting. It has a visually appealing user interface and no ongo
ブラウザのChromeにはバージョン83からタブのグループ化機能がついていますが、この機能を使うには、それぞれのタブで右クリックメニューから「タブをグループに追加」を実行するか、タブをドラッグ＆ドロップしてまとめる操作が必要となります。そんなタブのグループ化をURLに応じて自動で管理してくれるGoogle Chrome向けの拡張機能「Acid Tabs」が無償配布されています。 GitHub - jdhayford/acid-tabs-extension: Chrome extension for auto-grouping tabs by URL patterns https://github.com/jdhayford/acid-tabs-extension Acid Tabs - Chrome ウェブストア https://chrome.google.com/webstore/det
NotionでPWAアプリの開発を実現するノーコードツール「NotionApps」の使い方！ - paiza times
今回はNotionのデータベースを活用して、PWAにも対応したWebアプリ開発ができるノーコードツールをご紹介します！ このサービスはNotionデータベースの情報を取得したり、更新・追加などがアプリ側から簡単にできるのがポイントです。ノーコードでさまざまなロジックも構築でき、自分がイメージしたアプリを素早くカタチにできます。 面倒なサーバーの準備も不要なため、誰でも簡単にアプリを開発して公開できます。ご興味ある方はぜひ参考にしてください。 【 NotionApps 】 「NotionApps」の使い方！ まずはサイトの上部にある【Create your app】ボタンをクリックして、無料のユーザー登録を済ませておきましょう。 メールアドレスとパスワードを入力したら【Sign up】ボタンをクリックします。 以下のようなダッシュボード画面が表示されたら準備完了です！ 「NotionApps
GitHub を使って個人用のタスク管理を開始して数週間がたったので現時点で落ち着いたやり方についてメモっておこうと思います。 注意事項として、クラウドに置いたらダメって言われてる情報は乗せないように注意してね。プライベートリポジトリだと他人には基本見えないけど、そもそも会社のルール的にダメになってるところもあるので、そこらへんは個々人で気を付けてください。 元々は Azure DevOps の Boards 使って管理していたのですが、GitHub の Issues とか Projects とかちゃんと使ったことなかったなと思い、とりあえず失敗しても一番痛くない個人タスク管理を GitHub の方にうつしてみました。 下準備 GitHub のリポジトリを作ります。そして以下のような感じでプロジェクトとマイルストーンとラベルを作ります。 マイルストーン 以下のような感じで 1 月単位で作り
Chrome・Firefox・Edgeでユーザースクリプトを動かすことができクラウドで同期もできる拡張機能「Violentmonkey」を使ってみた
各ユーザーが公開する便利な機能をブラウザに導入できる仕組みが「ユーザースクリプト」です。「Violentmonkey」はユーザースクリプトをChrome、Firefox、Edgeの各ブラウザに導入し、クラウド同期まで可能な拡張機能とのことなので、実際に使ってみました。 Violentmonkey https://violentmonkey.github.io/ まずはViolentmonkeyをブラウザにインストールするところから。公式サイトの「GET STARTED」をクリック。 遷移先の「Stable Release」に各ブラウザ向けのリンク一覧があります。今回はChrome版のViolentmonkeyを使うため、「Chrome Web Store」をクリック。 Chromeに追加をクリック。 ポップアップが表示されるので、「拡張機能を追加」をクリック。これでインストールが完了です。
【完全版】Clineとは何かを徹底解説します
この記事で紹介する「Cline」は、同様のAI支援ツールの中でも、VSCodeの拡張機能として提供されるオープンソースのAIエージェントです。 AIのコード自動生成のみならず、自動的にターミナルを操作して依存パッケージをインストールしたり、エラーが出ればログを解析して修正案を提案・実行するなど、まるで“AIが開発を進めていく”ようなユーザー体験をもたらし話題です。 Clineの他にもWindsurfエディタやCursorエディタも同様の機能を提供しており、コレが今のAI駆動開発というバズワードにも繋がっています。 しかし、Clineはユーザーエクスペリエンスの緻密さや、複雑なコンテキスト認識の部分では、CursorやWindsurf、と見劣りする面も否めません。したがって実際には、CursorやWindsurfが使える環境であればそちらをメインにしつつ、Clineを補助的に利用するというの
空き巣対策からペットや赤ちゃんの見守りまで、出先で現地の様子を確認できるネットワークカメラの人気が高まっています。横浜に本拠地を置くアトムテックが開発したネットワークカメラ「ATOM Cam 2」は、2980円という安価な価格設定ながら、防水・暗視カメラ・動体検知といった便利機能が詰め込まれているとのこと。実際に「ATOM Cam 2」を使って安価な小型カメラの性能を確かめてみました。 ATOM Cam 2 (アトムカム ツー) - 完全防水・防塵＋カラーナイトビジョン | ATOMシリーズ | ATOM Tech（アトムテック） https://www.atomtech.co.jp/series/atomcam2/ ・目次 ◆開封 ◆設置方法 ◆初期設定 ◆基本機能 ◆動体検知の設定 ◆カラーナイトビジョン ◆その他の機能 ◆まとめ ◆開封 「ATOM Cam 2」のパッケージはこんな感
どうも、まさとらん（@0310lan）です！ 今回は、誰でも簡単に独自APIの開発から一般公開までを完結できる無料のWebサービスをご紹介します。 ビジュアルエディタを採用した構築方法なので直感的に理解しやすく、そのまますぐに公開まで可能なのが特徴です。APIを利用したWeb開発やJamstackなどにご興味ある方はぜひ参考にしてみてください！ 【 Canonic 】 ■「Canonic」の使い方 それでは、「Canonic」をどのように使えばいいのかを詳しく見ていきましょう！ まずはサイトのトップページから【Signup】ボタンをクリックして無料のユーザー登録をしておきます。 GoogleやFacebookのアカウントから簡単に登録ができるようになっていますが、今回はGitHubのアカウントを利用して登録します。 初回のみ、GitHubアカウントとの連携画面が表示されるので認証しておきま
Github Pagesで職務経歴書を作ってみた
はじめに 職務経歴書を使用する機会はそれほど多くありませんが、いざ必要になって作成しようとすると、さまざまな手間がかかります。自分の経歴を振り返り、情報を整理し、記載し、修正して完成させる必要があるためです。また、これは社会人生活が終わるまで継続的に続けていかなければならない作業でもあります。 まさに長期的なプロジェクトといえるでしょう。そこで、これまで培ってきたITエンジニアとしての経験を活かし、職務経歴書の管理方法について検討した結果、「Githubで職務経歴書を管理し、Webで公開する」という方法にたどり着きました。 職務経歴書を公開しておくことで、「職務経歴書をください」と依頼された際にリンクを送るだけで対応できるので非常に便利です（PDFが求められた場合はPDF化して渡せば問題ないと思います）。 当初はGithubの公開リポジトリのREADMEに職務経歴書を記載していましたが、情
レポート 「シングルマルチモニター」でプログラマーやデザイナーも作業効率倍増！5Kウルトラワイドモニターの活用術 5Kウルトラワイドモニターは、その高解像度と曲面ディスプレイにより、PCでの作業効率を劇的に向上させる可能性を秘めています。本稿ではこのウルトラワイドモニターを「シングルマルチモニター」構成で使い、Visual StudioとVS Codeを並べてコーディングしつつ、ブラウザーでリファレンスを確認したり、多くのツールパネルを開いたIllustratorと資料を同時に表示したりと、作業環境を最適化する方法を紹介します。 はじめに みなさんは、現在のモニター環境に満足しているでしょうか。筆者はモニターのサイズや解像度が作業効率や生産性に大きな影響を与える重要な要素であると考えています。マルチモニターや高解像度のモニターを使用することで、ウィンドウの切り替え回数が減り、作業の流れが途
はじめに おうちハック関連の久しぶりの記事です。以前は自前で声や時計、スマホで操作できる家のシステムを作っていたのですが、スマートスピーカの登場以後そのシステムが置き換わっていき、今は完全に Google Home プラットフォーム上に乗っかる形で生活しています。その変遷や考えていること、今行っていることをまとめたくなり、今回記事を書いてみました。 当時の活動 2012 ～ 2015 年辺りまで未来のお部屋というタグでガジェットやサービスを連携させて生活を便利にしよう活動の記事を書いていました。おそらく当時の感じを一番説明できている記事はこちらです： tips.hecomi.com 2014 年当時のシステムとしては、音声認識と音声合成で返答する仕組みを作り、そこに WiFi 経由のガジェット操作、ZigBee 経由のリモコン、iRemocon を使った赤外線による家電操作、IFTTT を
あらゆるアプリやウェブサイトのOpenAPI仕様を自動生成してくれるChrome向け拡張機能「OpenAPI DevTools」を使ってみた
ウェブ上の通信で利用されるAPIのうち、OpenAPIを使用して記述されているAPIを検知して自動でOpenAPI形式の仕様を作成してくれるツールが「OpenAPI DevTools」です。Chrome向けの拡張機能としてリリースされており、簡単に使えるとのことなので実際に使って試してみました。 AndrewWalsh/openapi-devtools: Effortlessly discover API behaviour with a Chrome extension that automatically generates OpenAPI specifications in real time for any app or website https://github.com/AndrewWalsh/openapi-devtools GitHubのリポジトリにアクセスし、「Downl
誰の声でも簡単・リアルタイムで女声・男声・ささやき声などへ自由自在に変換できる「Voidol3」のSYNTHモードを使ってみたよレビュー
AI技術を応用したソフトを開発するクリムゾンテクノロジーから、AIリアルタイムボイスチェンジャー「Voidol3」が2023年9月8日に登場しました。Voidol3はシンセサイジングによる超高速声質変換エンジンによるボイスチェンジャー「SYNTHモード」と、自身の声を特定のキャラクターの声に変換するAIリアルタイム声質変換が可能な「AIモード」を搭載し、さらにその両方を連結したリアルタイムの声質変換も可能だとのこと。まずはVoidol3のSYNTHモードによるボイスチェンジャーを試してみました。 Voidol3 ｜ 変幻自在の声質変換 | クリムゾンテクノロジー株式会社 https://crimsontech.jp/apps/voidol3/ 今回Voidol3を使うにあたって、オーディオインターフェースとしてコンデンサーマイクのMPM-1000とヤマハ・AG-03をPCに接続して使用しま
気になった格安SIM1年間無料に申し込んでみた話。～1日目楽天モバイルUN-LIMIT使用レポート～ 2台持ちに最適 - ITエンジニアの独り言
申し込んだ楽天モバイルUN-LIMITのSIM宅急便で到着しました。 中一日ですね。 早速、開封の儀。 SIMカードとスタートガイドが入っています。 SIM登場。 以前UQモバイルで使っていたスマホにSIMカード挿入 APN設定 スタートガイドには画面の指示に従うだけで、自動的に設定してくれると 書いてますが、設定画面出ませんね。 おそらくスタートガイドに書いてあるのは、本体も同時に買った人への説明で、 SIMだけ契約した人は、そんな至れり尽くせりのソフトはいってないんでしょうね。 自分でやれ！と。 さらにスタートガイドにはAPNの設定値が一切書かれていない。 そう言われるとエンジニアの血が騒ぐ、、、やってやろうじゃないかと。 -------------------------------- 余談 以前、auショップにスマホ本体持ち込みでAPN設定聞いたらショップ総出で格闘して、1時間。
Amazon Fire HD 8を絶対に買って良かったと思える神カスタマイズ！実は出来ちゃうあんな事やこんな事。
Amazon Fire HD 8を絶対に買って良かったと思える神カスタマイズ！実は出来ちゃうあんな事やこんな事。 CPUの速度が1.5倍に向上し、メモリも1.5GBから2GBへ。さらにストレージの基本容量も16GBから32GBに増量された『Fire HD 8』。ここまで性能を大きくアップグレードされると、『Amazonプライム』以外にも色々と試してみたくなってしまいます。 まず真っ先に行いたいのが、『Fire HD 8』の『Android化』です。これはあくまで非公式なので自己責任にはなりますが、難易度はかなり低め。Android化する事により『Playストア』が使えるようになるので、拡張性が何十倍にも向上します。『Fire HD 8』に搭載されている『Fire OS』のベースとなっているのは『Android』なので、あくまでそこに『Playストアを追加する』といったイメージです。慣れてし
2020年6月17日～7月17日にかけて、ITに携わる全てのエンジニアを対象にしたMicrosoft主催の大規模Techカンファレンス「de:code」が開催されました。セッション「Azure Bot Services を使って Teams bot を開発する」では、マイクロソフト コーポレーション クラウド アドボケートの千代田まどか（ちょまど）氏が登壇し、Azure Bot ServicesでTeams botを開発するための詳細な手順を3つのステップに分けて解説しました。 Azure Bot ServicesでTeams botを開発千代田まどか氏：みなさま、こんにちは。Microsoftの千代田まどかです。Twitterはちょまどです。今日は「Azure Bot Servicesを使ってTeams botを開発する」というセッションを行います。 実はみなさまにお伝えしたいことがあり
米Googleは10月10日（現地時間）、パスワード不要のサインイン機能「パスキー（passkey）」を、Googleアカウントのデフォルト（初期設定）オプションに設定すると発表した。アカウントにサインインしようとすると、パスキーの作成を求めるプロンプトが表示されるようになる。 パスキーはパスワードより安全ではあるが、「新技術が普及するには時間がかかることが分かっているため」、ユーザーにはパスワードを引き続き使い続けるオプションも提供する。設定画面で「可能な場合はパスワードをスキップする」をオフにすれば、パスキーをオプトアウトできる。 パスキーは、Googleが昨年5月に米Appleと米Microsoftとともに発表したFIDO Allianceの「マルチデバイス対応FIDO認証資格情報」の通称。業界標準のAPIとプロトコルに基づく公開鍵暗号化を使い、面倒なログイン名とパスワードの入力を省
こんにちは、セキュリティチームでソフトウェアエンジニアをしてる@sota1235です。 明けましておめでとうございます！本年も10X Product Blogを何卒よろしくお願いします。 さて、今回はセキュリティチームで今年の6月ごろから取り組んできたGitHub Dependabot Alertの削減についてお話しします。 サマリーとしては以下です。 今年の6月頃から取り組みを開始 初期はセキュリティチームで毎日トリアージ、泥臭くAlertの対応を行う 主要なRepositoryのAlertは一通り解消、一部は担当チームへの移譲等を行い継続的に維持できる状態へ 結果として半年間で500件弱のAlertをcloseし、残ってるAlertも対応方針が全て確定した状態になりました。 この数が多いか少ないかはソースコードの規模感にも依存するので言及しませんが、この記事では小さいリソースで取り組み
ラズパイ(Raspberry Pi 4)にAndroid11を簡単導入できる「OmniROM」を試してみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、ラズパイ(Raspberry Pi 4)にAndroid 11を簡単に導入して試せる、話題のカスタムROMをご紹介します！ 難しい設定などは一切不要で、AndroidベースのカスタムROMをダウンロードしてmicroSDカードに書き込むだけで誰でも手軽に試せるのが特徴です。今回は以下の3ステップで導入していくのでぜひ参考にしてみてください。 【ステップ１】カスタムROMをダウンロードする 【ステップ２】microSDカードに書き込む 【ステップ３】ラズパイでAndroid11を起動する なお、カスタムROMはすべて自己責任のうえで利用するOSなので、扱いには十分注意しながら試すようにしましょう。 ※今回利用するラズパイは「Raspberry Pi 4 8GBモデル」ですが、4GBモデルでも同様に利用できます。 ■【ステップ１】カスタムR
開発の流れとして、デザイン決定後にデザイン（Figma）が開発部隊に渡ってくることは多いと思います。 開発着手前にデザインについて確認しておいた方が良いことの備忘です。 サンプル画像はWebで作っていますが、内容としてはWebに限らず、iOS/Android Nativeなアプリも対象としています。 また、記載順をどうしようか迷ったのですが、特に体系だった説明もできないので思いついた順で書いています。 アイコン/画像について 画像の形式を確認しましょう 画像の形式はベクター画像（SVG）なのか、ラスター画像（PNGなど）か確認します。 アイコン系は基本的にベクターだと思いますので、SVGでExportできない場合はデザイン提供元に確認しましょう。 ラスター画像は要件上こだわりがなければ、開発側でWebP/JPEG/PNGなどの特性や稼働環境を鑑みて決定するで問題ないと思います。 スマホでは
非インフラエンジニアがPrometheusとGrafanaで簡単サーバモニタリング - RAKUS Developers Blog | ラクス エンジニアブログ
概要 Prometheus未経験の非インフラエンジニアが、Grafanaでサーバモニタリングができるようになるまでの 軌跡を記録します。 とりあえず、モニタリングができることが目標なので運用面の考慮等はしていませんが、参考になれば幸 いです。 概要 きっかけ Prometheusとは Grafanaとは 今回構築する環境の構成 ①prometheus server ②exporter ③Grafana インストール 前提条件 ②exporterのインストール （１）ソースをダウンロード （２）ダウンロードしたソースを解凍する （３）node_exporterを起動する （４）node_exporterの起動確認 ①prometheus serverのインストール （１）ソースをダウンロード （２）ダウンロードしたソースを解凍する （３）Prometheusの設定ファイルを編集する （４）p
Windows 10の「ゲームバー」で画面を動画キャプチャする アプリの操作手順などを動画でキャプチャしたい場合は、Windows 10に標準搭載されている「ゲームバー」を利用するのが手軽です。この記事ではゲームバーの起動から使い方まで、説明していきます。Windows 11でも同じ方法で画面録画が可能です。ゲームバーはその名の通り、ゲームプレイを録画するのが主な使い方ですが、ビジネス用途にも問題なく使えるキャプチャツールです。 ゲームバーはアプリの動作を録画できるので、Excelなどアプリの使い方を説明するための動画作りにも便利です。録画データはPowerPointのプレゼンテーションに挿入することも可能です 以下、検証にはWindows 10 バージョン20H2（October 2020 Update）を使用しています。 「ゲームバー」の使い方、起動は「Win」+「G」キー まず録画し
私が、タスク管理から時間管理に切り替えた理由
モノゴトを進めるには、タスク管理と時間管理、大きくわけて2つの方法がある。 タスク管理は、順番に作業を進めていく方法。To Doリストをイメージするとわかりやすい。 一方の時間管理は、設定時間内に作業をする方法で、学校の授業と同じだ。 たとえば晩ご飯を作るにしても、「今日はハンバーグにしよう！」と決め、まず玉ねぎとニンニクをみじん切り、そのあとひき肉をコネて、焼いているあいだにソースを……と順番に作業をこなしていくのが、タスク管理。 時間管理だと、「19時に食事だから、18時から料理を作り始めよう」と時間基準で献立を考え、1時間のあいだで作れるものを作っていく。こんな感じ。 最近なにかにつけ、「時間管理よりタスク管理がいい」と言われがちだ。 時間管理にするとダラダラとサボるけど、タスク管理なら効率よく働くし、結果を出した人が報われる、というように。 でも、本当にそうだろうか。 タスク管理っ
X（旧Twitter）のiOS版に10月26日（日本時間）、音声／ビデオ通話機能が加わった。発信は有料の「X Premium」ユーザーのみだが、受信は全ユーザーが可能。初期設定では全ユーザーで、フォロー相手からの着信がオンになっている。 Xのオーナー・イーロン・マスク氏が8月に実装を予告していたもの。マスク氏はXにあらゆる機能を実装する「スーパーアプリ化」を企図している。 X Premiumユーザーは、ダイレクトメッセージ画面に電話アイコンを表示。タップして音声通話かビデオ通話を選んで発信できる。 デフォルトでは全ユーザーが、フォローしているアカウントの着信を受けられる。アドレス帳へのアクセスを事前に許可している場合は、アドレス帳登録アカウントからの着信も受け付ける。 機能を利用したくない場合は、設定画面からオフにできる。ダイレクトメッセージ画面の右上の歯車または、「設定とプライバシー」→
近頃よく見聞きする「itch.io」って何？ プレイヤーだけでなく，クリエイターたちにも開かれたサイトの歩き方 ライター：june インディーゲームはここ数年，目覚ましい盛り上がりを見せており，大手パブリッシャのタイトルに勝るとも劣らないクオリティのものが次々にリリースされている。 だがその一方で，小粒でも突飛だったり挑戦的だったりで尖りまくった，かつての「インディーゲームらしさ」が薄まっていると感じている人もいるのではないだろうか。 そんな知る人ぞ知るゲームと出会いたくなったときは，ひと味違ったゲームの投稿・販売マーケット，itch.io（外部リンク）を訪ねてみるといいかもしれない。 itch.ioは，サンフランシスコ在住のLeaf Corcoran（リーフ・コーコラン）氏によって2013年に起ち上げられた，ゲームを中心としたデジタルコンテンツを取り扱うアメリカのオープンマーケットプレイ
2023年8月13日追記 現在、Twitterアーカイブの取り込み機能は、超応援ユーザーのみとしております。ご了承ください。 超応援ユーザーは、ファンティア・Ko-fiにて月100円以上の支援、またはLiberapayにて週1円以上の継続支援（自動支払い）をしていただいている方が対象となります。 いつも応援ありがとうございます。 notestock( https://notestock.osa-p.net )に機能追加を行ったのでお知らせです。 Fediverse関連の機能ではないのですが、SNSとして以前Twitterを使っていた（過去形）ような方だと、 「昔どこかで投稿した覚えがあるけど、notestockで検索しても出てこなかった。 よく思い出したらTwitterだった。」 というようなことがあるかもしれません。 「notestockでTwitterの投稿もグループ登録してあったら、
Wiki.jsはNode.jsベースのWikiシステムです。モダンな作りとスタイリッシュなデザインで、「とりあえずWikiだけあれば良い」という用途には最善な選択肢のひとつでしょう。今回はそんなWiki.jsをUbuntuにデプロイしてみます。 あなたのWikiはどこから？ 一般的に「Wiki（ウィキ）」と言えば「Wikipedia」を暗黙的に意味することが多い昨今の状況ですが、本連載の読者ならおそらく誰でもご存知のように、現在ではウィキソフトウェアで動いている、ウェブブラウザーで複数のユーザーが共同で編集可能なコンテンツ管理システムの総称です。 生のHTMLを書くのに疲れた人にとって、Wikiの「人に優しいマークアップ言語[1]」は魅力的に映り、現在では非常に多くの環境で様々なWikiが活用されています。その最も成功した例が、Wikipediaを支えているMediaWikiでしょ
ULPを活用した電池駆動ESP32雨センサシステムを作る - The Negligible Lab
はじめに 明けましておめでとうございます🐇 とうとう昨年（2022年）の記事がただの1件から増えることがないまま2023年を迎えてしまいました。令和も何ともう5年です。さらにはもう2月ですね。 さて，新型コロナウイルスの流行が始まってから，筆者はほぼ在宅勤務となっています。その仕事机はちょうどバルコニー*1に通じる窓の直近に位置しています。このバルコニーには洗濯物も干しているのですが，雨が降り始めてもすぐ近くに座っている筆者がそれに気付かず，洗濯物を濡らしてしまうことが多々ありました。雨滴を検知して雨の降り始めをお知らせしてくれるシステムがあれば…いや，自分で作るのだ…！ そこで，雨が降り始めたらLINEに通知を送ってくれる雨センサシステムを製作します。 まずは図1，2に完成形を示します。 図1: ESP32マイコンによる雨センサシステム 図2: “素”のESP32マイコンを搭載する基板
Bluetooth通信実装のセキュリティ観点を4ステップ + 1で理解する - Flatt Security Blog
Bluetoothは、米国Bluetooth SIG,Inc.の商標です。 イントロ BLE通信 概観 GATTプロファイル ペアリング 脆弱性 1: Characteristicの権限指定ミスによる平文通信 観点: GATT Characteristicと属性 対策: characteristicへの暗号化必須属性の付与 脆弱性 2. Legacy Pairingにおける暗号化された通信のブルートフォース LE Legacy Pairingにおける鍵生成と鍵交換 TKの生成 random値の生成 STK/LTKの生成 観点: ペアリングフローの盗聴による経路復号 既成ツールを用いたTKの総当りと通信の復号実践 対策: Legacy vs Secure Connection 脆弱性 3. Secure ConnectionのJust Worksにおけるperipheralのspoofing
ANDPADフロントエンドエンジニアの小泉です。 昨年の夏頃、担当したプロダクトで新規リポジトリでの開発を立ち上げる機会があり、Nuxt 3 を用いて構築を行いました。 アップデートではなく新規で Nuxt 3 サイトを構築するのは業務としては初めての経験だったのですが、Vue 3・Nuxt 3 の様々な機能によって、型安全な状態を保ったまま快適な開発を進められ、かつ3ページの全体実装を約7営業日で形にすることができました。 この記事では、「いま新規サービスのゼロからの立ち上げにNuxt 3を選択するとどんな嬉しいポイントがあるのか」という実例をご紹介できればと思います。 担当したプロダクトについて ANDPAD資料承認 | 製品のご紹介 2023年10月にリリースされた「ANDPAD資料承認」という、資料の申請・承認を一元管理する機能のフロントエンド開発を担当しました。 ただし、紹介サイ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleタグマネージャが同意の設定に対応 | アユダンテ株式会社
ひとり体制から始める Android アプリ開発 - Giftmall Inside Blog
無料で自動文字起こししてくれるMicrosoft製アプリ「Group Transcribe」を使ってみた
素人アプリ開発者が、ランキング1位を獲得し月100万円の不労所得を得るまで（完全解説）｜keitaaan
大量に開いたタブをURLに応じて自動的にグループ化してくれるChrome向け拡張機能「Acid Tabs」レビュー
GitHub を使って個人タスク管理 - Qiita
3000円以下でゲットできる小型防水監視カメラ「ATOM Cam 2」は高画質＆低遅延でコスパ抜群でした
誰でもノーコードで独自のWeb APIを開発＆公開できる「Canonic」を使ってみた！ -
「シングルマルチモニター」でプログラマーやデザイナーも作業効率倍増！5Kウルトラワイドモニターの活用術
5 年前のおうちハックと今を比較してみた - 凹みTips
ちょまど氏が解説する、Azure Bot ServicesでTeams botを開発するための3ステップ | ログミーBusiness
Google、「パスキー」を個人ユーザーのデフォルトに
GitHub Dependabot Alertを愚直に潰し込んだ話 - 10X Product Blog
エンジニアがデザインについて確認した方が良いこと - Qiita
Windows 10で画面録画する方法、標準搭載の「ゲームバー」で可能
Xの通話機能スタート 初期設定は「着信OK」、日本のユーザーには不評？
近頃よく見聞きする「itch.io」って何？ プレイヤーだけでなく，クリエイターたちにも開かれたサイトの歩き方
notestock機能追加（Twitterアーカイブの取り込み機能）
第704回 高機能でMarkdownや作図もサポートするWiki.js | gihyo.jp
新規プロダクトの開発に Nuxt 3 を採用して良かったこと - ANDPAD Tech Blog