はてなブックマーク

概要 1月9日頃からX上で「神奈川県公立高等学校入学者選抜インターネット出願システム」でGoogleドメインのアドレスへのメール不着が発生し、受託会社の設定が問題視されました。 X上で設定方法が炎上しましたが、正直「〜が問題であって、〜したら良かった」という解決方法を説明できないので、私も批判を受けるレベルだなぁと思って、すぐに勉強しました。 この記事は、そのアウトプットですので、間違っている認識の箇所がありましたら、温かい目でお知らせください。 前提 この記事は、今回、問題になった設定箇所を取り上げています。 基本の範囲をはっきりと定義できませんが、基本的なメールサーバーの処理等は記載していません。 事例 1. MXレコードについて 神奈川県高校出願システムだけど、何気にMXレコードをみたらとんでもない設定ミスしてる。こんな基本的な事に気づかないなんてダメでしょ。 このツイートの指摘、何

はじめに この記事は、本番環境などでやらかしちゃった人 Advent Calendar 2023 の7日目です。 私はIT関連企業ではないサービス業の人間ですが、IT関連全般のことをやってます。 現在ノーコード開発としてはかなりメジャーな Bubble というプラットフォーム上でサービスを展開しているのですが、そこでのやらかしを共有したいとおもいます。 Bubbleとは Qiitaにはノーコードエンジニアはあんまりいなさそうなので説明します。 Bubbleは、プログラミング知識がなくても使えるノーコードプラットフォームです。ドラッグ＆ドロップでウェブアプリを作れるので、、技術がない人でも簡単にアプリ開発が可能です。このプラットフォームのいいところは、見た目のデザインからデータベースまで、全部自分で作れる点。プログラミングがわからなくても、条件分岐やデータ操作などの複雑なことができます。 B

AndroidXのリポジトリにあるサンプルとかを動かしたくなるときって時々ありますよね？(ない？) ちょっと動かなかったところをメモしておいて、あとでまた環境作るときに役立てようかと思いました。 基本的な手順は3ステップです repoをインストール initしてsyncする Android Studioを立ち上げる 基本はこの手順でうまく動きます。 1. repoをインストール repoは複数のgitリポジトリをいい感じにまとめて管理するコマンドです。(という認識) ここに書いてある手順で動きます。 https://android.googlesource.com/platform//frameworks/support/+/refs/heads/androidx-main/docs/onboarding.md#setup-linux-mac (repo syncなしでhttps://an

Qiita Nightの資料になります。　 ↑ 右下の拡大ボタンを押すと読みやすくなります。 https://increments.connpass.com/event/251564/ どうAndroidプロジェクトをセットアップするか？ takahiromという名前で活動しています。 Androidが好きです。 GDE for AndroidやDroidKaigi Co-organizerやCyberAgent Developers Expertなどの活動をしています。 初めてQiitaスライドを使いました。 初めてAndroidアプリを作りたいという方 Googleから公式のチュートリアルが提供されているので、最新のAndroidの開発について確認してみてください！一緒に開発していきましょう🙌 https://developer.android.com/courses/android

個人的に驚いたところを太字にしておきます。 AndroidのエンジニアなのでAndroidに関するものが多めです。専門領域外のものはかなり素人目線のただの感想が多いです。なにか大きな間違などがあればご指摘お願いします。修正いたします。 またまだ見ていきますが、一旦、 Keynote Developer Keynote What's new in Android What's new in Jetpack What's new in Development tool Lazy layouts in Compose Fragments: The good (non-deprecated) parts を見たメモを書いています。 まだまだ、ここに追加していく予定です。 セッション: Keynote 今までは2言語の比較を見ながら機械学習をしていたが、翻訳を見ずに学習ができるようになった。これによ

こちらは株式会社 POL テックカレンダー 2021 の 10 日目の記事です。 前回の記事はこちらで、某ジブリ作品の主人公と同じ名前だからという理由で「千」とあだ名をつけられてしまった（名前を奪われてしまった）牛木の全力ラズパイパッケージング記事でした。 こんにちは！ 株式会社 POL でエンジニアをしている山田です。 今日は AWS Glue を用いて Amazon Aurora MySQL から BigQuery にデータを Export する方法について紹介したいと思います。 概要 図にするまでもないかもですが、イメージ図としては以下のようになります。 図からも分かる通り、シンプルな構成になっています。 白実線が実際のデータの流れになっていますが、Cloud Storage に対する書き込み、Cloud Storage から BigQuery への読み込みは後で紹介する AWS G

実務でCSSをガッツリ書くことになったので、復習の意を込めて自分用のチートシートを作成しました。 今回は現場でよく使われているBEMの書き方について調べたことのまとめです。 BEMとは BEMはBlock Element Modifierの略で、CSSを設計･命名していく手法です。 Block： 大枠となる独立した要素 Element： Block中の要素 Modifier： BlockやElementのスタイル 保守性の高さから1番多く使われている命名規則だと思います。 BEMを使う目的 BEMは名前の衝突を避けるために考案されたCSS設計です。 保守性の高さを解決するための手法は他にもあり、HTMLはシンプルがな書き方が求められますが、まだまだ決定打に欠けています。 BEMは見た目が汚いですが、シンプルを求めて面倒な目にあうよりは、少々汚くても扱いやすいBEMが多くの現場で採用されてい

はじめに 本記事は筆者がMapを使うために必要だと思った情報をまとめたものです。 Mapは連想配列を作成する為のものです。Mapが実装されるまではJavaScriptに連想配列が存在せず、代わりにObjectで対応していたケースが多いようですので、Objectと比較した内容をメインに記載していきます。 Mapとの比較が分かりやすいように、ObjectのProperty名はkeyとして扱っています。 連想配列に関わる処理をObjectからMapにする事で得られるメリット Objectと違い、StringとSymbol以外の任意の値もkeyに設定できる 要素数の取得や反復処理が比較的容易（最初からメソッドが用意されている） 頻繁に要素を追加・削除する場合、Objectよりもパフォーマンスが優れるケースがある prototypeが無い為、余計なデータが存在しない 参考: MDN - Map -

AGP 7.0.0-alpha02からJava 11が必須になったようです。 https://developers-jp.googleblog.com/2020/12/announcing-android-gradle-plugin.html あの設定どこだっけってときどきなって、かなり高確率で最初に当たるので、メモしておきます。 An exception occurred applying plugin request [id: 'com.android.application'] > Failed to apply plugin 'com.android.internal.application'. > Android Gradle plugin requires Java 11 to run. You are currently using Java 1.8. You can try

こちらにあるドキュメントです。 ある程度Composeを触ったことがある人向けのドキュメントだと思います。開発チームなどでComposeやっていく人は一読の価値があるかなと思いました。 The Compose API guidelines outline the patterns, best practices and prescriptive style guidelines for writing idiomatic Jetpack Compose APIs. As Jetpack Compose code is built in layers, everyone writing code that uses Jetpack Compose is building their own API to consume themselves. Jetpack Compose API をidi

Androidのエンジニア (Google Developers Expert for Androidでもある) なので、Androidが多めです。 特に驚いたところを太字で書いています。驚いたところもAndroidのものが多めです。 あとからもう一度見たものに☆をつけます。 なにか間違っているところなどあれば修正するので教えて下さい (他は割とてきとうにしか見れていないです) Keynote 以下に9分でまとまっている動画があるので見てみるとテクノロジーの進化を感じられて楽しいです！ Smart canvas Notionみたいなもの。ビデオチャットしながら更新したりできる 順次公開ということで、まだ公開日程は決まっていないみたい。 Advancing AI Advancing AI LaMDA language model すごく自然に会話できるのでデモ必見 (まだリサーチ段階らしい)

Google's Engineering Practices documentationはGoogleのコードレビュープロセスとポリシーの標準的な説明のドキュメントです。 https://google.github.io/eng-practices/review/ 開発の仕事する中でコードレビューにかける時間は長いですよね？でも雰囲気でレビューしていませんか？ 何をどのようにコードレビューするのかは、ちゃんと知っておきたい部分でもあり、チームで共有したいものでもあります。 いろいろ書いてあるのですが、個人的に刺さる部分を書いていきます。なので、結構端折ってます。意味違うのではみたいなのがあれば修正するので教えて下さい。 以下のような構成になっており、今回はコードレビューの方法の コードレビューの見方(Navigating a CL in Review)まで見ていきます。 コードレビューの方

ちょっと30分ぐらいで書いた小ネタで申し訳ないんですが、すごく簡単で、便利なので、アドベントカレンダーで紹介します。 Android Studioの自動フォーマットだとKtLintで指摘されるものを修正できず、Formatterをコミット前やビルド時に走らせるのもコード量に比例して遅くなりそうで、また変更したところだけフォーマットさせたいですがうまくできません。コミットのたびに時間かかりそうで微妙で、なにか解決策を探していました。 これを調べ始めて30分程度でできちゃったので、すごく簡単に機械的にレビューさせられるので、ちょっと試してみてください。 インデントを直すsuggested changeの例 使うツール Spotless 変更したファイルを検出してFormatterを呼び出してくれたり、いろいろな機能があります。(JetNewsなどGoogleのOSSなどでも使われています。)

(本記事はReact Native Advent Calendar 2020の7日目の記事です) 国内のReact Nativeで作られてるアプリをピックアップしました。 個人的に見聞きした+会社ウェブサイトなどで調査したもので、網羅されている訳ではないのでご了承下さい。 随時更新していきたいので、「これもReact Native製だよ！」とか、情報の誤りがあればコメントいただけると嬉しいです！ ※ 以下50音順 アングラーズ 釣果の記録アプリ。 ホーム画面はタイムライン形式になっており、好きな釣りスポットや釣り人(ユーザー)をフォローしておくと釣果情報が随時流れてきます。 アプリ版とWeb版がありますが、釣果の投稿はアプリから行います。 釣果投稿時は魚の写真だけでなく、サイズ、ルアー、タックルなど釣り人が気になりそうな情報を付加できます。 タイムライン、画像投稿などSNSの基本的な機能が

素のJavaScriptでちょっとしたDOM操作をしようとしたところ、ハマった件について書きます。 HTML内のリンク要素をクリックしたときにとあるイベントが発火するよう、JavaScriptで全a要素に対して動的にsetAttributeをかけようとしたときのことです（この方法が良い悪いはおいておきます）。 最初、下記のように、for..in文を使って、getElementsByTagNameで取得したelementsの中の要素全てにアクセスしようとしていました。 var links = document.getElementsByTagName("a"); for( var i in links ){ links[i].setAttribute(略); } しかしこれをChromeなどで実行すると、一見処理は実行されているように見えても、setAttributeの行でエラーが出ます。な

SharedFlow、StateFlow、Channelなどを比較して、LiveDataやEvent通知の置き換えを考えるAndroidKotlinKotlinCoroutines (ちょっと早いですが、時間が取れなかった場合、これをアドベントカレンダーのネタにするかもです) このパターンでこれだとうまく動かない、こういう方法があるなど、何か指摘などあればぜひ教えて下さい。 どうやら、これからはStateFlowやSharedFlowの時代のようです。 新しいコードで意図的にLiveDataを選択する理由はありません。ということが書かれていました。 Twitterなどで話題になっていました。 https://twitter.com/codinginflow/status/1326628159077412866 (Kotlin LangのSlackより) 最初にまとめ 以下にLifecycl

DevFestの資料の記事版です。ステップごとにサンプルアプリの差分付きで説明します。 なぜDependency Injectionが必要なのか から始め、Dagger Hiltの説明、実践的なプラクティスまで説明していきます！ Dependency Injection(DI)とはなにか なぜDIが必要なのか DI、ちょっと難しいイメージありますが、そもそもなんで必要なんでしょうか？ 作っているのが動画再生するアプリでVideoPlayerというクラスがあるとしましょう。 VideoPlayerのクラスの中にデータベースやcodecなどがハードコードされています。 コード: https://github.com/takahirom/hilt-sample-app/commit/8c36602aaa4e27d8f10c81e2808f0ff452f1c8a4#diff-bbc9d28d8bc

自分が今まで使用したことがあるJavaScriptのイベントハンドラについて書きました。 他にもいろいろあるかと思いますが、「こういうときにも使えるよー」っていうのがありましたら是非ご指摘お願いします。 イベント名 条件 用途の例

React(React Native)でstateの更新時にどのように再レンダリングが走るか、理解が甘かったので実験してみました。 今回はFlatListを例にしています。 リストはFlatListを使っておけば取り敢えずOKや〜♪ と思っていましたが、思った以上に不要なレンダリングが走っていることが分かりました。 リストは項目数が増えると再レンダリングの影響も大きいので、改善の効果も大きいと思います。 実験0 親のstateが更新されると問答無用で子や孫も再レンダリングされる件 FlatListとは直接関係ないですが、Reactの再レンダリングを学ぶために実験してみました。 こんな感じで、Large > Middle > Smallの入れ子になったコンポーネントを用意しました。 そしてこれらと関係のないカウンターのstateを更新した再の再レンダリングを調べてみます。 // 上記の画面の

C#（ASP.Net Core） で dotnet-cli を使用して WebAPIを構築してみます。 プロジェクトを作成する プロジェクトを新規に作成します。 以下のコマンドでプロジェクトの種類を検索してみます。 dotnet new --list Templates Short Name Language Tags ---------------------------------------------------------------------------------------------------------------------------------- Console Application console [C#], F#, VB Common/Console Class library classlib [C#], F#, VB Common/Library W

はじめに こんにちは。@takahiroです Ruten株式会社主催のオンライン学生ハッカソンに参加し、「知らない人とオンライン飲み会を気軽にできるサービス」を開発し3位に入賞致しました！ その際の振り返りやハッカソンやチーム開発でのポイントについて書いてある記事です。 オンラインハッカソンにこれから出る事になった際やリモートで進捗を出したいなどの際に参考にして頂ければと思います！ 何を作ったの？ 作成したサービスのポイントとしてはこの３点です。 ・自分の興味のある話題でマッチングできるオンライン飲み会のプラットフォーム。 ・気軽な飲み会を実現するために、通話の場も提供。 ・Google ログイン連携を導入することにより、ユーザーの信頼性を担保 具体的には下記のようなサービスになっており オンラインハッカソンにて、気軽にオンライン飲み会できるサービスを作って3位を頂きました！！！🎉🎉@

ハフモデルによる商圏分析をSQLでやってみよう！ 投稿のモチベーション PostGISとちょっとした工夫で、いろいろなデータ分析ができることを知ってほしいと思い、今回は高額なソフトウェアやサービスとして売られている場合もある商圏分析についてSQLでチャレンジします。 ハフモデルとは 経済学者 David Huff博士が考案したGISを用いた経済モデルで、店舗の魅力度と距離から、顧客の来店・購入の確率（吸引率）を求めるものです。これがあれば、出店計画の際に取得顧客から売上を予測することも可能です。 ある場所における、１つの店舗の吸引率は、下記の式より求められます。 吸引率 = \frac{魅力度/距離^\alpha}{\sum(魅力度/距離^\alpha)} \\ \\ここで, \alphaは距離抵抗の係数 ESRI様解説サイト https://business-map.esrij.com/

以下のようにすることで実装してくことができます。 ポイントはsealed class自体にはParcelizeをつけないで、サブクラスで実装させることです。 sealed class Sealed(open val sealedClassProperty: String) : Parcelable { @Parcelize data class SubDataClass(val subClassProperty: String, override val sealedClassProperty: String) : Sealed(sealedClassProperty) @Parcelize class SubClass(val subClassProperty: String, override val sealedClassProperty: String) : Sealed(seal

Androidのライフサイクルの基礎からViewModel, LiveData, Kotlin Coroutinesまでを流れるように説明したいAndroidlifecycleJetpackAndroidX 先日、Google Developer Expert for Androidになりました。 これからもよろしくおねがいいたします。 Androidの初心者がステップアップできるような記事を書いてみます。 なにかツッコミがあればコメントしてください🙏 ライフサイクルについて少し学んだ後に、ViewModel, LiveData, Kotlin Coroutinesについて、ライフサイクルに関連する課題とその解決策という位置づけで話していきます。 1. ライフサイクルの基礎 ライフサイクルとは生き物の蝶でいうと生まれて、卵から幼虫になってさなぎになって、蝶になって死んでいく感じですが、A

traceがいい感じに使えるようになっていたのでシェアです。 これはAndroid Dev Summitで紹介されています。 https://www.youtube.com/watch?v=9kNhB_z704I PerfettoはUIが改善されたSystraceのUIです。Chromeをクラッシュさせずに、しかもかなり快適に動きます！ 事前準備 開発者向けオプションからSystem Tracingを有効にしてShow Quick Settings tileを有効にします trace方法 こんな感じのActivityがあったとします。 class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState

概要 Android Kotlin codelab courseでKotlinに関する知識やAndroidのコードに関する知識はかなり手に入れることができますが、 実際に開発を始める上で必要になる知識があると感じているので、それをまとめて紹介しようと思います。 Android Studioを効率的に使う 知っておけば楽になったのに、、というのが結構たくさんあります。 なぜかビルドできない、importできないときの1次対応 File - Sync Project with Gradle FIlesしてみる ダメならFile - Invalidate Caches and Restartを試す ダメならプロジェクトをimportしなおす。ここから一度プロジェクトを消せます CMD + SHIFT + A(Win: Ctrl + Shift + A): Actionの検索 ※ CMD = Co

Android Kotlin codelab courseで、今から最新のAndroidアプリ開発を始めようAndroidKotlinJetpackcodelabs Android Kotlin codelab coursesとは 先日新しくAndroidを試しながらWeb上で学べるコースがGoogleから提供されました。 この記事ではそれぞれのコースの内容を軽く紹介することで、コースを始めるのを楽にしようとしています。 何かツッコミなどあれば編集リクエストかコメントかTwitterでいただければ修正いたします チュートリアルだと気づけないAndroidを始める上で必要になる知識も作成しました。開発したりする上で最低限必要な知識をまとめています。 Androidアプリ開発はかなり目まぐるしく技術が変わるため、数年前のネット上の記事などを見ながら開発したりすると非推奨になっているAPIを利用