Mac やめて Linux PC を自作した - IT戦記
みなさまお元気ですか 暑さも少し落ち着いてきて、ようやく外に出てもいいかなという気になってきました。季節の変わり目体調には気をつけていきたいですね。 実は、一ヶ月くらい前に Linux PC を自作して Mac から移行しました。そのときの考え、その後の感想を残しておきます。 また、学んだことや作業のログを細かく残しておきたいと思います。（どこかの誰かが不安に思ったときに同じ失敗や疑問を経験した人がいて安心してもらえたら嬉しい） Ubuntu のインストール画面 (ベストオープンソースと開発しよう！) 目次 Mac をやめるきっかけ、経緯 Ubuntu に移行して一ヶ月の感想 おまけ1: どのような PC になったか おまけ2: 事前に学んだこと おまけ3: PC の組み立て おまけ4: Ubuntu のセットアップ 加筆/修正 指摘のあった誤字を修正 NVEnc について誤った内容があっ
フロントエンド開発に役立つ Datadog 活用法 - LegalOn Technologies Engineering Blog
はじめに 本記事では、Datadog の設定方法を解説しながら、どのようにフロントエンド開発に活用できるかを話していきます。Datadog とは SaaS 型で提供されている監視サービスです。システムやアプリケーションの監視ができ、収集したログを分析するのに役立つ機能をたくさん提供しています。 こんにちは、株式会社LegalOn Technologiesで Software Engineer（Frontend）をしている山越 ( @yukishinonomeIT ) です。弊社では2024年4月に『LegalOn Cloud』というプロダクトを提供開始しました。Datadog は既存のプロダクトでも使っていたので、この新しいプロダクトでも活用することになりました。そこで、『LegalOn Cloud』における Datadog の運用を担当することになったので、実際にどのような活用をしている
UUIDとULIDを理解していない方は見た方がいい記事
Auto increment（自動採番）型を採用したくない場合 Auto Incrementは、データベースにおいて自動的に一意の識別子を生成するメカニズムです。通常、数値型の列が対象となり、新しいレコードが挿入されるたびにその列の値が自動的にインクリメントされます。典型的なIDですかね。 ここでは一意性の確保の話や、データ移行やバックアップのデメリットには言及せず、セキュリティとプライバシーの懸念にフォーカスして考えます。 予測可能性 Auto Increment型のIDは連番であるため、次に生成されるIDが容易に予測可能です。これにより、攻撃者がシステムの内部構造を推測し、不正アクセスを試みるリスクが高まります。 情報漏洩のリスク 連番のIDはデータベースの挿入順序を反映しているため、公開されることで企業の活動パターンやデータ生成の頻度が漏洩する可能性があります。 例） 競合他社は、公
エンジニアのモチベーションが上がる目標設定・評価｜Daisuke Ando / Skillnote
はじめにSkillnoteVPoEの安藤です。 今回はEMであれば誰しもが悩み、苦労（工夫）している目標設定・評価について書きたいと思います。 きっかけは#1の頃から参加している「EMゆるミートアップ」で、3月1日開催の#6のテーマがそのものズバリの「目標設定・評価」だったことです。 EMゆるミートアップそもそもエンジニアリングマネージャーという職務は最近になって出てきたもので、ITという比較的新しい業界の中でもさらに新しい役割、と言えるかと思います。（オライリーの書籍も日本での初版が2022年と相当に新しいことが分かります） SaaSプロダクトが隆盛な中、エンジニアチームが継続的にハイパフォーマンスを発揮するため、また事業KPIに対して直線的に貢献できるようにしていくため、プロダクトマネージャーやエンジニアリングマネージャーといった役割の重要性が昨今非常に増してきている、ということと思い
Tailwind CSS実践入門
2024年1月26日紙版発売 2024年1月26日電子版発売 工藤智祥 著 B5変形判／384ページ 定価3,740円（本体3,400円＋税10%） ISBN 978-4-297-13943-8 Gihyo Direct Amazon 楽天ブックス ヨドバシ.com 電子版 Gihyo Digital Publishing Amazon Kindle ブックライブ 楽天kobo honto この本の概要 本書はTailwind CSSの実践的な入門書です。フロントエンドエンジニア，マークアップエンジニア，そしてデザインシステムの構築に興味があるデザイナーを対象に，Tailwind CSSの中核的な思想である「ユーティリティファースト」の理解へといざないます。Tailwind CSSの基本的な使い方や，デフォルトテーマによって提供されるクラスの紹介はもちろん，テーマのカスタマイズやプラグイン
CSS @scopeの基礎知識と使い方を解説、セレクタの適用範囲を設定できる
CSSのセレクタで深い階層の要素を記述するとき、たとえば.card > .content > img.heroのように長いセレクタになってしまうことがあります。 Chrome 118からサポートされたCSSの@scopeを使用すると、セレクタの適用範囲を設定できるので、簡単になります。上記のセレクタは、.card内のimgと記述できます。CSSの@scopeの基礎知識と使い方を紹介します。 Limit the reach of your selectors with the CSS @scope at-rule by Bramus! 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 CSSのセレクタを記述するきめ細やかな技術 CSSの@scopeとは :scope疑似クラスとは @scope
主にVSCodeではじめるPython開発環境構築ガイド | DevelopersIO
ファイル比較 VSCodeのエクスプローラで、ファイル２つを選択して右クリックメニューから「選択項目を比較」で比較することができます。 また右クリックで、「比較対象の選択」をした後に「選択項目を比較」でも比較することも可能です。 VSCodeのSnippetの使い方 VSCodeのSnippetも便利です。似たような構造のクラスを実装する場合などや、プロジェクト共通で使いがちな書き方というものをSnippetに登録して、効率化することができます。 また、変数を持たせておくこともできます。この場合、Snippetを呼び出した後に変数部分にカーソルがあたるので、そこで変数部分をタイピングできます。 詳細は以下のリンクをご覧ください。 Visual Studio Codeに定型文（スニペット）を登録する方法 VSCodeのUser Snippetを活用しよう！ また後述するSnippet Gen
SQLは口ほどにものを言うーRedashによるクエリ共有、監視、データ連携によるチーム効率化ー - LayerX エンジニアブログ
こんにちは。DX事業部の花村(@naomasabit)です。先日の投稿でユーザーの利用状況確認のためにAWSのQuickSightを利用していると書きましたが、並行して分析ツールのRedashも利用しています。Redashの良い点としてクエリベースでの分析、監視アクション、スプレッドシートとのデータ連携が存在します。 SaaSチームの運営において、これらを活用したユースケースについて伝えていきます。 アドホックな分析クエリの共有によるコミュニケーション効率化 監視アクション設定によりデータ不整合にすぐ気づける体制整備 複数チームからのデータソース連携によるヘルススコアダッシュボード作成 最後に - Redashと他の分析ダッシュボードツールの併用について アドホックな分析クエリの共有によるコミュニケーション効率化 Redashでは、まずクエリベースでアドホックな分析クエリの共有が可能です。
｢ChatGPTのiPhone/Android用アプリ｣のダウンロード先と使い方【7月28日更新】
｢ChatGPTのiPhone/Android用アプリ｣のダウンロード先と使い方【7月28日更新】2023.07.28 11:5028,473 かみやまたくみ 2023年5月26日、ChatGPTのiPhone用アプリが日本でも利用可能になりました。Android用も7月28日に公開に。iPhone（iOS）用はこちらから、Android用はこちらからダウンロードできます。 ・アプリ名：ChatGPT ・ダウンロード先：App Store, Google Play Store ・料金：基本無料、アプリ内課金（月額3,000円）アリ なお、これ以外のアプリはそれっぽく見えてもサードパーティ製です。ご注意ください。 ChatGPT公式アプリはどう始めるの？以下、使い方はiPhone用アプリで紹介しますダウンロード後、アプリを開きます。 ① ログイン画面が現れるので、任意のメールアドレスを登録ま
CloudFront + S3 の静的Webサイト構築に役立つ情報まとめ | DevelopersIO
この記事は アノテーション株式会社 AWS Technical Support Advent Calendar 2022 | Advent Calendar 2022 - Qiita 8日目の記事です。 はじめに アノテーション テクニカルサポートチームの Shimizu です。 CloudFront + S3 で構成した静的 Web サイトはサーバーレスで管理が楽なため、ご検討される方も多いでしょう。 一方で従来のWebサーバーの運用に慣れている方は少し戸惑うかもしれません。例えば慣れ親しんだ .htaccess ファイルが無いため「S3 でこの設定ってどうやるの？」という疑問にぶつかることもあると思います。 そこで本記事では、実際によくいただくお問い合わせを元に、CloudFront + S3 の Webサイト構築時に役立つ情報をまとめてみました！ S3 バケットへの直接アクセスを禁止
アプリケーション・エンジニア職位ガイドライン
2021/9/23プロジェクトリードにおける考察について取り入れた2021/10/11職種の人数が多い、アプリケーションエンジニアを対象として、まずは内容を詳細化してアップデート2021/12/10プロフェッショナルの年収を520~550万を520~570万に変更チーフプロフェッショナルの年収を550~600万を570~620万に変更マルチリードエンジニア、チーフテックリード、リード・アーキテクト、チーフマイスターエンジニアの年収上限を950万から1000万に変更アーキテクト、リードアーキテクトの職位ガイドラインの詳細（暫定）を追加2022/4/11リードエンジニアの年収レンジを650-700万についてを、650-720万に変更チーフリードエンジニアの年収レンジを超える700-800万から、720-800万に変更2023/3/13 プロフェッショナルのチームコラボレーション（主体性）に追加
トイレに置いたPASMO読み取ったら「うんこなう」とツイートする仕組み作った - Qiita
はじめに 夏休み中に、YouTubeで見かけた【夫が欲しいというがお金はかけたくないので】スマートロック手作りしてみた【家改造電子工作#2】 という動画に触発されて作りました。 実現したい内容 NFCの読み取りをトリガーとして、ツイートする機能です。 具体的にはトイレに置いたPASMOをスマホで読み取ると、「うんこなう」とツイートする仕組みを作成しました。 必要なもの Android端末 PASMO(NFCタグを使用するために） Trigger（アプリ） IFTTT（アプリ） システム概要 機能の概要を説明するために、簡単な図を作成しました。 仕組みはタイトル通りです。図を使用するまでもないですね。 手順 IFTTTの設定 IFTTTは、異なるソーシャルメディアやプラットフォームを連携させるWebサービスです。 引用元: IFTTT（イフト）とは？異なるプラットフォームを連携する便利ツール
個人でも手軽にオンライン決済のサブスクが導入できる「SELECTTYPE」レビュー、年払いから日払いまで幅広く対応＆課金タイミングや入会金の設定も自由自在
サブスクリプション(月額課金)サービスの提供は、支払う側の手間を省いて「支払い忘れからのサービス離れ」も防げるため、「継続的な収入が確保しやすい方法」として注目を集めています。「サブスク」と聞いて音楽や映画の配信サービスを思い浮かべる人も多いかもしれませんが、実際には習い事やセミナーの月謝、月または週ごとに回数が決まっている家事代行サービスや食材配達サービスの利用料金、トレーニングジムやコワーキングスペースの会員料金なども、「サブスク」と呼べるもの。このようなサブスクサービスの導入は、さまざまな業種やサービスでビジネスプランの幅をぐっと広げます。 無料＆簡単にオンライン予約システムを作成できる「SELECTTYPE」は、そんな考え方次第で幅広い業種に応用できるサブスクサービスを手軽に導入することができるサービスとなっています。予約システムを導入しなくてもサブスクサービス単体で利用できるとの
BRAVIAのREST APIを使ってテレビを操作してみた | DevelopersIO
はい、どーも！CX事業本部の吉田です。 今日 Twitterをいつものように見てたところ、以下のようなツイートが流れてきました。 BRAVIAはガッツリAPIあるな。いいこと聞いた。 "はじめに | BRAVIA Professional Display Knowledge Center" https://t.co/0ngvvFMIrM — moyashi (@hitoriblog) August 21, 2020 ちょっと見た感じ、法人向け製品のみに実装されてるのかな？と・・・ ちょうど我が家のテレビもBRAVIA(KJ-55X8550G)だったので、試しにそのIPを叩いてみると、nginxのレスポンスが返ってくるではありませんか。 多分REST APIで叩けそうだぞ！ということで試してみました。 前準備 まずはテレビ側を準備します。 テレビのホーム画面から設定に入ります。機種によってこ
はてなブログをGoogle AdSenseで収益化！審査から広告設置まで詳しく解説【公式！はてなブログでアフィリエイトのすすめ第3回】 - 週刊はてなブログ
はてなブログでは、2019年10月から個人営利利用が解禁*1になり、ブログでアフィリエイトができるようになりました。 そこで、はてなブログ編集部では、「公式！はてなブログでアフィリエイトのすすめ」と題し、はてなブログでのアフィリエイトに必要な前準備やルールを解説しています。 多種多様なアフィリエイト広告サービスがありますが、その中でもお問い合わせが多いのが「Google AdSense（Googleアドセンス）」についてです。 第3回となる今回は、はてなブログにおけるGoogle AdSenseの申請・設置方法について解説します！ そもそもGoogle AdSenseとは？ Google AdSense申請の前にはてなブログでの前準備 Google AdSenseに申請に必須の項目 プライバシーポリシーの設置 固定ページでプライバシーポリシーを作成する（はてなブログPro） サイドバーにプ
FINDERS
EVENT | 2018/07/06 給与は一律、賞与は山分け、評価がないのに働く会社 【連載】「遊ぶように働く〜管理職のいない組織の作りかた」(5) （写真）合宿でのワークショップの様子 倉貫義人 株式会社ソニックガーデン代表取締役 大手SIerにてプログラマ... 倉貫義人 株式会社ソニックガーデン代表取締役 大手SIerにてプログラマやマネージャとして経験を積んだのち、2011年に自ら立ち上げた社内ベンチャーのMBOを行い、株式会社ソニックガーデンを設立。ソフトウェア受託開発で、月額定額＆成果契約の顧問サービス提供する新しいビジネスモデル「納品のない受託開発」を展開。会社経営においても、全社員リモートワーク、本社オフィスの撤廃、管理のない会社経営など様々な先進的な取り組みを実践。著書に『「納品」をなくせばうまくいく』『リモートチームでうまくいく』など。「心はプログラマ、仕事は経営者」
【rails】S3でheroku上で画像保存しようとしたらエラー大量発生【Access denied】 - Qiita
Heroku上の投稿サイトで画像が表示されない 画像を投稿するとこんな感じになります。 文字列の羅列みたいになってますね・・・ 解決方法 ざっくりと解決方法と書きましたが、解決に至るまでにたくさんのエラーが出たため、以下にすべて記載してみました。 まずは、本番環境の保存先であるS3バケットの作成からでした。 AWS S3でバケットを作成する 参考にしたサイトRailsアプリをHerokuにデプロイ後、画像アップロードをAWS S3＋carriewaveで設定する方法 こちらのサイトがとてもわかりやすかったので、AWSでのS3のバケット作成などは、記載のとおりに進めました。 ↓carrierwave.rbファイルはこちら #carrierwave.rb require 'carrierwave/storage/abstract' require 'carrierwave/storage/fi
高木浩光＠自宅の日記 - 天動説設計から地動説設計へ：7payアプリのパスワードリマインダはなぜ壊れていたのか（序章）
■ 天動説設計から地動説設計へ：7payアプリのパスワードリマインダはなぜ壊れていたのか（序章） 7payの方式はなぜ許されないのか、なぜあんな設計になってしまったのか、どう設計するのが正しいのか、急ぎ書かなくてはいけないのだが、前置きが長くなっていつ完成するかも見えない。取り急ぎ以下のツイートでエッセンスを示しておいた*1が、すでにわかりかけている人達にしか刺さらなそうだ。 そもそもスマホアプリ の時代、もはやauthenticationですらないと思うのよね。（何を言ってるかわからねえだろうと思うが。） — Hiromitsu Takagi (@HiromitsuTakagi) July 8, 2019 同様のことは4年前にNISCのコラムに書いたが、消えてしまっているので、ひとまず、その原稿を以下に再掲しておく。 スマホ時代の「パスワード」のあり方を再考しよう 高木浩光 2015年2
GoogleスプレッドシートでAPIが作れる「SheetDB」
以前、GoogleスプレッドシートでAPIが作れる「Sheetson」を紹介しましたが、今回の「SheetDB」はGUIも整備され、パーミションの設定ができるなど何かと充実しています。 ◆ GoogleスプレッドシートでAPIが作れる「SheetDB」 https://sheetdb.io/ 紹介 GoogleスプレッドシートでRESTful APIが実装できます。 Sheetsonと同様、インストール不要でGoogle Driveなどにスプレッドシートを保存し利用します。 シンプルなCRUD処理もできるなど手軽にRESTful APIを実装できます。それでは、早速始めましょう。 セットアップ アカウント登録する 「CREATE FREE ACCOUNT」で、Google認証を済ませるとこちらのホーム画面が開きます。 「CREATE NEW」を押して、スプレッドシートを登録する画面を開きま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tsconfig.jsonの設定を見直そう！�フロントエンド向け 2024夏
