Home
News Check out my new Patron community, The Hotwire Club Better StimulusJS An Opinionated Collection of StimulusJS Best Practices StimulusJS, the modest JavaScript framework by Basecamp is gaining widespread traction. It powers Basecamp and HEY, among others, and is a natural choice for Rails developers. That said, it fits any codebase that embraces server-side generated HTML and lightweight JS sp
Turbo Handbook
Introduction Turbo bundles several techniques for creating fast, modern, progressively enhanced web applications without using much JavaScript. It offers a simpler alternative to the prevailing client-side frameworks which put all the logic in the front-end and confine the server side of your app to being little more than a JSON API. With Turbo, you let the server deliver HTML directly, which mean
Rails, mongoid, RSpec: 全コレクションの消去 - tkrdの日記 (rails や ubuntu のことなど)
mongoid で MongoDB を利用した Rails アプリケーションを作っているのだが、RSpec のバージョンを 2.0.0.beta.19 に上げたら、specs 実行時に次のようなエラーが出て止まる現象に遭遇。 /usr/lib/ruby/gems/1.8/gems/activesupport-3.0.0.rc /lib/active_support/whiny_nil.rb:48:in `method_missing': undefined method `set_exception' for nil:NilClass (NoMethodError) 調べると、Rspec.configure を使って定義した before(:each) エグザンプル等の中で例外が発生すると、うまく補足できなくて、こんなエラーになるようだ。 そこで、即席の例外処理を書いて何が起きているかを調
プログラミングの変数・メソッドの命名でよく使う英単語まとめ - SE_BOKUのまとめノート的ブログ
目次 プログラミングの変数・メソッドの命名でよく使う英単語 ログイン・認証 許可・権限 ネットワーク ファイル操作 外部入出力 データ入出力 データベース操作 オブジェクト操作 生成・構築 削除・破棄 変更 変換・結合・排除 分割・切り出す（スライス） 登録・設定 検索・置き換え 状態・状態変更 計算 プロセス操作 処理サイクル 確認（１） 確認（２） 比較 その他対で使う単語 コード・ID・引数（変数） 機械学習関連 その他（未分類） データベーステーブルのカラム名の工夫（変数） 変数の頭につける接頭語 プログラミングの変数・メソッドの命名でよく使う英単語 プログラミング時の「メソッド名」「変数名」の命名で使いそうな英単語を「同じ意味でもニュアンスによって使い分けされるもの」あたりを注意してまとめます。 ログイン・認証 単語 意味 log_in/log_out ログインする/ログオフする
TypeScriptを使った方がいいケースとは？ | POSTD
去年の夏、私たちは大量のコードベース（18,000行以上の コード行数 ）をJavaScriptからTypeScriptへと変更しました。この移行作業を通じて、両者の相違点や類似点について大いに学び、TypeScriptの優れたユースケースや、TypeScriptを使うべきではないケースなどについて考えてみました。 型システムとは補助輪のようなものです。転倒防止してくれる代わりに、遅くなり、操作性が制限されます。 TypeScriptのユースケース コードサイズ ：ソースコードが膨大である場合、また複数の人がプロジェクトに従事している場合、型システムは明らかなエラーを防ぐのに役立ちます。 特に SPA の場合は当てはまります。誰かが変更したコードが他の人のコードを破損させてしまう可能性があるなら、何らかの安全機構を持つ方がいいでしょう。TypeScriptの トランスパイラ は明白な誤りを
AWS Amplify Admin UIがリリースされたので早速試してみる #reinvent #amplify | DevelopersIO
こんにちは、クラスメソッドの岡です。 12/02に AWS Amplify Admin UI が新しくリリースされました！東京リージョンでも利用できます。 早速試してみたので、AWS Amplify Admin UIの概要とデータモデリング機能の使い方をご紹介します。 AWS Amplify Admin UIとは？ WEBアプリ/モバイルアプリのバックエンドの作成と管理ができる機能です。 フロント側もAmplify Consoleでホスティングされていればさらに効率よく使うことができますが、データモデリング自体はAWSアカウントがなくても利用できます。 実際には https://{region}.amplifyapp.com/admin/{appId} のドメインでホストされます。 既にAmplify Consoleでホスティングされている場合は以下のように Backend environ
売れるアプリにするコツ100個書きます(吐血) - Crieit
はじめに 脱サラして、個人開発アプリだけで生活している、あたか絵師です。 Crieitアドベントカレンダー10日目として、売れるアプリにするためのコツを100個吐き出します。 僕は、個人開発アプリで月6桁の売上を出す感じですが 「売れてるな〜！！」 って感じるのは、1万円/月を超えるぐらいのアプリなので 「売れるアプリ」＝「コンスタントに1万円/月ぐらい売り上げるアプリ」 と考えて下さい。 何となく書いていたら ・ASO ・CS ・UX ・企画 ・マーケティング ・運用 に分かれる気がしたので、その分類でいきますよ！ 普段もたまに役立つことをつぶやいている可能性があるので、twitterフォローもどうぞ🐔 👉👉 https://twitter.com/atagon 👈👈 noteとzennの記事も気になったらどうぞ 📱 食えるアプリにするための細かい工夫 (Zenn) 📱 売
Ruby 3 の静的解析ツール TypeProf の使い方 - クックパッド開発者ブログ
こんにちは、フルタイムRubyコミッタとして働いてる遠藤（@mametter）です。昨日、Ruby 3.0.0-preview2がリリースされました！ このリリースには、遠藤が開発している Ruby の静的型解析ツール TypeProf が初めて同梱されています。これの使い方をかんたんにご紹介したいと思います。 デモ TypeProf は、型注釈のない Ruby コードを無理やり型解析するツールです。とりあえずデモ。 # user.rb class User def initialize(name:, age:) @name = name @age = age end attr_reader :name, :age end User.new(name: "John", age: 20) typeprof コマンドは、Ruby 2.7 で gem install typeprof でインスト
Fluxとは何か MVC, MVVMとの違いも含めて - See the Elephant
動機 仕事で, React + Redux + TypeScirpt + WebPackを使うことになりそうなので学んでいく. そもそもjsに疎いので探り探りやっていく. 間違えもあるかもしれないが, 徐々にやっていこう. TL;DR Fluxとは, アプリケーションのデータフロー管理のためのアーキテクチャパターン イベント駆動であり, 一方向のデータフロー制御を行う Fluxの特徴は, Viewで独立したデータを持つ, データ状態を一方向のフローで制御, Event駆動である. FluxはAction, Dispatcher, Store, Viewの4要素で構成される. Reduxとは Reduxとは, Facebookが提唱, 開発しているJsApp. jsにおいて, データの状態(データの流れ)を管理するためのツールである. ReduxはFluxの実装と聞いたことがあるので, Re
RuboCop 1.5で導入された`SuggestExtensions`パラメータ - koicの日記
RuboCop 1.5で導入されたSuggestExtensionsパラメータについて記しておきます。 導入されたパッチは以下です。 github.com たとえば Bundler を使って RSpec を依存指定している一方で、RuboCop RSpec を使っていない場合は、以下のように RSpec に対応した拡張 RuboCop が存在することを rubocop コマンド実行のメッセージでサジェスチョンします。不必要な場合はメッセージ中に含まれている方法でオプトアウトできます。 % bundle exec rubocop --parallel (snip) Tip: Based on detected gems, the following RuboCop extension libraries might be helpful: * rubocop-rspec (http://gi
GitHub、企業がオープンソースに寄付できる「GitHub Sponsors for companies」発表。GitHub Universe 2020
GitHub、企業がオープンソースに寄付できる「GitHub Sponsors for companies」発表。GitHub Universe 2020 GitHubは、オンラインイベント「GitHub Universe 2020」において、企業がオープンソースプロジェクトに金銭的な支援を行える「GitHub Sponsors for companies」を発表しました。 We all depend on open source every day, so it’s crucial to invest back into that infrastructure we’ve built our businesses and lives upon. So starting today, companies can sponsor projects and developers through
CentOSが開発方針を変更ーー「CentOS 8」は2021年終了、今後は「CentOS Stream」に注力 | OSDN Magazine
The CentOS Projectは12月8日、Linuxディストリビューション「CentOS」の開発方針の変更を発表した。「Red Hat Enterprise Linux（RHEL）」互換の「CentOS Linux」からフォーカスを「CentOS Stream」に移すという。「CentOS Linux 8」は2021年に終了するとしている。 CentOS（Community ENTerprise Operating System）はRed Hat Enterprise Linux（RHEL）と互換を目指すディストリビューションを開発するコミュニティプロジェクト。オープンソースで公開されているRHELのソースコードを元に、商標など無償公開・配布の際に問題となる著作物を取り除いてビルドし、公開している。2004年に歴史を遡るプロジェクトで、途中存続の危機を迎えがら2014年にRed H
iTerm2の機能を使いこなして日頃の作業の効率をあげたい2020 - stefafafan の fa は3つです
この記事ははてなエンジニア Advent Calendar 2020の6日目の記事です。 qiita.com 5日目は id:mizdra さんによるpolyfill を深堀りするでした。フロントエンド周りは弱い自分としてもこの記事を読むだけでpolyfillの概要から今後どうすると良いかなど知れてとてもありがたい記事でした。 www.mizdra.net さて今日は視点変えてツールの話を書きます。毎日使っているツールこそ、提供されている便利な機能を把握しておきたい。Macで使ってるターミナルアプリ「iTerm2」について書きます。 iterm2.com まずはみんながひょっとしたら知らない基本操作についていくつか紹介し、後半はTriggersという機能の使い方をいくつか紹介します。 (記事執筆時点ではver.3.4を使っています) tl;dr 公式ドキュメントにいろいろ書いてあるので読み
爆速？！コンテナイメージからデプロイしたLambdaのコールドスタートについて検証してみた #reinvent | DevelopersIO
CX事業本部＠大阪の岩田です。 この記事はAWS LambdaとServerless Advent Calendar 2020の6日目 です。 先日のブログでご紹介したように、Lambdaのパッケージフォーマットとしてコンテナイメージがサポートされるようになりました。 従来のZIP形式と比較したメリットの１つとして、イメージサイズの上限が10Gまで許容されるという点があります。ZIP形式の上限はレイヤーと関数コードを合わせて250Mであり、サイズの大きなライブラリや機械学習モデルを利用する場合、この上限に抵触することもあったのではないでしょうか？パッケージフォーマットとしてコンテナイメージを選択することで、こういったユースケースにも対応できるようになりました。 ここで1つ疑問が浮かびます。イメージサイズの上限が10GBとのことですが、10GBの巨大イメージからLambdaがコールドスタート
Lambdaの性能把握、比較が一瞬で! CloudWatch Lambda InsightsがGAになりました #reinvent | DevelopersIO
大阪オフィスの小倉です。 プレビューだったAmazon CloudWatch Lambda InsightsがGAされたとの発表がありました。 https://aws.amazon.com/jp/about-aws/whats-new/2020/12/announcing-amazon-cloudwatch-lambda-insights-general-availability/ Amazon CloudWatch Lambda Insightsとは 以下はプレビュー時の発表ページからの引用ですが、 AWS Lambda コンソールでワンクリックするだけで、Lambda 関数からの詳細なパフォーマンスメトリクス、ログ、メタデータの収集を開始できます。あるいは、AWS CLI または CloudFormation を使用して Lambda Insights を有効にします。 とあるので、L
Amazon Elasticsearch ServiceによるECSアプリケーションのログ解析基盤の構築 - BASEプロダクトチームブログ
こんにちは、BASE BANK 株式会社 Dev Division でエンジニアとしてインターンをしている前川です。 今回、Amazon Elasticsearch Service(以下、Amazon ES)による、ECS/Fargate で稼働するアプリケーションのログデータの解析基盤を新規で構築することになったので、構築するにあたって調査した内容や関連する内容、実際におこなった構築方法についていくつか紹介します。 今回の構築の簡単な全体構成図は次のようになります。 今回は、 ECS/Fargate のログを S3 にルーティングする Amazon ES にログをルーティングする VPC アクセスの Amazon ES を構築し、Kibana を外部からアクセスできるようにする の３つの手順にわけて、構築方法や関連する内容について紹介していきたいと思います。 なお、この記事で取り扱ってい
AWSで障害、「Nature Remo」「SwitchBot」などに影響 「電気消せない」と嘆く声【追記あり】
障害の影響で、日本でも25日夜ごろ（日本時間）から、スマートリモコン「Nature Remo」、家電をスマート化するIoTデバイス「SwitchBot」など、AWSに接続するスマート家電向けデバイスで不具合が発生。Twitter上では「電気を消せなくなった」「家電を操作できない」などの報告が相次いでいる。 AWSのステータスページによると、北米のリージョンでは、上記に加えてAWSの監視ツール「Amazon CloudWatch」、アプリケーション間のデータを接続するサービス「Amazon EventBridge」、IoTデバイスをAWSに接続するサービス「AWS IoT Core」なども正常に動作していない。 欧州、アジア太平洋、アフリカ、中東のリージョンで不具合が起きているのは「Amazon CloudFront」のみとしている。 だがAWSによれば「障害の影響でステータスページの更新に
Rails: ルーティングを動的にビジュアル表示する方法｜TechRacho by BPS株式会社
以前Railsウォッチ20201012でご紹介した内容を自分用に別記事にしました。 RailsのルーティングをFSM（有限状態機械）の形式でHTMLファイルに出力し、動的にルーティングをシミュレートできる機能です。 参考: 有限オートマトン - Wikipedia routes visualizer、`devise_for :users` みたいなDSL処理される系のroutingでもちゃんと展開された。めっちゃ実用的では #kaigionrails pic.twitter.com/LBBKPcE4D4 — Masato Mori (@morimorihoge) October 3, 2020 ⚓ Railsのルーティングビジュアライザ ⚓ 必要なもの Railsローカル実行環境 graphviz なお、2012年の56fee39でJourneyがAction Dispatchに統合された
もう迷わない！CSS Flexboxの使い方を徹底解説 | Web Design Trends
CSS Flexboxは、CSSによるレイアウト作成でよく使われるCSSのレイアウト手法です。 レイアウトを作成する方法は他にもCSS Grid Layoutや、inline-blockを使用する方法などがありますが、細かい所を自動で調整してくれたり、簡単にレイアウトを作成することができるというFlexboxの特徴から使用される頻度が高いです。 慣れてしまえば扱いやすいFlexboxですが、使い方に慣れるまで少し苦労することも多いですね。 そこで、今回はCSS Flexboxの使い方を分かりやすくご紹介していきたいと思います。 2021年版：Flexboxの対応ブラウザとベンダープレフィックスまとめ CSS FlexboxはCSSでレイアウトを組む時に使われる主要な手法の1つです。 しかし、比較的新しいレイアウト法なので、一部のバージョンが古いブラウザでは正しく表示されないという課題も抱え
2020秋 Vim のファイラー系プラグイン比較
各プラグイン詳細 1. Netrw 間違って :e . とかしたときに起動する Vim に標準で付属しているファイラーです。 実は今回比較するファイラーの中で最も機能的に充実しています。 ツリー表示や簡単なファイル操作もでき、リモートファイルの閲覧編集なども単体で可能です。 「じゃぁ、これでいいじゃん？」となるかというと、以下のような点から常用は難しいと個人的には感じています。 内部コードが難解で第三者によるメンテが難しい 上記のため解決する目処がない不具合が多い（パフォーマンス問題含む） ただ、リモート接続先などで素の Vim を使う際などに利用できると便利なので、ある程度は使い方を知っておくと便利です。 2. Dirvish 今回紹介する中で最も機能が無いファイラーです。 何もしないので動作がとても軽快。 端的に言えばディレクトリの内容をバッファに出力するだけのプラグインです。 バッフ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
