Deno入門 ─ 新しいTypeScript/JavaScript実行環境でWebアプリ開発とデータベース接続の基本を体験しよう｜ハイクラス転職・求人情報サイト アンビ（AMBI）
例えばmain.tsというスクリプトに対して、ファイルの読み取りだけを許可したい場合は、以下のようにコマンドを実行します。 $ deno run --allow-read main.ts このときmain.tsプログラムはファイルの読み取りだけが可能になるため、ファイルの書き込みやネットワークアクセスをするとPermissionErrorによる実行時エラーになります。 なお、実行時にフラグを何も与えなければ、どの権限も持っていない状態になります。 各フラグにはパラメータを指定でき、例えば次のように実行すると/home/userディレクトリの読み込みだけが許可されます（--allow-writeフラグも同様）。 $ deno run --allow-read=/home/user main.ts また、--allow-netを次のように指定すると、特定のドメインとポートだけのアクセスを許可で
この記事ははてなエンジニア Advent Calendar 2023の 12月36日 2024年1月5日の記事です。 developer.hatenastaff.com Mackerel をファイルシステムにしてみましょう。 Mackerel でファイルシステムを監視するのではありません。 Mackerel をファイルシステムにするのです。 じゃん mackerelfs と言います。よろしくおねがいします。 github.com /home/rmatsuoka/mackerel ディレクトリに mackerelfs をマウントしましょう（マウントの方法は後半説明します。）最初は ctl ファイルだけがあります。 $ ls -l total 0 --w--w--w- 1 rmatsuoka rmatsuoka 0 Jul 14 2042 ctl さて Mackerel を操作するときは AP
Laravel + Vue.jsでGoogleカレンダーのクローンを作ろう！！【Laravel8対応】フロントエンド編①｜Yuu's Memo
皆さんこんにちは！！ 昨日に引き続き、フロント（Vue.js）側の開発を始めていきます。 前回までで、一応LaravelのBlade上にVue.jsのコンポーネントを表示する事ができました。 今回はカレンダーを作っていきたいと思います！ 前回までの記事はこちらからどうぞ Laravel + Vue.jsでGoogleカレンダーのクローンを作ろう！！【Laravel8対応】準備編Laravel + Vue.jsでGoogleカレンダーのクローンを作ろう！！【Laravel8対応】API作成編①Laravel + Vue.jsでGoogleカレンダーのクローンを作ろう！！【Laravel8対応】API作成編②Laravel + Vue.jsでGoogleカレンダーのクローンを作ろう！！【Laravel8対応】フロントエンド準備編 今回は前回インストールしておいたライブラリーを使用するので、それ
開発品質とDeveloper eXperienceを高めるコンテナ開発環境のご紹介 (Python) - ABEJA Tech Blog
はじめに こんにちは 2023年1月に入社し、システム開発グループでエンジニアをしてる春名です。 私の所属しているシステム開発グループでは、開発初期の環境構築をより効率的に行うための活動に取り組んでいます。 今回はそのうちの一つである、Pythonでコンテナ開発をする環境を構築した内容をご紹介します。 なぜコンテナ開発環境かと言いますと、単にAWSのECSやGoogle CloudのCloud Runを使ってデリバリーする案件が多いからです。 より使用頻度の高い開発環境を整備し、テンプレート化しておくことで開発の効率化に活用しています。 2025/12/19 追記 最新のPython開発環境を以下の記事でご紹介しています！ tech-blog.abeja.asia 本記事の内容もご参考にいただきつつ、最新の情報をご確認ください🚀 目次 はじめに 目次 今回作成する環境 Poetryによる
Using Ultra, the new React web framework - LogRocket Blog
Table of Contents What is Ultra? Features of Ultra Ultra vs Aleph.js The drawbacks to using Ultra Getting started with Ultra Building components in Ultra Deploying an Ultra app In the world of frontend development, React is one of the most popular libraries for developing components for web applications. React v18 includes new features, such as concurrent rendering, and it supports SSR with React
Next.js 13のappディレクトリの基礎(Layout, Suspense, Data Fetching...)
Next.js 13の新機能であるappディレクトリは本記事公開時はbetaで現在も開発中ですがNext.js 13でプロジェクトを作成後にNext.jsの設定ファイルであるnext.config.jsでexperimentalとして設定を行うことで利用することができます。今後仕様が変わると思いますがappディレクトリの設定方法を中心にNext.js 13の機能説明を行っています。 プロジェクトの作成 create-next-appコマンドを利用してプロジェクトの作成を行います。プロジェクト名はnextjs-13に設定していますが任意の名前をつけてください。JavaScriptとTypeScriptのどちらかを選択することができますが本文書ではTypeScriptを選択します。プロジェクト作成時にappディレクトリを利用するかどうかも聞かれます。 % npx create-next-app
Update: I originally published this post few months ago, and it only covered Turbo Drive and Turbo Frames then, with a static site. I've since had a bunch of conversations with people working with other tech stacks (Rust, PHP, and Go) wanting to integrate Hotwire into their front-ends, and everyone kept asking about Turbo Streams, since it needs a back-end server. So I've updated the post to build
皆さんこんにちは。自宅のダイナゼノンが、カイゼルグリッドナイトになりました。おっくんです。 去る 2021 年 8 月 10 日に Deno 1.13 がリリースされました。 今回も、リリースノートを参考に 変更事項の気になるところを紹介したいと思います。 実行環境 Docker イメージ denoland/deno:centos(確認時点では Deno 1.13.0 でした) Deno 1.13 Deno 1.13 での変更事項をDeno 1.13 リリースノートを元に確認します。 ネイティブ HTTP サーバー API が安定化しました。 Deno 1.9 より登場した ネイティブ HTTP サーバー API が安定化し、利用に当たって --unstable の付与が不要になりました。 Rust の高速な HTTP サーバー hyper Webサーバーを JavaScript API
最新版のLaravel11でも利用することができ、Next.jsの最新版のバージョン14のapp Routerにも対応しています。 公開当時はLaravel9で動作確認を行いましたが最新版のLaravel11で動作確認を行い文書のリライトを行っています。 バックエンドの設定(Laravel) LaravelはAPIを提供するバックエンドサーバとして設定します。 Laravelプロジェクトの作成 Laravelをインストールを行う前にNext.jsをインストールするフロントエンド用のディレクトリとバックエンド用のLaravelのディレクトリをわけるために任意の場所にlaravel-nexjsディレクトリを作成します。 laravel-nextjsディレクトリを作成後にlaravel-nextjsディレクトリに移動してcomposerコマンドを利用してLaravelプロジェクトの作成を行います
Mozilla Hubs を VirtualBox でホストしてみた｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ
Mozilla Hubs を VirtualBox でホストしてみた みなさんメタバース盛り上がってますか！インフラエンジニアの nobuh です Facebook も社名を Meta に変更するなど、メタバースが次世代のネットの主役になりえる？可能性があるということで、その動向には目を離せないところです。 すでに実現、実装されているメタバースや VR のプロダクトやサービスもいろいろありますが、今回は Mozilla 社がオープンソースで公開している Mozilla Hubs に注目し、そのサーバーを自分の手元の VirtualBox で動かすことに挑戦してみました！ Mozilla Hubs とは Mozilla 社の作ったブラウザでアクセス可能な VR の空間共有サービスで、簡単に要約すると３つの形態があります。 hubs.mozilla.com : Mozilla 社が運営してくれ
これは、「フィヨルドブートキャンプ Part 2 Advent Calendar 2021」25日目の記事です。 adventar.org adventar.org はじめに 自作するネットワーク環境の構成 仮想環境（Linux VM）の準備 Multipassを使った仮想環境の準備 HomeBrewでインストール UbuntuのVMの起動 UbuntuのVMにログイン IPフォワーディングの有効化 Network Namespaceを使ったネットワーク環境の構築 Dockerのインストール スクリプトの構築手順 Network Namespaceの作成 仮想インターフェースの作成 仮想インターフェースをNetwork Namespaceに割り当て ブリッジの作成 仮想インターフェースの有効化 仮想インターフェースにIPアドレスやルーティングの割り当て ルーターのIPフォワーディングの有効
Windows11 WSL2 qemu (Nested VM) の使い方と他の仮想マシンとの速度比較 - hiroの長い冒険日記
Windows11 の WSL2 では Nested VM が有効になっています。これまで Windows版 qemu を使用してきましたが、ググって調べたときに出てくる qemu の記事は殆どが Linux 上の kvm を使用した物で、Windows版 qemu には適用できない事が多い状況でした。折角 WSL2 で使えるようになったようですので、Nested kvm で qemu 仮想マシンを起動できるか試してみました。また、whpx option 有効の Windows版 qemu 、Windows11 の Hyper-V や Virtualbox、実機で起動した Ubuntu やその上で起動した qemu についても速度を比較しました。 はじめに WSL2 で Nested VM が有効かどうか確認 WSL2 Ubuntu に qemu を install WSL2 qemu-k
Full-stack Rust: A complete tutorial with examples - LogRocket Blog
We also define some helpers to create our data objects for the API from the database domain objects. This is all we’ll put in the common project. Let’s continue with the backend part of our app. Building the REST backend We start off with the database definition for our data model: CREATE TABLE IF NOT EXISTS owner ( id SERIAL PRIMARY KEY NOT NULL, name VARCHAR(255) NOT NULL ); CREATE TABLE IF NOT
今年(2024年)の初めにvJunos-routerがリリースされました。 www.juniper.net vJunos-routerは(上の公式の説明でも書いてある通り)ラボでの利用を想定したテスト用の仮想ルーターとなります。 これがあればJunosの勉強が捗る…！という訳で使ってみました。 公式の要件を見ると仮想化ソフトウェアは「QEMU-KVM」のみサポートで、今までQEMU-KVMを触ったことない私にとってなかなかなハードルでした。 実際インストール(デプロイ)してみたら、公式の説明があんまりイケてなく初学者な私の力不足で色々つまづいたので、仮想ルーターをコンソールで操作できるまでの手順をまとめました。 なお、制限事項やインストール要件などはこの記事では省略します。公式の説明をご覧ください。 まず、公式サイトからvJunos-routerのVMイメージとXML形式の定義ファイルをダ
LocalStack でローカル環境に EC2 と RDS を用意する - GMOインターネットグループ グループ研究開発本部
1 EC2 1-1 〇 立てられた。 1-2 △✕ 設定値は登録されるが、期待したような通信制約はなさげ。 2 RDS 2-1 〇 立てられた。 Aurora Postgres, MySQL 2-2 〇 EC2 と通信できた。 私が実行した環境は以下の通りです。 環境 ・Windows 10 ・WSL 2 ・Ubuntu 20.04.4 LTS ・docker 20.10 ・docker-compose 2.11 ・LocalStack 1.1 準備 LocakStacl を Pro 版で立ち上げる 前提としてProの申し込みが必要です。 Proを使うためにはアカウントを作ってログインし、 Account → Subscriptions でProのトライアルを選んで進むとAPIキーが発行されます。特にクレジットカード等の入力は不要でした。 次に LocalStack を Pro で立ち上
By Hardik Savani November 5, 2023 Category : Laravel Today our leading topic is laravel 8 roles and permissions tutorial. In this article, we will implement a laravel 8 spatie user roles and permissions tutorial. i explained simply step by step laravel 8 spatie/laravel-permission. step by step explain laravel 8 acl tutorial. we are using spatie github package for roles and permissions in laravel 8
Turbo Streams: How They Work and Differ From Turbo Frames
💡 If you are interested in learning about Hotwire, check out my crash-course on Hotwire's Turbo framework.In the last article, we learned how a static website can behave like a responsive single-page application using Turbo Drive and Turbo Frames, which enable faster navigation and dynamic page updates. In today's post, we'll learn about the third major component of Turbo, i.e. Turbo Streams, and
Beginnings I'm old enough to remember when Vagrant looked like a promised land where every development environment would look the same. Differences between language versions, as well as some unusual OS version differences, resulted in a few days of unproductive debugging of your development environment. I've had similar excitement when I started my first Docker Swarm (who uses that these days?!) -
React + TypeScript + Django REST frameworkでToDo管理アプリを作ってみた - メモ的な思考的な
先日、大岡由佳さんの「りあクト！ 第3.1版 (2020年12月26日 初版第1刷発行)」を読みました。書籍では理由や経緯などが書かれており、とてもためになりました。ありがとうございました。 りあクト！ TypeScriptで始めるつらくないReact開発 第3.1版【Ⅰ. 言語・環境編】 りあクト！ TypeScriptで始めるつらくないReact開発 第3.1版【Ⅱ. React基礎編】 りあクト！ TypeScriptで始めるつらくないReact開発 第3.1版【Ⅲ. React応用編】 そこで、Reactの理解を深めるために何か作ろうと考え、よくあるToDo管理アプリを作ってみたことから、その時のメモを残します。 目次 環境 やることとやらないこと やること やらないこと 環境構築 Python CRAによる、React環境構築 ESLint Prettier PyCharmの設定
Playwrightのドキュメントを眺めているとPage Object Modelという実装パターンがあり、これが便利そうだと思ったので愚直に実装したパターンとじっくり見比べてみたいと思いました。 私の環境 Node 18.5.x M1 Mac @playwright/test 1.25.1 テスト対象のアプリ 今回はfrourioを使ってサンプルアプリを用意しました。 frourioにはcreate-frourio-appという雛形を作成するコマンドが用意されており、これを叩くだけでTODOアプリが作成されます。 バックエンドもフロントエンドも用意してくれます。 今回は全てデフォルト設定で作成しました。 しばらくしてからlocalhost:8000にアクセスすると以下のようなTODOアプリが表示されます。 画面中央にあるテキストボックスに入力後、ADDボタンを押すことでデータが追加されま
暇人がPodman Desktop + devcontainerでlambdaをデバッグ実行できる環境を作る - サーバーワークスエンジニアブログ
対象 Podmanについて Podman Desktopのインストール Podman Machineの設定変更 環境準備 VScode設定変更 devcontainerの編集 devcontainer実行 Lambda作成とデバッグ まとめ CI1の石井です。 年末年始は日頃溜め込んでたやりたいことを一気に消化できるため、昔からクリスマスもお正月も好きなイベントです。 今回は2022/11にリリースされたPodman Desktopというツールを試してlambdaをデバッグするところまでやってみたいと思います。 対象 本記事はVisual Studio Code(以下VScode)とその拡張のdevcontainerをある程度理解している前提で記載しています。 コンテナ初めての人でも画面や設定ファイルをコピーするだけでデバッグまで出来ればいいかなぁと思って記載しています。 Podmanにつ
$ sudo mount hello-rootfs.ext4 /mnt/ $ cat /mnt/etc/os-release NAME="Ubuntu" VERSION="18.04.5 LTS (Bionic Beaver)" ID=ubuntu ID_LIKE=debian PRETTY_NAME="Ubuntu 18.04.5 LTS" VERSION_ID="18.04" HOME_URL="https://www.ubuntu.com/" SUPPORT_URL="https://help.ubuntu.com/" BUG_REPORT_URL="https://bugs.launchpad.net/ubuntu/" PRIVACY_POLICY_URL="https://www.ubuntu.com/legal/terms-and-policies/privacy-policy
Rails7 APIモードの認証機能を実装するにあたり、Deviseのトークン認証を可能にするdevise_token_authというライブラリを使用することにしました。 導入に少しハマったところなどもありましたので記事にまとめました。同じような構成を検討している方の参考になれば幸いです。 環境構成 devise_token_authの準備 Gemのインストール インストールタスクの実行 routesとmigrationファイルの修正 メッセージの日本語化 CORSの設定 各メソッドの動作検証 ユーザ登録 ユーザ削除 ActionDispatch::Request::Session::DisabledSessionErrorについて ユーザ変更 ログイン ログアウト パスワードリセット 疎通確認 tokenが正しい場合 tokenが正しくない場合 終わりに 環境構成 フロントエンド：Nex
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mackerel をファイルシステムにした - Unengineered Weblog
You Don't Need Rails to Start Using Hotwire
Deno 1.13 へのアップデートと変更事項まとめ - 虎の穴ラボ技術ブログ
LaravelとNext.jsを一緒に利用できるって知ってました？ | アールエフェクト
手を動かして学ぶネットワーク実験環境入門 - mh_mobileのブログ
KVM初学者がvJunos-routerをインストールしてみた。 - 横浜539のブログ
Laravel 8 User Roles and Permissions Tutorial
Switching from Docker to Podman
Page Object Modelでフロントエンドのテストを書いてみる
firecrackerが1.0になったので試してみた - Qiita
Rails7 APIモードの認証機能をdevise_token_authで実装する - 行動すれば次の現実