はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はこです。こんにちわ。 GitHub Copilot Chatのウェイトリストがとうとう解禁されました！ 長かった！ ここでは現状の GitHub Copilot (Copilot無印) とどう変わったのか、見ていきたいと思います。 GitHub Copilot Chat とは？ GitHub Copilot X として、 2023年3月22日に発表された次世代Copilotの目玉機能の一つ。 曰く、「Chatの体験が試したらCopilot無印よりもすごい良かった」「あとGPT-4にした」というようなことを当時のビデオで言っていた記憶・

はこです、こんにちわ。 今日は Alpine.js の話をします。 Alpine.js 何？ Alpine(アルパイン: 英語風発音) は 『アルプスの・転じて登山用の』を意味します。 アルペン: Alpine のドイツ語読み。スノーレジャーやアウトドアグッズとかのお店。 アルパインブーツ・アルパインウェア: 雪山や高山に適した超軽量かつ高機能な服や靴。 モンベルのアルパインクッカー など…。 Alpine Linux: 超軽量Linux. Small Simple Secure が合言葉。 Alpine.js: 超軽量なフロントエンドフレームワーク。 当初は7kb(gzipped), 今は機能が増えてそれでも11kb Vueの58kbよりもかなり軽い 覚えることは20個のみ Vue, React, Angular 等の SPAツールの 超シンプル版だと思って間違いないです。 Alpine

以下はAWSの場合に基づく。 基本的には 2019年4月現在、AWSが一番多機能。他環境(Azure等)では当該CLIコマンドがない場合がある。 用語とか。 Service: 複数のLambda関数とAPI GatewayとかをまとめたServerless Framework 上の概念。Serverless Service。 Function: Lambda関数のこと。 Serverless registry: プラグインとテンプレートの登録サービス。以下単にレジストリと言う。 CLIコマンド一覧 初回作成系 sls create Servelessサービスを新規作成。 -t(レジストリ登録template名), -p(独自templateのディレクトリパス), -u(同左URL), のいずれかを指定するとそれのコピーを新規作成。 sls install GitHubから npm inst

はこです。こんにちわ。 GitHubのissueを、いわゆるチケット駆動開発のチケットとして使っているような場合や、そうでなくてもPullRequestを活用する開発の場合、割当られたissueの見逃しって難しい問題ですよね。 シンプルかつ使いやすい＆gitのコミットに連動するので、issueは手放せませんね。ただ、標準機能だとissueの通知・閲覧がちょっと不便なので、いろいろなアプリを入れていると思います。 今日は、そういったGitHub issueビューワーを色々と比較してみます。 Github issueビューワー一覧 良かったやつ Gitscout https://gitscout.com/ 無料 内部実装はElectron。なのにmacにしか対応していない。 Jasper https://jasperapp.io/ 12ドル 内部実装はElectron 日本の方が作ってるだけあ

Monorepoとは何か npmで管理する複数のpackageを、まとめて一つのgitリポジトリで管理すること。 具体的に 例えば、 npm上にBabelは108以上のパッケージがある。 babelはpluginを追加していくスタイルなので、 babel-core, babel-cli, babel-preset-es2017, babel-preset-flow .... と、たくさんのパッケージがあり npm install babel-preset-flow 等々して取り込んでいく。 従来、npmでは「１リポジトリ＝１パッケージ」が標準だったが、多数パッケージを管理するBabelのようなプロジェクトでは多数リポジトリを扱うことになり、混乱が大きい。 そこで、単一リポジトリの /packages 以下にたくさんパッケージを作り(フォルダとpackage.jsonを多数作り）、管理するの

npmから外部モジュールやライブラリをインストールしているプログラマーの皆さん、こんにちわ！どうも、はこです。 Angular2などで書いてると、なんとなく型定義ファイルを使ったり、ライブラリ側が用意してくれている(xxx.jsと同じ階層にxxx.d.tsがいる)等ありますが、jsしかないライブラリを使う機会も多いですよね！ さて、そういうときに既存の型定義ファイルを使うと便利です。 ・・・が、型定義ファイルの書き方は歴史的経緯で混沌としています。 時代に沿わない古いやり方 これらの方法は、TypeScript 2.0 以降は動きません。 非推奨：TSD 管理ツール導入 npm install tsd -g インストール tsd install jquery --save 使用方法 /// <reference path="../typings/jquery.d.ts" /> 非推奨：ty

describe('MyGreatComponentのテスト', () => { let component; let fixture; // テスト準備 beforeEach(async(() => { // テストベッド(テスト環境)構築 TestBed.configureTestingModule({ // なんやかや〜〜〜 declarations: [ MyGreatComponent ], imports: [ ], providers: [ ] }) .compileComponents(); })); // テストコード it('isGreat() は常にtrueを返すこと。なぜならGreatだから', () => { expect(component.isGreat()).toBeTruthy(); }); }); この「なんやかや〜〜〜」の部分は、どのように使い分ければ

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?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はこです。こんにちわ。今日はFirebaseを始めてみたいと思います。 Firebase is 何？ Firebase はGoogleが運営しているサービスで(2014年後半にGoogleが買収)、BaaSとかmBaaSと呼ばれるモノの一種。 ・・・だったはず何だけど、高機能多機能過ぎてヤバイことに。 BaaS/mBaaS is何？ 僕の理解では、mongoDB(或いは各種スキーマレスNoSQL)のクラウド上ホスティングから始まり、その他「サーバで作業しないとアプリ作れないもの」を仮想化するために追加された諸々（ログイン機能、push通

すべてのAWSのサービスを 3行以下でまとめました。 AWSが色々ありすぎてわからん！ **3行以下で誰かまとめて！！**という思いで、AWSを3行で書いてるところがなかったので自分で作りました。 掲載した金額は最小使用時のもの。無料枠や大量購入割引(Volume discount)、あと転送量でかなり変わるので、参考程度に。 以下からのカッコよすぎな見出しは AWSクラウド製品のページ からのそのままの引用です。「 広範かつ奥深いコアクラウドインフラストラクチャサービス」って僕が言ってるわけじゃない！ 広範かつ奥深いコアクラウドインフラストラクチャサービス なんのこっちゃ。 よーするに「基本サービスですよ」ってことらしい。基本サービス多すぎだろ・・・。 い。 コンピューティング AWS is 何 いくら？

PhoneGap系の実装では、カメラ周りのカスタムは基本的にはネイティブプラグインを書く必要がある(iOS,Android用にそれぞれObjective-C/Swift, Javaを書く）のだけど、やっぱり面倒くさい！なんとか汎用的な解決策はないものか！とちょっと調べてみた。 CameraPlus Plugin For Cordova 機能： カメラをバックグラウンドで起動。ライブで画像取得 その画像をlocalStrageに保存したり、Base64でPOST可能（キャスト可能） ストリーミング配信の他に、取得した画像をcanvasに描くなどしてカスタムUIカメラを作ることも可能。[サンプル] 欠点： カメラ取得→jpeg化→base64→canvas、という手段なので、遅い。だいたい0.2-0.4秒くらい遅れる。 上記の理由で、リフレッシュレートもだいたい12fpsくらい（感覚値） co

2018年現在ではMonosnapのPreferencesから、フォントの設定ができるようになっています。 やったねよかった！ 以下は古い情報ですー MonoSnap を Mac に入れると、フォントがなんとも言えない中華風になってしまいます。 まるでフォントがバグってるかのよう。 つ、つらい・・・。 そこでフォントを入れ替えましょう。 入れ替えるフォントを用意 なんでも良いですが、日本語対応の .ttf フォントである必要があります。 今回はわかりやすくするため、たぬき油性フォント を使用します。 フォントをリネーム ダウンロードしたフォントを DroidSansFallback.ttf にします。 フォントを置換 コマンドプロンプトで と打ちます。 開いたフォルダに、 DroidSansFallback.ttf があるので、 DroidSansFallback__.ttf とかにリネー

git の submodule、便利ですが安定してない(変更の多い)リポジトリに使うと 地獄です。 Submodule Hellです。 やばいです。 開発で変更が入りまくるリポジトリをうっかりsubmoduleにしちゃった！ かなり開発して入り組んできたけどどうしよう…。 なぜsubmoduleが地獄になるのか？ 更新が多いリポジトリはコミットが2箇所になって地獄 しかも変更がsha-1形式でしか分からなくて地獄 submoduleのクラス名・メソッド名等をリネームすると、親側もリネームが必要になって無駄に2回のコミットをしなくちゃいけなくて地獄。 さらに、親のコミットはコードの修正＆submoduleの変更の取り込みも必要 submoduleの参照先同士が衝突した時、何が悪いのか探すのが大変すぎて地獄 いともたやすくsubmodule側が detached HEAD になって自分のコミッ

macでUnity 3Dの開発とかをしている時に、ちょっとしたテストコードをUnityで実行するのもめんどくさいし、mono developから実行するのもめんどくさい。 test.cs とか作ってもいいんだけど.exe作って実行して…の二度手間が面倒なので調べた。 monoのインストール方法 適当に調べてください。 Unityインストールしてると自動でついてきます。 オンラインコンパイラ すぐに思いついたのはこれ。 http://www.compileonline.com/compile_csharp_online.php とか でもこれじゃ独自ライブラリとか使えない…。 monoDevelop上で新規にコンソールプロジェクトを追加する 今はXamarinStudioですが。 結局これが一番楽で早くて汎用性高かったです（Unity使用の場合）。 C#インタプリタを使う ※ http://