タグ

開発とwebに関するNetPenguinのブックマーク (39)

  • 分散モノリスとWebAssemblyランタイムを用いた新しいアプリプラットフォーム「Wasmer Edge」登場。オーケストレーションもサービスメッシュも不要

    分散モノリスとWebAssemblyランタイムを用いた新しいアプリプラットフォーム「Wasmer Edge」登場。オーケストレーションもサービスメッシュも不要 WebAssemblyランタイム「Wasmer」の開発元であるWasmer社は、エッジロケーション上のデータセンターにWebAssemblyランタイムを展開し、分散モノリスなアーキテクチャを用いたサーバレス型の新しいアプリケーションプラットフォーム「Wasmer Edge」を発表しました。 The Cloud is dead, long live the Cloud! Announcing Wasmer Edgehttps://t.co/VjGsbMwopy pic.twitter.com/5mTtKBBjsZ — Wasmer (@wasmerio) June 15, 2023 上記のツイートに示されているように、Wasmer E

    分散モノリスとWebAssemblyランタイムを用いた新しいアプリプラットフォーム「Wasmer Edge」登場。オーケストレーションもサービスメッシュも不要
    NetPenguin
    NetPenguin 2023/06/19
    (分散モノリスではない) エッジで動作させる類のフレームワークとかが最近流行り始めてる? 手軽にやれるなら、これはちょっと試してみたい。
  • まだinputに一々disabledかけている?

    フォーム送信中にinput要素やbutton要素をdisableにしてデータが帰って来たら有効に戻すというのは多分よくやっていると思いますが、fieldset 要素一つで一括でdisabledにできる方法を最近知ったので、シェアしておきたいと思います。 普段👇 <div> <input disabled={loading} type="email" name="name" /> </div> <div> <input disabled={loading} type="password" name="password" /> </div> <div> <input disabled={loading} type="submit" value="submit" name="button" /> </div> <fieldset disabled={loading}> <div> <input

    まだinputに一々disabledかけている?
  • これだけは押さえよう!住所フォームの作り方 - ケンオールブログ

    まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基。「建物」フィールドはオプション 文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース(住所フォーム)は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能(郵便番号による住所補完)は、住所フォームの改善方法として最も効

    これだけは押さえよう!住所フォームの作り方 - ケンオールブログ
  • JSON:API — Latest Specification (v1.1)

    Status This page presents the latest published version of JSON:API, which is currently version 1.1. New versions of JSON:API will always be backwards compatible using a never remove, only add strategy. Additions can be proposed in our discussion forum. If you catch an error in the specification’s text, or if you write an implementation, please let us know by opening an issue or pull request at our

  • 生産性が爆上がりするブラウザ:Sidekick|One Capital|note

    こんにちは、One Capital の三好(@saas_penguin)です。 Product hunt で話題になったため、すでに知っている方も多いかと思いますが、今回は超高速ブラウザ「Sidekick」について紹介します。ずっと使いたいと思っていたものの、なかなかM1 Macで安定稼働してくれず・・・ようやく安定してきたので、使ってみた感想や気になるポイントを書いていきます。 昨今のブラウザ事情について 題へ移る前にブラウザを取り巻く環境について簡単に触れておきます。デスクトップブラウザのシェア推移を見ると、10年前は Internet Explorer(以下、IE)が約50%、Firefox が30%のシェアを握るという2強状態でした。しかし、2008年に誕生した Google ChromeAndroid 端末の普及とともにシェアを急拡大させます。2011年には Firefo

    生産性が爆上がりするブラウザ:Sidekick|One Capital|note
  • CSSフレームワークBulmaについて - 一休.com Developers Blog

    フロントエンドエンジニアのid:ninjinkunです。この記事は一休.comアドベントカレンダーの1日目の記事です。 一休.comレストランの管理画面リニューアルプロジェクトにおいて、CSSフレームワークのBulmaを導入しました。結論としては、採用して良かったと思っています。 このエントリではBulmaを選定した理由と、採用後に見えたPros / Consについて述べたいと思います。 なお今回リニューアルした一休.comレストランの管理画面の概要は以下の通りです。 レストラン店舗向けの管理画面 店舗の方と一休スタッフの両方が使う DAUは数千の規模 主な用途は在庫の管理と、プラン(コース)や席の管理 現在は店舗を限定してリリース済み 具体的には以下のような画面で構成されています。 UIフレームワークは必要か? まずそもそもUIフレームワークは必要かという議論があります。 今回のプロジェ

    CSSフレームワークBulmaについて - 一休.com Developers Blog
    NetPenguin
    NetPenguin 2021/04/01
    CSS フレームワーク, Bulma
  • Bootstrapで管理画面(ダッシュボード)作成!【おすすめの無料テンプレート紹介】 | .NETコラム

    ホームページやブログサイトを作る際は必ず、管理者だけがアクセスできる「管理画面」が必要です。とはいえ、一から管理画面を作成するのは意外と大変です。そこで活躍するのが「Bootstrap」。今回は、Bootstrapを使ったテンプレートを紹介しながら、実際に管理画面を作成していきたいと思います。 PG BootstrapHTMLCSSJavaScriptから構成されたWebフレームワークでしたね。 PL はい。Bootstrapのテンプレートを使用すれば、デザイン性と機能性双方を兼ね備えた管理画面を作成することだってできるんですよ。 すべて無料|Bootstrapで管理画面を作成する際のおすすめテンプレート はじめに、Bootstrapで管理画面を作成する際のおすすめテンプレートを3つ紹介していきたいと思います。 おすすめテンプレート1|Admin LTE Admin LTEは、Boo

    Bootstrapで管理画面(ダッシュボード)作成!【おすすめの無料テンプレート紹介】 | .NETコラム
    NetPenguin
    NetPenguin 2021/04/01
    CSS フレームワーク
  • 保守性の高い管理画面のデザインを考える-AdminLTE3 | Webの学び舎

    AdminLTEとは AdminLTEとは管理画面に特化しBootstrapベースのCSSフレームワークです。 スマートフォン等にも対応しており、手軽にかっこいい管理画面を作成することが出来ます。 https://adminlte.io/docs/3.0/ adminLTE – 公式ドキュメント Bootstrap といえば、ある程度CSS設計がしっかりしたサイトなどに組み込むと要らないクラスなどを付与するハメになり、熟練したWebデザイナーからすると犬猿されがちです。 Webを受託制作する現場においてクライアントのニーズに柔軟に対応する為、デザインカンプを一から構築する場合には、CSSフレームワークを利用されないケースも多々あります。 しかし、管理画面の場合はデザイン作成に不慣れなエンジニアが作成することが多く、また複数の開発者が制作に携わるので チームとして永続的に一定のクオリティの制

    NetPenguin
    NetPenguin 2021/04/01
    CSS フレームワーク
  • プログラミング不要。データベースから管理画面を自動作成するPigeon Frameworkをリリース

    株式会社ロフタルは、2019年8月21日より、データベースからadmin画面(管理画面)をプログラミング不要で作成出来るソフトウェア「Pigeon Framework(ピジョンフレームワーク)」をリリースしました。 WEBサービス・アプリケーションの管理画面と言えば、必要ではあるもののどうしても体のサービスに比べて優先度を低くしがちで、セキュリティが考慮されていなかったり、使いにくかったりします。 Pigeon Frameworkは統一されたデザインと多くの機能を提供し、管理画面の開発コストを改善します。 サーバーへのインストールと簡単な設定ファイルを書くだけで、データベースからすぐに管理画面を作成が可能です。 ■基機能 ・データベースから一覧・詳細・編集画面の自動生成 ・グラフ・チャートの自動生成 ・選択形式、ラジオボタン、リッチテキストエディタ、画像・ファイルアップロード等様々な形

    プログラミング不要。データベースから管理画面を自動作成するPigeon Frameworkをリリース
    NetPenguin
    NetPenguin 2021/04/01
    管理画面、自動で作成
  • 2021年版!おすすめのCSSフレームワーク総まとめ。特徴や比較も! | Web Design Trends

    CSSのコード記述量を減らして、効率的にスピード感を持ってWeb制作を行う助けとなるのがCSSフレームワークです。 現在公開されているCSSフレームワークの種類は非常に多く、それぞれの特徴や目的なども様々で、自分に合ったCSSフレームワークを見つけるのも大変です。 今回は、2021年現在でおすすめのCSSフレームワークをCSSフレームワークのランキングを元にご紹介していきます。それぞれの特徴や違いを理解して、目的に合わせたCSSフレームワーク選びに役立てていただければと思います。 CSSフレームワークとは CSSフレームワークとは、ボタンやフォーム、レイアウトなどWebページの実装に必要なコンポーネントや機能が詰まったライブラリのようなものです。 短期間でWebサイトを実装したい場合や、デザイナー不在のチームがWebサービスを作る場合など、CSSフレームワークを利用することによってデザイン

    2021年版!おすすめのCSSフレームワーク総まとめ。特徴や比較も! | Web Design Trends
    NetPenguin
    NetPenguin 2021/04/01
    CSS フレームワーク
  • https://portal.saatisfy.jp/hc/ja/articles/900003989926--Jet-Admin-%E3%83%9D%E3%83%BC%E3%82%BF%E3%83%AB%E3%82%B5%E3%82%A4%E3%83%88-%E7%AE%A1%E7%90%86%E7%94%BB%E9%9D%A2%E3%82%92No-Code%E3%81%A7%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B

    NetPenguin
    NetPenguin 2021/04/01
    管理画面、コード書かずに作成、admin
  • GitHubのサービスを駆使してウェブサイトの死活監視が無料で行える「Upptime」

    ウェブサイトの死活監視サービスは数多く存在しますが、自分でサーバーを用意する必要があったり、監視対象が一定数を超えると有料になったりと、導入に障壁を感じる場合もあります。無料の死活監視ソフトウェア「Upptime」は、GitHub ActionsやGitHub PagesといったGitHubのサービスを使って、簡単にウェブサイトの死活監視を行うことができます。 Upptime https://upptime.js.org/ GitHub - upptime/upptime: ⬆️ Uptime monitor and status page powered by GitHub https://github.com/upptime/upptime UpptimeはGitHub Actionsで5分ごとにウェブサイトの死活監視を行い、ウェブサイトがダウンした場合はGitHubのIssuesに報

    GitHubのサービスを駆使してウェブサイトの死活監視が無料で行える「Upptime」
  • 【開発支援ツール】Charlesの使い方【神ツール】 - Qiita

    1.Charlesとは 注意 稿は古い記事です。こちらに新しい記事を用意しましたので、これからCharlesを使う方は新しい方をご参照くださいmm 【開発支援ツール】Charlesの使い方更新版【神ツールv4.5.6】 1-1. はじめに アプリ開発をしているとAPIのレスポンスを見たかったり、正しいドメインにアクセスしているかを確認したい場合が出てくると思います。 そんな時に便利なツールがCharlesです!(とても便利) 開発に携わるのならば、是非Charlesを使えるようになりましょう!!(とてもとても便利) 神ツールです 1-2. Charlesでできること Charlesを使用すればこんなことができます。 ・通信のモニタリング -アクセスしたドメインやAPIのレスポンスを確認できます。 ・通信速度のシミュレーション -通信速度を変えて通信できるようになります。タイムアウトのテス

    【開発支援ツール】Charlesの使い方【神ツール】 - Qiita
    NetPenguin
    NetPenguin 2020/03/31
    proxy, モック, 偽装
  • 今なぜHTTPS化なのか?インターネットの信頼性のために、技術者が知っておきたいTLSの歴史と技術背景

    【変更履歴 2018年2月15日】当初の記事タイトルは「いまなぜHTTPS化なのか? 技術者が知っておきたいSEOよりずっと大切なこと ― TLSの歴史技術背景」でしたが、現行のものに変更しました。現在GoogleではWebサイトのHTTPS対応と検索結果の関係を強調しておらず、記事の趣旨の一つにも来は独立した問題であるSEOとHTTPS化を関連付けるという根強い誤解を解くことがありますが、当初のタイトルではかえってSEOとHTTPSを関連付けて読まれるおそれがあり、また同様の指摘もいただいたことから変更いたしました。 HTTPとHTTPSは、共にTCP通信上で動作します。したがって、いずれもTCPハンドシェイクで通信を開始します。 HTTP通信の場合には、このTCPハンドシェイク直後に、HTTPリクエストとレスポンスのやり取りが始まります。このHTTPのやり取りは平文通信であり、途

    今なぜHTTPS化なのか?インターネットの信頼性のために、技術者が知っておきたいTLSの歴史と技術背景
  • もう管理画面のフロントコードを書く必要はありません、そう Viron ならね。 - Qiita

    管理画面のフロントエンドコードを書く時代は終わりました。 Vironがあれば、OpenApi(Swagger)でAPI定義を行い、実装するだけで管理画面が完成します。 そしてこれはOSSです。誰でも自由にお使いいただけます。 概要 Vironは、複数の管理画面を管理できるよう設計された、管理ツールマネージメントコンソールです。 APIサーバーとOAS2.0 jsonファイルを作成するだけで、管理画面が一つ完成します。 経緯 私の会社では、大小さまざまな自社サービスが開発・運用されています。 管理画面をサービス・サイト毎に作っていましたが、それには限界がありました。 エンジニアからしたら、管理画面用のデザインやAPIを作らなきゃいけない。工数がかかる。 運用・プロデューサーは、UIUXが管理画面で違うため、操作を覚えるという学習コストが高い。 さらに外から見たいときにスマホから見れないし、

    もう管理画面のフロントコードを書く必要はありません、そう Viron ならね。 - Qiita
  • jq コマンドを使う日常のご紹介 - Qiita

    jq コマンドとは http://stedolan.github.io/jq/ JSONから簡単に値を抜き出したり、集計したり、整形して表示したりできるJSON用のgrepとかawkみたいなコマンドです。 WebサービスがJSONを吐いたり、AWS CLIが JSON を吐いたりする現代社会で大変便利なコマンドです。 マニュアル だいたいここ読めばOK. http://stedolan.github.io/jq/manual/ あ、これで、終わってしまう。だけど気にせず進めます。 簡単な例 まず、空気をつかみましょう。 以下jqコマンドの記法を見ていきます。JSON { "hoge": "value" } があった場合、 . がルート {} を表します。.hoge で "value" を表現します。だいたいこんな感じです。 ただの整形 しばらく下記のJSONを例に進めます。itemsには配

    jq コマンドを使う日常のご紹介 - Qiita
    NetPenguin
    NetPenguin 2017/12/20
    JSON の文字列を入力として柔軟な grep や集計ができるコマンド jq
  • MailSlurper - Web管理画面を備えた開発用メールサーバ

    システム開発中においてもメール送信をテストしたいと思うことがあります。さらに番環境のSMTPサーバを設置していたりすると、ミスした時にとんでもない事態になる可能性があります。十分な注意をしなければならないのがメールシステムの問題です。 そこで使ってみたいのがMailSlurperです。ローカルで動作する、開発用のメールサーバです。 MailSlurperの使い方 MailSlurperを実行すると、Webブラウザ向けの管理画面と開発用のメールサーバが立ち上がります。 メールを送るとWeb管理画面で内容が確認できます。実際には送信されていません。日語はデコードされないようです。 設定画面です。 MailSlurperを立ち上げておいて、メールを送信するようにすればメールアドレスの確認メールやパスワードリマインダーなどのメールについてもテストしやすくなるでしょう。何より実際には送信されない

    MailSlurper - Web管理画面を備えた開発用メールサーバ
    NetPenguin
    NetPenguin 2015/11/14
    いずれ必要になった時にそなえてブクマ
  • Railsアプリつくった - ✘╹◡╹✘

    最近APIサーバ用途でRailsアプリを1個つくったので振り返る。 概要 接続元はiOSやAndroidアプリとか、Webブラウザとか、別のWebアプリケーションとか。1ホストあたり秒間数百リクエスト、平均応答時間10msぐらい。Rails 4.1.0.rc2、Unicorn、Nginxを使ってる。正直Railsは全部入りで重いイメージがあったので何となく平均50ms以内程度であれば良いところだろうと思ってたけど、意外と速い。多分そもそもサーバの性能が良いんだと思う。実装時に気を付けたことは普段の開発と特に変わりない。いつもは大勢でワイワイ開発するものに少し手を加えるということが多いんだけど、今回は珍しく自分一人でつくったから目が行き届いてたのかもしれない。DBへの問合せの効率に気を配るとか、Rubyでの処理の無駄を省くとか、アプリケーションのプロセスに無駄なコードを読み込ませないとか、計

    Railsアプリつくった - ✘╹◡╹✘
    NetPenguin
    NetPenguin 2014/04/08
    これは良い記事。
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
  • あらゆるRESTのテストが出来るWEB開発者用Chromeアプリ「Postman」:phpspot開発日誌

    Postman あらゆるRESTのテストが出来るWEB開発者用Chromeアプリ「Postman」。 通常のHTTP、Basic認証、ダイジェスト認証、OAuth等のテスト用クライアントとして活用できます。 HTTPであればGET、POST等のメソッドを選んで、任意のデータを送信することが可能。 返却値はHTMLでもJSONでもハイライトして見やすく表示してくれます。レスポンスBodyだけではなくヘッダーなんかも表示することができます。 Chromeアプリなのでとりあえず追加しておくだけでもしておくといいかも デザインがBootstrapベースでカッコよく使いやすいのも特徴 関連エントリ POSTやファイルアップロード等がPHPから簡単に行えるHTTPライブラリ「Unirest」