個人でも手軽にオンライン決済のサブスクが導入できる「SELECTTYPE」レビュー、年払いから日払いまで幅広く対応＆課金タイミングや入会金の設定も自由自在
サブスクリプション(月額課金)サービスの提供は、支払う側の手間を省いて「支払い忘れからのサービス離れ」も防げるため、「継続的な収入が確保しやすい方法」として注目を集めています。「サブスク」と聞いて音楽や映画の配信サービスを思い浮かべる人も多いかもしれませんが、実際には習い事やセミナーの月謝、月または週ごとに回数が決まっている家事代行サービスや食材配達サービスの利用料金、トレーニングジムやコワーキングスペースの会員料金なども、「サブスク」と呼べるもの。このようなサブスクサービスの導入は、さまざまな業種やサービスでビジネスプランの幅をぐっと広げます。 無料＆簡単にオンライン予約システムを作成できる「SELECTTYPE」は、そんな考え方次第で幅広い業種に応用できるサブスクサービスを手軽に導入することができるサービスとなっています。予約システムを導入しなくてもサブスクサービス単体で利用できるとの
効果音ポン出し画面｜効果音ラボ
生配信やZoomなどで活用できる、効果音を好きなボタンに割り当てて鳴らせるWebアプリです。音は2000種類以上の中から選べます。
こんにちは、エンジニアの @MinoDriven です。 今年2019年4月にリファクタリング専門チームを発足しました。 crowdworks.jp の最重要機能であるお金周りの機能に関して、どのような技術アプローチでリファクタしているかを紹介致します。特に、Railsには適用困難と言われているドメイン駆動設計の考え方を取り入れた手法を解説致します。 目次 背景 リファクタリング専門チーム発足 技術的負債 リファクタリング対象選定 方針①：パレートの法則（80:20の法則） 方針②：リファクタリング選定基準3軸 「仕事周り」か「お金周り」か お金周りモデルのリファクタリングを妨げるConcern 課題①：ActiveRecord側の構造に依存したコード 課題②：型や構造のチェック(リスコフの置換原則違反) 課題③：重要業務概念の埋没 どのようにリファクタしたか 手法①：Concern側メソ
Swagger ではない OpenAPI Specification 3.0 による API サーバー開発
JJUG CCC 2019 Fall の発表資料になります。 OpenAPI Generator を使って小規模な Web API サーバーを開発したときの経験やノウハウをまとめたものです。 https://ccc2019fall.java-users.jp/ https://jjug-cfp.cfapps.io/submissions/92e3117f-d911-4674-b97b-581813cfa0dcRead less
Penpot is the web-based open-source design tool that bridges the gap between designers and developers.
フロント（SPA）開発案件2つのプレイングマネージャーと開発リーダーやってますが、JavaScriptが死ぬほど嫌いです。 ブラウザ上で動作するスクリプトなので仕方ないし、async-awaitで大分便利になったけど、非同期処理がやっぱり好きじゃないです。 JavaとかPythonとかそれなりの期間触った言語は大概「みんな違ってみんないい」みたいな感じになるんですが、JavaScriptだけそうならないので本当に嫌いなんだと思います。 因みにCSSはもっと嫌いです。 機械学習モデルの構築をPythonで実装することは多いと思いますが、ちょっとしたデモアプリでも作るとなると、フロント側はどうしてもHTML、JavaScript、CSSで組まないといけないです。 Jupyter Notebookも選択肢に入るかもしれませんが、Webアプリと比べると表現の自由度は下がるし、コードセルが見えるのは
日本語 音声読み上げソフト|音読さん
音声読み上げソフト 下のテキストボックスに文章を入力すると好みの音声で読み上げてくれます。 読み上げたテキストはその場で聞くだけでなく、音声ファイル(.mp3)としてダウンロードできます。
今年はコロナの影響でいろんなイベントがオンラインになったり、中止になったりしてますが、 web.dev live 2020 が7月初頭にやっていたので、聴講してきました。 web.dev その中でも面白かったものについていくつか紹介します。 Day 1 ほぼ Core Web Vitals についての話でした。 以下のトークが面白かったです。 What's new in speed tooling Optimize for Core Web Vitals Core Web Vitals についてはもう既にたくさん資料があると思いますが、一応解説しておきます。 Core Web Vitals 初期表示の新しい指標です。去年くらいからずっと Chrome Dev Summit とかでは言われていて、既にLighthouse をはじめとして、色々なツールでサポートされています。Largest C
はじめに はじめまして、キャディでバックエンドエンジニアとして働いている高藤です。 キャディではRustを使ったバックエンドAPIを実装しています。業務ではgRPCサーバを実装していますが、今回はRustを利用した簡単なWebアプリケーションを作成し意外と簡単にAPIサーバが作れる事を紹介させていただきます。 今回はまだRustを触ったことない方でも記事を読み、ちょっとRustやってみようかなと思ってもらえたら幸いです。 前提 Rustの言語仕様など基本的な説明は省略させていただきます。Rust未経験であれば、是非公式のドキュメントを読んでください。 https://doc.rust-lang.org/book/ 有志による日本語訳 https://doc.rust-jp.rs/ 作るもの 今回はまず単純にHTTP RequestをするとJSONを返すサーバを実装を行います。 環境 ❯ r
こんにちは、Qiita運営スタッフです。 4月26日（月）より開催中の記事投稿イベント フロントエンド強化月間 – 開発する上で知っておくべき知見を共有しよう へのたくさんのご参加、誠にありがとうございます！ 今回のイベントでは、合計169名の方にご参加いただき、69本もの記事が投稿されました！ ご投稿いただき誠にありがとうございます🎉 フロントエンドライブラリの紹介や、パフォーマンス向上テクニックなど、開発体験、ユーザー体験を向上させるような記事を多数ご投稿いただくことができました。 今回はご投稿記事の紹介とLGTM数ランキングを発表いたします！ Qiita運営ピックアップ記事たくさんのご投稿の中から、Qiita運営がおすすめ記事をピックアップしました！ まだ記事を確認できていない方はご参考にしてみてください！ ざっくり、フロントエンド開発のためのバックエンドサービスを整理する by
ぼくが６つのとき、よんだ本にすばらしい絵があった。『ぜんぶほんとのはなし』という名まえの、しぜんのままの森について書かれた本で、そこに、ボアという大きなヘビがケモノをまるのみしようとするところがえがかれていたんだ。だいたいこういう絵だった。「ボアというヘビは、えものをかまずにまるのみします。そのあとはじっとおやすみして、６か月かけて、おなかのなかでとかします。」と本には書かれていた。 そこでぼくは、ジャングルではこんなこともおこるんじゃないか、とわくわくして、いろいろかんがえてみた。それから色えんぴつで、じぶんなりの絵をはじめてかいてやった。 背景色がそれぞれ、上は#000、下は#333になっています。 上は長文を読んでいるうちに、目がチカチカしてきませんでしたか？ 人間の目は、光とその屈折量で色を判断します。 より明るいほうに適応しようと調整するので、その対角である#000はどうしても目
2019年9月16、17日、日本最大のPythonの祭典である「PyCon JP 2019」が開催されました。「Python New Era」をキャッチコピーに、日本だけでなく世界各地からPythonエンジニアたちが一堂に会し、さまざまな知見を共有します。プレゼンテーション「Python_Webフレームワーク比較」に登壇したのは、CMSコミュニケーションズ代表取締役の寺田学氏。講演資料はこちら PythonのWebフレームワークについて 寺田学氏（以下、寺田）：それでは「Python Webフレームワーク比較」ということで、45分間のトークをしていきたいと思います。 資料は基本的に英語ですが、大事なところは日本語で書いています。もともと英語で発表したいという想いがあったんですけど、日本語で伝えたほうがいいなと思ったので、今日は日本語です。 私は寺田学といいます。CMSコミュニケーションズと
Goで作ったロジックにWebUIをつけてGitHubページに公開する | フューチャー技術ブログ
ちょっとしたツールをGoで作ってみたのですが、わざわざインストールしなくてもいいようにWebのUIをつけてブラウザで使えるようにしてみました。作ってみたのは以下のツールで、Markdownのリスト形式でざっと下書きしたテーブルの設計をSQLとか、PlantUMLとかMermaid.js形式のERDの図にします。 https://shibukawa.github.io/md2sql/ ウェブフロントエンド部分はNext.jsの静的サイトで、GoはWASMにしてロードして実行しています。WASMを使うのは初めてなのであえて選んでみました。 GoをWASM化するもともとCLIツールは作っておりました。CLIのメインはcmd/md2sql/main.goで作っていました。この中でやっていることは kingpin.v2のオプションパース 指定されたファイルを読み込み(あるいは標準入力) パース 指定
SSRF は外部から到達できない領域にあるサーバーなどに対して、バグを悪用することでリクエストを送る攻撃手法・脆弱性です。本記事では SSRF が起きる原因と、脆弱性の影響について攻撃シナリオをベースに説明していきます。
Vanilla JSでSPAやったるで
TL;DR JS史上最軽量フレームワークと名高いVanilla JSでSPAしてみました。 今回目指すSPAの仕様 URLに対応するページが表示される。アンカーリンクをクリックするとURLが変更され、ページが遷移する。その際、画面のリロードは発生しない。 ブラウザバックを押下すると、画面のリロードをせずに前表示していたページに戻る。 URLから変数を受け取り、画面に反映させる。 画面を用意 以下のようなindex.htmlを用意しました。 ヘッダー内ににアンカーリンクと、コンテンツにSPAの描画先としてid="app"のdivタグを配置しています。 <html> <head> <title>バニラでSPA</title> <meta charset="UTF-8" /> </head> <body> <header> <a href="/">TOP</a> <a href="/home">
大規模toB SaaS「HRMOS」のフロントエンド開発にDesign Systemを導入した理由
HRMOSでは複数存在するモジュールの体験を統一するために「Design System(デザインシステム)」の開発を行ってます。 そこで本日は HRMOSにおけるDesign System メリットだけではない、Design Systemのデメリット を中心に紹介をしたいと思います。 Design Systemとは？ 『Design System』という本の一節にこう書かれています。 デザインシステムとは、デジタルプロダクトの目的を達成するために首尾一貫したルールで編成された、お互いに関連づけられたパターンとその実践方法です。パターンは繰り返される要素で、これらを組み合わせてインターフェースを作成します。 — Design Systems - アラ・コルマトヴァ HRMOSにおいてのDesign Systemとは、いわゆるUI Kitのようにデザインパターンが羅列されているだけでなく、いつ
無料＆簡単に予約システムが作れてクレカ決済機能やキャンセル料の設定、会員向けの月会費コース導入も自由自在な「SELECTTYPE」レビュー
新型コロナウイルスが人々の生活や経済に大きな影響を与えている中で、手軽に予約が可能なオンライン予約システムは顧客を確保するために重要です。「予約システムの構築は知識がないと難しい」というイメージがありますが、「SELECTTYPE」を使えば、詳しくなくてもオンライン予約システムを無料で簡単に作成可能。しかも、クレジットカードを使った決済機能の導入や予約キャンセル料の設定、月会費制の会員向けのプランも提供でき、多様なビジネスに対応しているだけでなく、特に飲食店にありがちな「予約の直前キャンセルで用意した席や料理が無駄になる」というリスクを避けることもできます。 というわけで、140種類以上のテンプレートから好きなものを選べるSELECTTYPEでサクッと予約フォームを作成、細かいところまで自分好みにカスタマイズして、デザインの変更やクレジットカード決済機能の導入、会員システムで可能な機能など
リバースブルートフォース攻撃はパスワードを固定して ID 部分を変えながら認証を繰り返していく不正アクセスを目的とした攻撃です。
個人開発で初めてWebアプリをリリースした話
はじめに 先日、漢字テストメーカーというWebアプリをリリースしました。 ブラウザだけで下のような漢字テスト風の画像が作成できるというアプリです。 漢字テストメーカーで生成した画像 この記事では、このアプリをリリースするまでの道のりや、その道中で起こった様々なトラブルを書き残しておきます。 自己紹介 Webセキュリティ系企業に務めるエンジニア2年目です。普段は社内開発的な事をやりつつ、雑多に色々やる何でも屋的な研究開発職です。好きな言語はPythonです。 事の始まり 時は2022年5月のゴールデンウィーク。何かを生み出さないといけない気がするというオタク特有の焦燥感に駆られた私は、創作意欲を持て余していました。 一方その頃、Twitterで私のTLにある方のこんなツイートが流れてきました。 これは戦姫絶唱シンフォギアという超ド級大傑作アニメの難読漢字・当て字の多さをネタにしたツイートで、
インターネットの普及に伴い、ウェブアプリの開発はますます盛んになっていますが、クリックするボタンやテーブルといったウェブアプリのコンポーネントはUIフレームワーク間で標準化が十分とは言えず、同じコンポーネントを再構成するのに開発現場の時間が取られることもあります。「Open UI」では、複数のUIフレームワークのコンポーネントを簡単に確認することができます。 open-ui.org/ https://open-ui.org/ GitHub - WICG/open-ui: Maintain an open standard for UI and promote its adherence and adoption. https://github.com/WICG/open-ui 「Open UI」プロジェクトを主導するWeb Incubator CGによると、ウェブアプリのデザイナーや開発者
Conversational and continuously learning, You.com enhances web search, writing, coding, digital art creation, and solving complex problems.
はじめに 最近金髪から黒髪に戻して更生しました藤井（フロントエンドエンジニア）でございます。久々にテックブログに貢献させて頂きます！ 今はメインの施工管理機能の改修の傍ら、新機能開発にも携わっておりまして、フロント側はSSRモードのNuxtを採用しております。さて、そんな中SREチームから「フロントエンドがメモリリークしていませんか？」との通報が入りました。 いやいや、そんなハズは・・と思いながらもDatadogを見てみると見事にメモリ消費量が右肩上がりに増えていってます。なぜじゃ・・・。 調査開始 メモリリークになるような処理を入れた覚えはないぞ！と思いつつも調査開始です。ひとまずChromeのDevtoolでPerformanceやMemoryタブを見ながら確認しますが、これと言って原因が見つかりません。 おかしい・・。なんでだろう。 あれこれ試しましたが解決せず、ほぼ1日消化しました
ブラウザ上で動作するインストール不要の動画編集アプリが「Mastershot」です。切り取りや文字入れなどのシンプルな機能を備えたこのアプリを実際に使ってみました。 Create amazing videos with our online video editor - Mastershot https://mastershot.app/ Mastershotのトップページはこんな感じ。まずは「Start Editing」をクリックします。 利用のためにはアカウントを作成する必要があるので、メールアドレスとパスワードを入力して「Register」をクリックするか、「Sign up with Google」をクリックしてGoogleアカウントで登録します。 アカウントが作成され、ログインが完了しました。動画編集を行うためには「Let's Get Crackin'」をクリックします。 動画編集
最近の脆弱性管理の動向や取り組み方を「脆弱性管理レポート」としてまとめました。yamory 利用者様からのアンケート結果も交えながらご紹介します。
SoRの性質が強いBtoBアプリケーションでは、「堅く」作ることを求められる箇所がしばしばあります。 Scalaの型安全性が頼もしく感じられるのは、まさにこのような箇所においてです。 「堅く」作るために、私たちがいま注目しているのが refined と newtype というライブラリです。 この記事では、refinedとnewtypeを使ってScalaの型安全性をさらに引き出すテクニックを紹介します。 Value Class / Tagged Type refined + newtypeの話題に入る前に、これまでにどのようなテクニックが使われてきたかを簡単に振り返りましょう。 ここに、SNSのユーザーアカウントを表現するクラスがあります。 case class User(id: String, email: String, age: Int) val user1 = User("@tod
アジャイル開発を採用しているチームにおいても、ビジネスの要求によっては「一定規模のフィーチャーセット」を「特定の時期にリリースする」ことを、達成しなければなりません。 そういった要求に対し、挑戦する20代の転職サイト「 キャリトレ 」 の開発チームがどのように立ち向かっているのか、リファインメントの実践例を通してご紹介します。 「キャリトレ」は2022年12月21日をもってサービス終了しました。 予測可能性を求めるビジネスの要求とは 分かりやすい例でいうと「業界の繁忙期に合わせて新機能をリリースしたい」などです。 また、BtoBビジネスの場合、開発チームがフィーチャーセットとリリース時期をある程度担保することができれば、 企業のお客様に対し事前のご案内がしやすくなります。 そのことは、リリース直後からその機能を最大限ご活用していただける、という大きなメリットがあります。 事業部一体となって
GitHub - TabbyML/tabby: Self-hosted AI coding assistant
03/20/2024 v0.9 released, highlighting a full feature admin UI. 12/23/2023 Seamlessly deploy Tabby on any cloud with SkyServe 🛫 from SkyPilot. Archived 12/15/2023 v0.7.0 released with team management and secured access! 10/15/2023 RAG-based code completion is enabled by detail in v0.3.0🎉! Check out the blogpost explaining how Tabby utilizes repo-level context to get even smarter! 11/27/2023 v0.6
[レポート]サーバレスアプリケーションのコツ総ざらえ！(SVS401-R Optimizing your serverless applications) #reinvent | DevelopersIO
[レポート]サーバレスアプリケーションのコツ総ざらえ！(SVS401-R Optimizing your serverless applications) #reinvent 「サーバーレスアーキテクチャのフルパワーを解き放つ便利なガイド、欲しくない？」 って言われたらそりゃ欲しいですよね！これはこのセッションの紹介文にあった一節です。この言葉に釣られて参加したセッションのレポートをお届けします。「まだre:Inventの話してるのかよ！」とツッコまれたあなた、おっしゃるとおりです。ですが二ヶ月ほど経った今でも十分有用な情報ばかりなのでぜひご一読いただければと思います。紹介文に偽りはなかったです！ セッションタイトル SVS401-R1 - [REPEAT 1] Optimizing your serverless applications セッション概要 あなたは経験豊富なサーバーレス開
![[レポート]サーバレスアプリケーションのコツ総ざらえ！(SVS401-R Optimizing your serverless applications) #reinvent | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/f229d9254bb6a1cbfbc11a651d6a88b228d4b2fe/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2020%2F02%2Fopt-eyecatch1.png)
動画をアップロードするだけ 簡単に字幕・テロップ起こし！ 「テロップメーカー」は動画をアップロードするだけで、動画内の音声を認識して文字起こしを行い、自動で動画に字幕・テロップをつけるサービスです。
室見川“Web フロントエンド”の悲しみと明るい未来という記事を読みました。 これについては全く同感です。 next.js が vercel を提供して CDNからサーバーサイドでの処理までをワンストップに提供しているとか、 firebase がクライアントサイドでの SDK と Cloud Functions をなるべく一貫した体験で提供しようとしていることとか、あるいは今話題の React Server Component とかについて、フロントエンドの最前線がいったいどのような苦しみにあるか、理解できる人は実はあまり多くないのではないか、と僕は思っている。 それは何かといえば、絶望的なまでのサーバーサイド/バックエンドへの忌避感だ。https://anond.hatelabo.jp/20210105164149 というのも、これは私達がvte.cxを提供してからずっと感じていた課題だ
PCでの作業中や勉強中に海の音や雨音などの環境音声を再生している人は多いはず。無料で公開されているウェブアプリ「slow roads」は山岳地帯や月面の地形を自動生成してドライブ中の自動車やバイクの音を無限に再生可能で、作業中のBGMやBGVとして役立ちそうだったので、使い方をまとめてみました。 slow roads https://slowroads.io/ 「slow roads」にアクセスすると、以下の画面が表示されるので「Let's go」をクリック。 すると、画面に自動車が表示され、画面上部には操作方法が表示されます。自動車はWASDキーや矢印キーを用いて操作可能で、Fキーを押すか画面下部の「autodrive」と記された部分をクリックすることで自動運転モードに切り替えることもできます。 画面左下の赤枠のボタンにマウスカーソルを合わせると、季節や天気を切り替えることが可能。以下の
本記事では、実際のコードを交えて Java における安全ではないデシリアライゼーションの解説を行い、この脆弱性を見つけた場合にどのように扱えばよいのか、どのような対策を行えばよいのかを解説します。
GitHub - nat/openplayground: An LLM playground you can run on your laptop
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
超楽にRubyで雑に書いたスクリプトをsystemdで管理したい！ - 宇宙行きたい で systemd がユーザ権限で使えることを知る。 開発環境用では nohup と cron の @reboot を使っていました。こちらもお手軽なので紹介。 @reboot とは crontab(5) に @reboot があれば使えます。その名の通りリブート時に一回だけ実行。Ubuntu なら利用可能。 $ man 5 crontab (省略) Instead of the first five fields, one of eight special strings may appear: string meaning ------ ------- @reboot Run once, at startup. @yearly Run once a year, "0 0 1 1 *". @annual
Java は業務システム、Web アプリケーション、Android アプリの開発等で幅広く使われている言語です。本記事では Java ベースの Web アプリケーション開発に焦点を当て、脆弱性とその対策方法について解説します。
GitHub - GorvGoyl/Clone-Wars: 100+ open-source clones of popular sites like Airbnb, Amazon, Instagram, Netflix, Tiktok, Spotify, Whatsapp, Youtube etc. See source code, demo links, tech stack, github stars.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Map Generatorは架空の都市の地図を作成出来るオープンソースのWebアプリです。 細かな設定項目を決めてgenerateを押すだけで決めた設定に沿った地図がランダム生成されます。作成した地図はSVGやPNGでエクスポートできる他、STLやHeightmapといった3Dレンダリングにも対応しています。 地図の設定は非常に細かな設定が可能となっています。学習コストは少し高そうな印象ですがドキュメントも一応用意されているので利用する際は合わせてご覧ください。ライセンスはGPL 3.0との事です。 Map Generator
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リファクタリング専門チームによるお金周りリファクタリング - クラウドワークス エンジニアブログ
Penpot: The Design Tool for Design & Code Collaboration
【Streamlit】JavaScriptが嫌いだからPythonだけでWebアプリをつくる - Qiita
web.dev live 2020 を聴講した - from scratch
RustでWebアプリケーションを作る - CADDi Tech Blog
フロントエンド強化月間 - 開発する上で知っておくべき知見を共有しよう 結果発表🚀 - Qiita Blog
デザインで使ってはいけない色「黒#000」のおはなし | あおろぐ。
PythonのWebフレームワーク、どう選ぶべきか？ Part.1
URL の取り扱いには要注意！ SSRF の攻撃と対策 | yamory Blog
「Edge」の開発ツールを統合し「Visual Studio Code」でWebアプリの開発を完結／Microsoftが「Microsoft Edge Tools for VS Code」拡張機能を一般リリース
oimo.io
リバースブルートフォース攻撃の概要と Web アプリにおける対策 | yamory Blog
はじめに｜Python だけで作る Web アプリケーション(フロントエンド編)
ウェブアプリ開発で使えるUIフレームワークのコンポーネントをまとめて確認できる「Open UI」
Your Personalized AI Assistant.
NuxtのSSRモードでメモリリーク？原因はaxios? - ANDPAD Tech Blog
無料でブラウザから簡単なムービー編集がサクッとできるウェブアプリ「Mastershot」
2020 年 脆弱性管理レポート | yamory Blog
さらなる型安全性を求めて ~ Refinement TypeをScalaで実現する ~
見積もりでアジャイル開発の予測可能性を高める - 「キャリトレ」での実践例
テロップメーカー - 動画の字幕・テロップ入れをAIで自動化
React Server Componentsは再びIsormorphicの夢を見るか
山岳地帯や月面のドライブ映像を無限生成して作業用音声として利用できるウェブアプリ「slow roads」を使ってみた
実践！安全ではないデシリアライゼーションの攻撃手法 | yamory Blog
サーバ再起動しても cron で Web アプリを雑に立ち上げ
Java を使った Web アプリにおける脆弱性対策 | yamory Blog
架空の都市の地図を作成出来るオープンソースのWebアプリ・「Map Generator」
mochansan.hatenablog.com
sanchan-neo.hatenablog.com
www.unseionline.com
www.asahi.com
kamikouryaku.com
www.asahi.com