Hygen とは CLIで実行できるコードジェネレーターです。 テンプレートを作成して、それをもとにファイルの生成などを行ってくれます。 新規ファイルの作成時、毎回同じ記述をする必要がなくなる、チームである程度ファイルの記載の仕方を揃えることが出来るなどといった利点があります。 カスタマイズ性、実行が高速であることがウリとされているようです。 この記事では、実際の導入手順と、とりあえず動かしてみるところまでを記載します。 導入 公式サイト だと、homebrew、npm でグローバルインストール、npx を利用したやり方が記載されてます。 チームで使うことを考えて、今回はリポジトリにdevDependencies として導入しようと思います。 yarn add -D hygen その後、init をしてあげる必要があります。 その際に二つの方法を選択せることができます。 repo: 他のリ

iOS 15.4でSafariに様々なアップデートがありましたが dvh という単位が追加されたことがWeb開発において大きな意味を持ちます。 これまでiOS Safariではスクロールを始めるとURLバーが小さくなり画面のサイズが変わるという問題がありました。 そのため高さ100%を「URLバーが大きい状態」と「URLバーが小さい状態」のどちらかで設定する必要があり、現在のURLバーの状態を反映した高さ100%をCSSだけで実現することは難しかったのです。 これを解決するのが dvh です。 結論 これまで height: 100%; や height: 100vh; と記述していた部分を height: 100dvh; と記述すればOK。 これまでの解決策 これまでiOS Safariで高さ100%を実現するためにはいくつかのパターンがありました。 パターン1: 100% パーセントで

Raspberry PI Zeroのセットアップで、電源供給用じゃない方のマイクロUSBポートとホストPCを繋いで仮想ネットワーク経由で接続する云々の情報をみて、どういう仕組みでやっているんだろうと調べてみたら、Raspberry PI ZeroではUSB OTG(On-The-Go)が使えるということを知った。 USB OTG (On-The-Go) USB OTGはAndroidのUSBポートにマウスとかキーボード繋げばマウスやキーボードとして動くけど、同じポートでPCに繋いだ時はPC側でストレージとして見えるみたいなアレっぽい。 USB On-The-Go（略してUSB OTG）は、USB機器どうしを直接接続するインタフェース規格である。パソコン等をホストとせずに、動作時にホスト機器を動的に切り替える機能を拡張したもの。 IEEE 1394のように直接接続できるので、いろいろな機器に

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

こんにちは、Kanazawa.IoTの井澤です。 普段、IoT で色々なセンサーデータを集約したり、データをAWSへ投入したりするときには Raspberry Pi (以下 RPi) を使うのがお手軽です。 一方で、幾つものRPi を使ったり、何度も環境を作って試したりする際に、インストール後に毎回同じ初期設定をするのは段々と苦痛になってきます。 例えば、WiFiの接続のための設定や、シリアルコンソールの設定などがこれにあたります。 そこで、自分のための最低限の設定をあらかじめインストールイメージに書き込んでおくことで、インストール後にすぐに目的の開発に着手することが出来るようになります。 今回は RPi のインストールイメージ(Raspbian stretch Lite)の編集方法について説明していきたいと思います。 以下の作業は RPi 上で実行することを想定しています。 つまり RP

ざっくりまとめ。 IQKeyboardManager を使用していてもキーボード表示時に Prev/Next ボタンが表示されないケースがある。 ネストが深いView構造をしていると発生するっぽい？ その場合は、対象のTextFieldの共通の親Viewになるものを IQPreviousNextView にする です。 IQKeyboardManager とは キーボード周りをよしなに調整してくれるやつで、 キーボード表示したときに対象の TextField なんかが見えるようにスクロールしてくれたり、 キーボードにツールバーを追加表示させて、完了ボタンやフォーカス移動をしてくれるボタンを設置してくれたりします。 今回はそのフォーカス移動をしてくれるボタンの話です。 環境 Xcode v10.2.1 IQKeyboardManager v6.3.0 問題 UIScrollView + UI

同じTypeScriptという言語を利用する場合においても、トランスパイラによってTypeScript自体の機能制限がかかったり、思わぬトラブルを招く場合があります。それぞれのトランスパイラの特徴を踏まえた上で、それにより生じる問題も見ていきましょう。 1-1. tsc TypeScriptの開発元であるMicrosoft純正のTypeScriptトランスパイラです。TypeScriptを利用する際に typescript パッケージをインストールする必要がありますが、それに同梱されています。 公式ツールなだけあって最も早く最新バージョンのTypeScriptに対応したり、言語すべての機能を利用することができる一方で、バンドラではないためminifyやchunkの設定はできません。また、Path Aliasesの未解決や旧ESへの互換性が不完全であることが欠点として挙げられます。 tsco

Every time I’ve had to change something in the launch screen on any of my iOS apps, I’ve faced an issue: the system caches launch images and is really bad at clearing said cache, even after the app has been deleted. Sometimes I’d change the launch screen storyboard, delete the app and re-launch, and it would show the new storyboard, but any images referenced in the storyboard wouldn’t show up, mak

この記事では、 TypeScript で React Redux の connect を使う際の知見を忘備録として載せます。 React Redux 自体は他の方の投稿のほうが詳しく紹介されているので、この記事では connect を使うときに型を何度も書かない方法と、 connect されたコンポーネントのテストについて書きます。 Preact Redux でも、型定義のバグが無ければ多分同じように使えます。 React Redux は、 connect という関数またはデコレータで Redux の state を React の props へ結びつけるライブラリです。 connect で型の記述を減らす コンポーネント Container に対して connect する場合は、それぞれの方法で以下のように書きます。 （私の手元ではデコレータの方は型がうまくハマりませんでした。 Iss

はじめまして。2019年1月に入社したSREスペシャリストのsonotsです。最近MLOpsチームのリーダーになりました。今回の記事はMLOpsの業務とは関係がないのですが、3月に弊社で実施した会社用GitHub個人アカウントの廃止について事例報告します。 TL;DR 会社用GitHubアカウントを作るべきか否か問題 会社用GitHubアカウントの利用で抱えた問題 1. OSS活動時にアカウントを切り替える必要があり面倒 2. GitHubの規約に準拠していない 会社用アカウントを廃止した場合にセキュリティをどのように担保するか GitHubのSAML single sign-on (SSO)機能について 会社用アカウントの廃止およびSSO有効化の実施 会社用GitHubアカウントを使い続ける場合 私用GitHubアカウントに切り替える場合 Botアカウントの場合 Outside Coll

morishitaです。 Cloud Functions と並ぶ(?)Google のサーバレスな JavaScript 実行環境といえば Google Apps Scripts（GAS）です。 GAS ってあの Excel で言う VB スクリプト環境のようなものでしょう？　と思ったあなた！ このエントリでその認識が変わると思います。 以前は使いやすいとは言い難かったGASですが、最近は使いやすくなってきました。 といっても、GAS 自体がアップデートされたのではなく周辺ツールが整備が進み開発・運用しやすい状況が整ってきたからです。 そして、なんと最近Typescript でとても実装しやすくなったので、それをご紹介したいと思います。 google/clasp 以前の GAS は Web エディタ上でしか実装できず、コードを VCS で管理することもままならない状況でしたが、Google

はじめまして。FRESH!でディレクターをしています、西野です。 今回は、先日FRESH!で対応したWebプッシュ通知機能についてご紹介したいと思います。 Webプッシュ通知機能をリリースするに至った経緯 FRESH!は生放送サービスなので、リアルタイムで番組開始通知を受け取ることが重要です。 しかし今までPCのFRESH!では、サイトを開いていないと番組の開始を知ることができず、好きな配信主がいきなり配信を始めた場合などに気付くことができませんでした。 ▼サイト上に番組開始通知が届いた様子 一方、Webプッシュ通知機能を使えば、FRESH!のサイトを開いていなくても番組の開始を知ることができるようになります。 PCユーザーからの「開始通知を受け取るためにアプリをダウンロードしている」という声もあり、必要性は十分に感じていました。 Webプッシュ通知機能の紹介 FRESH!にログイン後、通

Cookpad.apk #2 登壇資料 https://cookpad.connpass.com/event/117054/

電車の中で、就活生や転職希望者の履歴書を広げて眺めているおっさん。 数年前あたりから見る機会がすっかり減りましたが、昔はよく見かけたものです。 （もちろん重要な機密情報の積極的な漏洩にあたりますから、大半の事業所においては、そんなおっさんには懲戒解雇処分を下した上で、損害賠償請求を起こさなければなりません。） そんなおっさんを目の当たりにしたとき、こちらが意図せずとも履歴書に書かれた住所がチラッと見えてしまうこと、ありましたよね？ よく見知った地域の住所であればすぐに認識できるものですけれども、1〜2文字だけしか読めなかった、ということがあったものです。 仮に、貴方の目の前のおっさんが広げている履歴書の住所欄に「昴」（すばる）の文字が見えたとしましょう。日本の住所の中に「昴」の文字が含まれるものは、いくつあるでしょうか？ 答えは一つ、青森県 弘前市 昴 です。 マンション名で使われている事

エンジニア歴17年の俺が、事業系の開発タスクをバンバン投げてくる非エンジニアに、保守の必要性を死ぬほど分かりやすく説明する。 [Ateam Lifestyle x cyma Advent Calendar 2018]の5日目は、株式会社エイチームライフスタイルの@gonjyu121が担当します。 はじめに最近のWEBサービス運営チームというと、事業運営や企画営業のチームと、エンジニアチームが一緒になって働く事が多いですよね。 そんな時、多くのエンジニアが、 「品質保持やリファクタリング、改善系のissue（タスク）の優先度がなかなか上がらず、着手できない・・・・・・」 といった悩みを抱えがちです。これなんですが、非エンジニアの皆さんからすると、 「エンジニアがすごいのは分かるんだけど、何をやってるか、なんでこんな時間がかかるのか、正直分からないんだよなー」 と思っていたりします。こんな話、