個人サービスを公開するまでに必ずやるべきこと - Qiita
はじめに 個人サービスを公開するまでに必ずやるべきことがあるのですが、思い出すのに時間が掛かってしまったり、「事前にやっておくべきだった...」と毎回思います。ここら辺の情報は調べてもまとまっている記事がなかったので私なりにチェックリストとしてまとめてみました。難しいことは一切なく（経験者には当たり前なことかも？）、比較的簡単に出来るものを書かせて頂きますので気軽に読んでいただけると嬉しいです。 前提 僕は個人サービスを公開する上で集客に重きを置いています。後述するやるべきことは集客をベースとした内容であり、サービスを利用する上で必ず必要ではないということをご理解ください。また、WEBの要素が強めなので、モバイルアプリ等の開発者は参考にならないことが多いと思いますのでご了承ください。参考までに僕が個人開発しているサービスです。Gmailのようなツール寄りのサービスではなく、キュレーションサ
結局UMLとかシーケンス図とかAWSの図とかどれで描くと良いのよ？と思ったときの選択肢 - Qiita
自身のプライオリティによりますが、いくつか。 Markdownで幅広く再利用性を利かせたい、長期的に丁寧に版管理したい 自分自身の操作性、描きやすさと、見た目 俄然手軽に、短期的に、Onlineでいつでもどこでも いずれかという視点で考えると良いのかなと思い、並べてみました。 1. 長期的に: Markdownで幅広く再利用性を利かせたい、丁寧に版管理したいなら Markdownで描くことのメリットは再利用性。 将来的に追記・編集、自分以外の誰かが手を入れる可能性が高い。 現在のドキュメントだけでなく多種説明資料、媒体に転用する可能性がある。 ...という点で差分管理をしたいなら、以下。 VSCodeでPlantUML、Mermaid 上記参考で以下。 Alt+D でプレビュー起動。 Ctrl + Shift + P でコマンドパレットを起動し、出力。 png, svg, eps, pdf
技術者としての強みを探すヒント - Qiita
この記事は、KLab Engineer Advent Calendar 2021 の25日目の記事です。大遅刻してしまいました、ごめんなさい。 こんにちは。KLabで今年の2月からCTOをしています@hnwです。 CTOに就いて以降、社内のエンジニアの方とお話をする機会が増えました。1on1だったり少人数の会議だったり形式は色々ですが、興味深い話をたくさん聞けて、自分にとっても会社にとっても必要なことだと感じています。 そうした際にエンジニアとしての将来の理想像やキャリアパスといった悩みを聞くことがあります。私もその場で言えることは言っているつもりですが、うまく伝わったか、もっと言えることがあるんじゃないか、とモヤモヤすることがあります。本稿ではそのモヤモヤを「○○問題」として整理してみました。 最初にお断りしておくと、キャリアの話は基本的には個人の問題ですから、あまり他人の話を真に受けす
Clean Architecture 1つのController/Presenterで複数のUseCaseを扱う - Qiita
この記事はLIFULLその3 Advent Calendar 2019の14日目の記事です。 株式会社LIFULL テクノロジー本部のアーキテクトの冨田です。 はじめに Clean ArchitectureのController/Presenter/UseCase周りは設計、実装するときに結構悩みます。 1つのController/Presenterで複数のUseCaseを扱うことは、よくあることではないかなと思います。 また、複数のController/Presenterから1つのUseCaseを使うこともあるはずです。 PCとスマートフォンで画面デザインが異なるショッピングサイトを運営しているという想定で設計してみましょう。 今回の主題はController/PresenterとUseCaseなのでFrameWorks & Drivers層、Enterprise Business Ru
React Native flexプロパティ、段組配置、固定要素配置方法 - Qiita
Style プロパティについて CSSライクなプロパティ群ではありますが、CSSとは異なる場合もあります。 flex:number という記述 position:'fixed'がない などなど。 そこで、flexプロパティを解説するとともに、段組や固定要素の配置方法を書いていきたいと思います。 flexプロパティについて サンプルコードなどをみているとflex:1という記述がよく見受けられます。 flexプロパティは画面上に対する要素のflexDirection方向の大きさの比率となります。 import {StyleSheet} from 'react-native'; const style = StyleSheet.create({ container:{ marginTop:20, flex:1, //flexDirection:'column' ##defaultValue }
今更ながら graphql-code-generator の便利さを痛感する - Qiita
はじめに 今日も今日とて、フロントReact + バックRailsのSPA + APIのアプリ開発していたところ TypeScriptのReact側で、react-apolloの型宣言がめんどくさいと思っていました。 バックエンド側はGraphQLを使用しているので、いろんなところに型宣言をしているようにも感じて、微妙。。 そこでgraphql-code-generatorを使っていろいろ気持ち悪い部分を解消していこうという話をします。 今回の構成 フロントエンド GitHub React（SPAで） TypeScript create-react-app React Apollo バックエンド GitHub Ruby Rails（APIで） GraphQL ※上記２つのリポジトリはこちらのリポジトリから連動させる仕組みとしました。（開発環境として） とりあえずApolloの公式通りにやっ
エンジニアリングマネージャ/プロダクトマネージャのための知識体系と読書ガイド - Qiita
本記事は、Engineering Manager Advent Calenderの１日目です。 はじめに エンジニアリングマネージャ(EM)と呼ばれる職務を設置する企業が増えてきました。 私たちの主催したイベントEOF2019でも700名近い方に参加していだき、また多くの方にご協力いただき成功裏に終わることができました。 EM Meetup/EM.FMなどのムーブメントの中心の一翼を担わせていただき、その高まりを感じる一方で不安も感じます。このエンジニアリングマネージャという職務は非常に多岐にわたるケースが存在していますし、必要だとされるスキルもまちまちです。そして、多くの場合、その企業のステージや状況ごとに求めるものは違います。また、求めていることを明文化することすらされていないケースも存在します。 このことから、エンジニアリングマネージメント自体が一時的な潮流として消費され、消えていっ
ディープリンク技術についてまとめてみた - Qiita
概要 ディープリンクとは、スマホアプリの特定のコンテンツヘ、直接遷移するリンクのことを指します。 「○○アプリを起動する」というようなボタンやリンクを押すと、その対象のアプリが起動する、 といったものを実現させたい時に、この技術を使います。 iOSにてディープリンクを実現するための技術として、 「Custom URL Scheme」や「Universal Links」というものがあります。 今日は、それらがどういうもので、どこが違うのかという点や、それぞれの実装方法をまとめてみました。 Custom URL Scheme 概要 ディープリンク技術の１つ cm-app:// のような任意のURL Schemeを決める そのURLが開かれた時に、アプリが起動するように実装する iOS6.0~対応 どういうユーザー体験になるか cm-app://hogehoge というリンクを踏むと・・・ アプ
MacにPython開発環境をインストールする - Qiita
Windowsへのインストール方法はこちら 最終更新日 2021年7月2日 検証を行ったmacOSのバージョンは下記です。 macOS Big Sur 11.4 Intel版でもM1（Apple Silicon）版でもOKです インストールするもののバージョンは下記です。 Python 3.9.2 Visual Studio CodeのPython Extension（Visual Studio Code自体のインストールは別記事にて → MacにVisual Studio Code（VSCode）をインストールする） この記事が古くなった場合、下記の手順は最新のインストール手順とは異なっている可能性があります。 事前にインストールが必要なもの Homebrew 公式サイトに書かれているコマンドでインストール Xcode Command Line Tools Homebrewインストール時
propsとstateのイメージをつかむ【はじめてのReact】 - Qiita
Reactの学習していて、propsとstateについての理解が重要だと思いました。 そこで今回は、この2つの役割や使い方について調べ、自分なりにまとめてみました！！ propsとstateって何？ ざっくり説明 props : 親コンポーネントから子コンポーネントへ値を渡すための仕組み state : 各コンポーネントごとに持つ、コンポーネントの状態を管理する仕組み props 親コンポーネントから子コンポーネントへ値を渡すための仕組み コンポーネントの親子関係は？ 親 : コンポーネントを利用する側 子 : コンポーネントを利用される側 コンポーネントは</>で囲むことで呼び出すことができる export default class Title extends React.Component { render() { return ( <View> <Text>子コンポーネント</Te
AWS SAM CLI 再入門 2021.08 - Qiita
この記事は AWS Advent Calendar 2019 16日目の記事でした。 2020/7/21 に AWS SAM CLI が General Available となっため、v1.0.0 時点の情報に更新しました。 2021/8/24 に v1.29.0 時点の情報に更新しました。 はじめに 2018年の5月にaws-sam-local 改め aws-sam-cli の新機能 sam init を試すという記事を投稿しました。 AWS SAM CLI は GitHub 上で開発が行われていますが、リリースのペースが早く日々機能追加や改善が行われています。結果として上記の記事の内容は一部古いものとなっています。本記事では2021年8月22日時点の最新バージョンである v1.29.0 までのリリースを踏まえた使い方をご紹介します。 AWS SAM と AWS SAM CLI Ser
async/await 入門（JavaScript） - Qiita
はじめに 今更ですが、JavaScriptのasync/awaitに関する備忘録になります。 「今まで$.Deferred()やPromiseなどで非同期処理は書いたことがあるが、async/awaitはわからない」 「$.Deferred()やPromiseなどの非同期処理の書き方より、もっと簡潔に書ける書き方があれば知りたい」 「今までの非同期処理の書き方と比べて何が良いのかわからない」 といった人達向けの記事です。 $.Deferred()やPromiseなどで非同期処理を書いたことがある前提のため、非同期処理自体に関する説明は記載しておりません。 記載している利用例のコードはChrome（最新）のコンソール上で動きますので、コンソール上で実行して動作を確認してみると理解が深まりやすいと思います。 本記事で用いている用語 Promiseを返す Promiseオブジェクトを返すこと。
mapのループ内でawaitしたいのに怒られてはまった件 - Qiita
let ids = [0,1,2] const getDataByIds = async (ids) => { let ret = []; ids.map((id) => { // getDataByIdはasync関数 let data = await getDataById(id) ret.push(data) }) return ret } 訳：awaitはasync関数以外で使ってんじゃねーぞコラ わたし：は？いやいやいやgetDataByIdsはasyncにしてるやん？？？？頭おかしくなったか？？？？アァン エラーメッセージでぐぐってもasync関数で囲えやみたいな記事しかない。。。いや囲ってるんですけど… 原因①：map内も関数だった async awaitとかPromiseとかをもう一回おさらいしたりぐぐったりしていろいろ考えた結果… forのかわりに使ってたので忘れてたけど
React Nativeのデバッグ方法 - Qiita
バージョン: 0.54.2 console.logの表示 react-native run-ios or run-androidでアプリ起動中に react-native log-ios or log-androidを実行するとターミナル上でconsole.logで出力している内容などが確認できる。 例えば、 renderContent() { console.log(`[INFO] this.state.activeTab: ${this.state.activeTab}`); switch (this.state.activeTab) { case "home": return <Home />; 〜 chromeでのデバッグ react-native run-ios or run-androidでアプリ起動後、ローカルのnodeサーバによってdebugger-uiというページにアクセ
Uberはなぜ地図を六角形で埋めるのか - Qiita
出典 H3: Uber’s Hexagonal Hierarchical Spatial Index (2018/06/27) 筆者 Isaac Brodsky Isaac Brodsky is a software engineer on Uber’s Marketplace Intelligence team. Uberとは Uberホームページ 世界を席巻しつつある白タクサービス、宅配のUber Eats、オンデマンドフライトのUberAIRなどで生活を変えようとしている。 日本進出はソフトバンクがサポート 参考：ソフトバンク、ウーバーへの出資完了 H3とは 大小様々な六角形をグリッドとする新しいインデックスシステム（座標システム） （「大小様々な六角形」、「階層的な六角形」の説明は後ほど） 本文 ※意訳している部分があるので、引用元も参照ください。 なぜH3 地図などの空間データセ
Firebase Cloud MessagingのFCMトークン更新タイミングについて - Qiita
FCMトークンの仕様 Firebase Cloud Messagingを使ってアプリへのプッシュ通知テストをする際に、Firebaseコンソール上で対象デバイスのFCMトークンを登録する必要があります。 このFCMトークンがデバッグ中にいつのまにか変わっていることがあり、挙動を把握するためドキュメントで仕様を確認してみました。 OS毎に挙動が異なるようだったので、それぞれの生成・更新タイミングをメモしておきます。 Android 【参照】Android で Firebase Cloud Messaging クライアント アプリを設定する | Firebase 生成タイミング アプリを初めて起動すると、クライアント アプリのインスタンスの登録トークンが FCM SDK によって生成されます。単一のデバイスを対象にする場合、またはデバイス グループを作成する場合は、FirebaseMessag
Firebase で iOS クライアントからプッシュ通知を送る - Qiita
Firebase、アツいですね 以前から横目でフォローしてたのですが、なんか突然 Google のサービス郡と密結合したのでびっくりしました。 Google Cloud Messaging も Firebase Cloud Messaging で上書きされそうで、Parse みたいに終了になったら名前どう処理すんだという感じですね！Google が最期まで面倒見てくれることを期待します。 さて Firebase と言えばリアルタイム DB がメインだったのですが、この度のメジャーバージョンアップでみんな大好きプッシュ通知機能も実装されて、Qiita の記事も順調に増えてきています。 まずは一番シンプルに、コンソールから送信する方法。キャンペーン情報やユーザー全体へのお知らせを、管理者が GUI を使って送信できます。 【iOS】Firebase の Notifications でプッシュ通
WKHTTPCookieStoreのgetAllCookiesのcompletionHandlerが呼ばれない - Qiita
概要 iOS11から実装された WKHTTPCookieStore の getAllCookies の completionHandler が 呼ばれなくなる不具合に気づいたのでメモ WKWebsiteDataStore.default().httpCookieStore.getAllCookies { cookies in // 呼ばれない場合がある } WKWebViewConfiguration に WKProcessPool を設定して WKWebView を表示し、 その後 WKWebView を addSubview した UIView がなくなると getAllCookies の completionHandler が呼ばれなくなるようです iOS12.1.2で確認しましたが、他のバージョンでも起きるようです(※ シミュレーターでは再現しませんでした) https://sta
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[iOS]Swift4で音声の入力・出力をする方法 - Qiita![[iOS]Swift4で音声の入力・出力をする方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8c741c06f85ed7f44a88b9ceaa5fef9632ae67c8/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCaU9TJTVEU3dpZnQ0JUUzJTgxJUE3JUU5JTlGJUIzJUU1JUEzJUIwJUUzJTgxJUFFJUU1JTg1JUE1JUU1JThBJTlCJUUzJTgzJUJCJUU1JTg3JUJBJUU1JThBJTlCJUUzJTgyJTkyJUUzJTgxJTk5JUUzJTgyJThCJUU2JTk2JUI5JUU2JUIzJTk1JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1hYTdjOWFiZGRiMWU1ZTAzY2RmZDZmNjY4MzIyMzFkZQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBpemV5MDMwNiZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9OTg1NDRlYzE1YmMwNDBmOTA0MTQzZjI1NGM2YTUxMDI%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-6YeO5p2R57eP5ZCI56CU56m25omA%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D295818d7b5c0b4a660a114921d142ba4)
[iOS][Swift] URLRequest と Alamofireを使ったCookiesのセット方法 - Qiita![[iOS][Swift] URLRequest と Alamofireを使ったCookiesのセット方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/11224504c4d4eab39eb2eb6ae692fe1c708444dd/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCaU9TJTVEJTVCU3dpZnQlNUQlMjBVUkxSZXF1ZXN0JTIwJUUzJTgxJUE4JTIwQWxhbW9maXJlJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJTlGQ29va2llcyVFMyU4MSVBRSVFMyU4MiVCQiVFMyU4MyU4MyVFMyU4MyU4OCVFNiU5NiVCOSVFNiVCMyU5NSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9OGNkMGQyZTE3NDEyZjczMzI4MWJiY2U0YTA3MGM5YTM%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDA0cV9zYW5vJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hZmUxMTc4NmUwNDY1NzkwNjg2ZDhiMWVkODNlMDQ2Zg%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44OV44Kp44O844O744Kv44Kq44Oq44Ki%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D97644fc7f7a41bf45298d39fd9f902ef)
