Sveltrisが公開 ー ReactとSvelteの「いいとこ取り」なフレームワーク
7月21日、Sveltrisを使用して相互運用可能なReactとSvelteアプリを構築する方法が発表されました。 Sveltrisは、ReactとSvelteの独自の強みを組み合わせることで、より効率的でカスタマイズされたソリューションを提供します。 この記事では、Sveltrisの詳細な説明と、ReactとSvelteを組み合わせてアプリを構築する際の利点と欠点について紹介します。 7月21日、Sveltrisを使用して相互運用可能なReactとSvelteアプリを構築するためのツール「Sveltris」がリリースされました。 Sveltrisは、ReactとSvelteの独自の強みを組み合わせることで、より効率的でカスタマイズされたソリューションを提供します。 この記事では、Sveltrisの詳細な説明と、ReactとSvelteを組み合わせてアプリを構築する際の利点と欠点について紹
LINE BotをPython + Heroku + LINE Messaging APIで作成した備忘録 - Qiita
はじめに LINE BotをPythonで作成しようと記事を漁った際、開発環境をWindowsで行っている記事が少なかったんですよね。せっかくなので軽くまとめて記述させていただきます。 今回はLINE Botの中身をHerokuからデプロイしておうむ返しが出来るようになるまで。 開発環境 ・Windows 10 Home ・Python 3.7.4 ・Git 2.17.1 LINE messaging APIのチャンネル作成 始めに開発者としてLINE developersへ登録しましょう。 その後LINE Messaging APIのチャンネルを作成して使用できるようにします LINEの公式ページ通りに進めれば大丈夫です。 LINE公式ページ Messaging APIを利用するには 以下の折り畳み部分に写真を添付しておきます。 LINE公式 チャンネルの作成手順 チャンネル作成が終わる
🦕 Deno アプリを Heroku にデプロイする - Qiita
この記事はDeno Advent Calendar 2019、24日目の記事です。 Deno アプリを Heroku で起動する buildpack を作成しましたので紹介したいと思います（シェルスクリプトをちょっと書いただけですが）。 作成した buildpack は、Heroku のサイトにも自動でインデックスされました。 Deno Newsletter でも共有して頂けました！ 🦕 サンプルアプリのデプロイ 簡単なサンプルアプリのデプロイ方法について説明します。 関連ファイルは github から clone できます。 前提条件 Git がインストール済みであること Heroku のアカウントが作成済みであること Heroku CLI がインストール済みであること Deno がインストール済みであること（ローカル環境での動作確認のため） Web アプリの作成 まずは簡単な Web
Nuxtアプリを無料で公開するときに試した5つの環境まとめ(Firebase/GAE/Netlify/Heroku) - Qiita
最近Nuxtでいろいろ作っているけど、無料で使える環境をいろいろ試してる。 いろいろメリデメあるけど、SPAならNetlify/SSRならHerokuがよさそう。 いままで試したものをまとめてみた。 ほしかったもの 主に開発してるのがCGM系のWebサービスなので、 動的なOGP画像などが設定できる(OGP芸) カスタムドメインが使える 日次のランキング集計などの定期実行ができる が、無料でできて、なるべく実装が楽で、そこまで遅くないのがうれしい。 試した5つのパターン 試したのは以下の5パターン。試してみた順で記載。 Nuxt(SSR) + Cloud Function 起動がかなり遅かった。。実装も大変なのでNG Nuxt(SPA) + Firebase Hosting 構築はかなり楽。ただ、OGP芸が大変でFunctionsが必要 Nuxt(SPA) + Netlify プレレンダリ
Slack Bolt for Pythonを使ってのbot構築。ローカル開発からHerokuデプロイまで - Qiita
Slack Bolt for Pythonを使ってのbot構築。ローカル開発からHerokuデプロイまでHerokuSlackBolt Slackは多用しているものの、botkit以来すっかりbot開発している時間がなかったため時間が空いてしまったのですが、python使って作ろう！と決めて初学者が躓く最初の最初についての解説。 Boltはチュートリアルもしっかりしているし、それに沿ってやっていけばやれるはずではあるのですが、そもそもの書き方がよくわかっていないとかbotってなんだっけ？という場合にお作法が分からずに躓く人がいるのではないでしょうか。まぁ私のことなのですけど。ということで、デプロイして動く所まではたどり着いたので初学者向けの解説です。あんまり日本語コンテンツがないのもハードルを上げていますね。 前提条件 Python3.6以上が必要なので、そちらのインストールは済ませておき
enebular x LINE Clova で Node-RED 1.0 と 新 Heroku 環境に対応した話 - Qiita
はじめに 2年前 (2018年10月) に LINE Clova スキル「５７５メーカー」を enebular で実装し公開しましたが、とうとうリファインする時がやってきました。 当時、なかなか審査に通らず何度も公開を諦めようとしたことを思い出しました。 enebular developer meetup vol.4 で 発表した時の登壇資料に詳細を記載していますので、Clova スキルを公開する際の参考にしてみてください。 ５７５メーカーとは 俳句(５７５)を自動で作成するサービスで、上５(3,107語)、中７(3,361語)、下５(3,090語)の中から組み合わせて作成します。 「俳句を作って」と言うと、俳句を作ることができます。 「送って」と言うと、連携したLINEに俳句を送ることができます。 公開するために審査を通す必要があり、審査で指摘された事項に対応するため多くの機能を実装した
【格安本番運用が可能に】Render.com のメリット・デメリットを Heroku と比較してみた
はじめに 先日 Heroku で OAuth トークンが流出し、連携している GitHub の private リポジトリの中身が盗まれたとニュースになりました。 特に Rails を簡単に運用する上で Heroku は重宝しているのですが、以前から「Render.com はいいぞ」という話を聞いていたので、この機会に調べて移行してみました。 結論から言うと、 Heroku でできたことはほぼすべてカバーしており、その上安い です。 使い勝手もよさそうだったので、今回 Heroku と比較しながらご紹介したいと思います。 現状、Render.com を日本語で解説している記事が圧倒的に足りないので、これをきっかけに利用者が増えたらなと思っています。（2022年には東京リージョン対応も予定しているそうで、それを推し進めるきっかけになれば。） それでは本題に入っていきましょう。 Render.
Heroku無料枠廃止で路頭に迷う開発者に捧ぐ、次世代PaaS「Render.com」の使い方 - Qiita
Herokuは2022年8月25日、Heroku DynosやHeroku Postgresなどの無料プランの廃止をアナウンスしました。このニュースには、個人開発者だけでなく、Web開発者であればほとんどの人が衝撃を受けたのではないでしょうか？ かくいう僕も個人開発で作っているアプリのインフラの多くをHerokuに頼っていました。 最近リリースした、what we useというサービスもAPIとDBをHeroku上に置いています。サービスをリリースしてからわずか1ヶ月後のニュースでした・・・ いままで個人開発者や技術検証の場面で役に立ってくれたHerokuに感謝しつつも、個人開発では、月間数千円のコストですら惜しみたいので、何か別のプラットフォームへの移行を検討しなければいけません。what we useの場合、Heroku Dynosが月7ドル、Heroku Postgresが月9ドルに
Heroku から Render へ移行してみた | DevelopersIO
こんにちは、森田です。 以前、趣味でHerokuでアプリケーションを作っていたのですが、先日Herokuの無料利用枠がなくなるという話を耳にし、別のPaaSへの移行を行うことにしました。 無料利用枠があるPaaSを調べたところ、どうやらRenderが良さそうだったので、本記事では、Heroku から Renderへ移行についてご紹介します。 Heroku と Render Heroku、RenderともにPaaS型のクラウドプラットフォームです。現時点での両者の比較が、Renderのwebページにありましたので気になる方は是非ご参照ください。 どちらでも似たような機能を提供しているので、どちらを利用するかは好みかなと思いますが、 私の場合は、前述したように趣味のアプリケーションをただ動作させるだけの用途なので、無料利用枠のあるRenderへ移行を行います。 移行するアプリケーションについて
Herokuの新しい有料プランのまとめと、無料プラン終了後の個人的な移行方針について - give IT a try
はじめに 2022年8月25日に、Herokuが無料プランを終了することを発表しました。 blog.heroku.com また、9月26日には前回のアナウンス時にはなかった、低コストプランが発表されました。 blog.heroku.com いずれの内容も英語なので、日本語で要点をまとめてみます。 また、エントリの後半では無料プラン終了後の個人的な移行方針についても書いてみます。 おことわり このページの情報は2022年10月4日時点の情報です。時間が経つと情報が古くなっている可能性があります。 また、内容の正確性は保証しないので、正確な情報を知りたい場合は上記ページを参照してください。 8月25日に発表された無料プラン終了のまとめ 2022/10/26から1年以上活動のないアカウントとそのストレージを削除する 2022/11/28から無料プランの提供を停止し、無料Dynoと無料DBの稼働を
HerokuからCloud Run + Litestreamへ移行した - memo.yammer.jp
はじめに Herokuの無料枠が終了することにあわせて、個人で動かしているRailsアプリケーションを他の場所へ移行する。 いままで無料で使わせていただいたこと感謝しつつも、月千円ほど払うほどのアプリケーションでもないので、ほぼ無料で移行できそうな場所を探すことにした。1 コンテナをホスティングできるGoogle Cloud Runは従量課金制だが、個人で使う分にはほぼ無料なので、これを選ぶことにする。 Cloud Runで使うRDBは一般にはGoogle Cloud SQLが推奨されていそうだが、ここでは安さのためにSQLite3 + Litestream + Google Cloud Storage(以下GCS)を使うこととしたい。 実装の方向性 Litestreamは、SQLite3のデータベースを、オブジェクトストレージやNFS、SFTPのストレージにレプリケーションできるOSSの
クラスタマシンの間でSQLiteのデータを複製する「LiteFS」のバージョン0.1.0が登場
米国在住のオープンソース開発者であるBen Johnson氏は、クラスタマシンの間でSQLiteのデータを複製するファイルシステムである「LiteFS」のバージョン0.1.0を、7月27日（現地時間）に公開した。Johnson氏は、サーバー上のSQLiteのデータをほかのサーバーやクラウドストレージにバックアップするソフトウェアである「Litestream」の作者でもある。 LiteFSは、「Filesystem in Userspace（FUSE）」を利用したソフトウェアで、サーバーのファイルシステムへの書き込みを監視してSQLiteデータベースのトランザクションの切れ目を検知し、トランザクション単位で変更をファイルに記録する。 現在のところLiteFSは開発が始まったばかりのアルファ版となっており、対応OSはLinuxだけとなっている。Apache 2.0ライセンスでソフトウェアをGi
「プロを目指す人のためのTypeScript入門」読書感想文 - Qiita
ある日の我が家にて 娘（6歳）「ねぇ、パパ？」 ワイ「なんや？娘ちゃん」 娘「この絵本の、表紙の文字が読めないの」 ワイ「おお、ほなワイが読んであげるで」 ワイ「どの絵本や？見せてみ」 娘「はい、これ」 ワイ「おお、この絵本か」 ワイ「ファッ！？」 ワイ「娘ちゃん、これ絵本とちゃうで」 ワイ「技術書やで」 娘「そうなんだ」 娘「それで、その英語の部分は何て読むの？」 ワイ「これはな、タイプスクリプトって読むんや」 娘「TypeScriptってなぁに？」 ワイ「TypeScriptはな、JavaScriptに静的型システムを加えたプログラミング言語や」 娘「へぇ〜、そうなんだ」 娘「でも、どうしてTypeScriptが必要なの？」 娘「JavaScriptじゃダメなの？」 ワイ「それはな」 ワイ「TypeScriptの方が、ミスに早く気づけて便利なんや」 ワイ「例えば、普通のJavaScri
@ts-expect-errorを自動追加！suppress-ts-errorsの紹介
TypeScript の型チェックを厳格化したいが既存の型エラーが多すぎて、やむなく緩い型チェックにしている方へ改善の助けになりそうなツールを作ったので紹介です。 🔧 作ったもの プロジェクトのコードベースを走査して、型エラーがあるコードすべてに@ts-expect-error or @ts-ignoreのコメントを追加する suppress-ts-errors という CLI ツールを作りました。 以下の GIF のように npx 経由で簡単に利用できます。 さらに、ts、tsx だけでなくVue SFC のスクリプト部分へのコメント追加にも対応しています。 コードはこちらです。⭐ を貰えると泣いて喜びます。 なぜ作った？ 現職のプロジェクトにて型チェックを厳格化できていない（strict: trueにできていない）という状況を改善したいと思ったからです。 型チェックのルールを修正する
TypeScriptで作ったpackageをesbuildを使ってnpmに公開するまで
const { build } = require('esbuild') const { dependencies } = require('./package.json') const entryFile = 'src/index.ts' const shared = { bundle: true, entryPoints: [entryFile], external: Object.keys(dependencies), logLevel: 'info', minify: true, sourcemap: false, } build({ ...shared, format: 'esm', outfile: './dist/index.esm.js', target: ['ES6'], }) build({ ...shared, format: 'cjs', outfile: './d
TypeScript におけるモジュール関連オプションの整理
TypeScript 4.7 で “module” という名前で始まる Compiler Option がさらに追加されて、さすがに何が何やら感あるので、役割を軽く整理。 この記事では雑な紹介に留めるので、それぞれの詳細は TSConfig Reference を読みに行ってください。 対応関係ソースコードとそれぞれのオプションが何に作用しているのかを雑に図示するとこんな感じ。 重要なことどのオプションをいじっても、import 指定子 (上図の “./hoge” の部分) がコンパイル時に書き換えられることはない。 これが頭に入っていれば、.mts, .cts といった TypeScript のファイルで import "./foo.cjs" と書くことや、 --moduleSuffixes がソースコードの探索にしか影響しないことに得心できるはず。 --moduleTypeScript
【書評】「プロを目指す人のためのTypeScript入門」 TypeScript をこれから勉強したい人にも、これまで使ってきた人にもおすすめの一冊 | DevelopersIO
こんにちは。CX事業本部MAD事業部のYui(@MayForBlue)です。 自分のGWの課題図書にしていた「プロを目指す人のためのTypeScript入門 安全なコードの書き方から高度な型の使い方まで」（技術評論社）を読み終えて、とてもよい本だと感じたので感想を書評としてまとめました。 書籍情報 著者 鈴木 僚太(すずき りょうた) さん （ Twitter: @uhyo_ ） 2013年からTypeScriptを使用中。LINE株式会社でフロントエンドエンジニアとして自社開発に従事しながら、技術顧問なども行っている(本書発行当時)。専門はTypeScriptとReactで、講演やインターネット上での記事公開を通じて初心者向けから上級者向けまでさまざまな情報を発信している。OSS活動にも積極的だが自作のライブラリはあまり流行っていない。 目次 第1章 イントロダクション 第2章 基本的な
TypeScript: const n=1とconst n:1=1は何が違うのか、なぜ違うのか
両者の違い エディタでホバーするといずれも 1 という型が表示され、一見同じことをしているように思えるかもしれません。しかし、これらは明確に違う型を持ちます。 その前に、すべての変数は、その変数の型とは別に、Type Narrowingという仕組みによって一時的に別の型として取り扱う機能があります。 それぞれ、仮に global type と narrowed type と呼ぶことにします。 すると、const n: 1 = 1 は (global type, narrowed type) = (1, 1) ですが、const n = 1 は (global type, narrowed type) = (number, 1) です。これは以下のようなコードで確認ができます。 const n: 1 = 1; const getN = () => n; // inferred as () =
TypeScriptのオブジェクトリテラルとオブジェクト型を理解したい - Qiita
オブジェクトリテラルとは MDNによると、 オブジェクトは new Object()、Object.create()、リテラル表記法 (初期化子表記法) を使用して初期化されます。オブジェクト初期化子はオブジェクトのプロパティ名と関連した値のゼロ以上のペアのリストで、中括弧 ({}) で囲まれます オブジェクトリテラル(オブジェクト初期化子)とは表記法のことです。 JSONとの違い JavaScriptのオブジェクトリテラルをベースに作られた軽量データフォーマットがJSONですが、 オブジェクトリテラルとJSONでは、記載方法が若干違います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DockerベースのHerokuライクなオープンソースのミニPaaS・「Dokku」
