miracleave株式会社

https://www.miracleave.co.jp/

フォロワー5人

miracleaveはワクワクする最高のITサービスをユーザーに提供するテクノロジー集団です。 「ITでワクワクできる未来へ」をミッションに掲げ、楽しいを創り出す組織から、お客様に感動を与えるようなサービスを届けること、そして、新たな挑戦をする人をデジタルコンテンツの力で後押し、幸せな未来を作っていきたいと考えています。

保護中: mirameet vol.29_サービス Next.js ✖︎ Vercelでテトリスをデプロイ

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。 パスワード: The post 保護中: mirameet vol.29_サービス Next.js ✖︎ Vercelでテトリスをデプロイ first appeared on miracleave Tech Blog .

OREIlly本「初めてのGraphQL」をつまづかないために。

みなさん、こんにちは! 次の祝日は7月18日という事実と向き合えず、だいぶ落ち込んでる佐々木です! さて、みなさんは今年のGWで何かしら新しい学びはありましたか? 僕はまとまった休みということもあり、「GraphQL」に入門してみました!(今更!) 今回は、お世話になった本も含め、読みすすめていく過程で、つまづいたりしたところを紹介できればなと思い

#GraphQL #MongoDB #Docker #GitHub #ハンズオン #サーバーサイド #アーキテクチャ #セキュリティ #設計 

Github Actionsで CIの構築をしてみた!

はじめに お久しぶりです!miracleave新垣です!今年のゴールデンウィークも終わってしましたね!皆さんはどのように過ごしましたでしょうか?私は実家にかえってのんびり田舎ライフを満喫しました!  今回は私の次の案件がruby on railsを使ったプロジェクトということと、前からちゃんと勉強しようしようと放置していた  Github Actionsの勉強がてらに rails (rspec) を使って

#GitHub #Ruby on Rails #Ubuntu #MySQL #Docker #Ruby #Redis #データベース #テスト #ネットワーク 

Dagger の Get started やってみた

Dagger という CI/CD のツールが話題になっているのをみかけました。 なんでも Docker の創始者さんが開発しているとか。 どんなものかと Getting Started をなぞってみました。今回はその記録です。 Getting Started | Dagger docs.dagger.io まずは CI/CD in your local dev のページから実行します。 業務では windows の利用が多いのですが、私物では MacBook Pro を使っているので macOS の手順に従い実

#Windows #macOS #Docker #Git #テスト 

VSCodeでGolang✖︎Next.jsの開発環境を構築してみた

はじめに 上野です! 最近、GraphQL(Golang)とNext.jsを使用して簡単なWebアプリを作ったりしています。今回はこのGraphQLとNext.jsの簡単 Webアプリを作る中で構築した開発環境をご紹介していきたいと思います。 今回はVSCodeのRemote Containersを使用して構築していきます。 Golang側に関しては、ホットリロード、デバックができるようにし、Next.js側に関してはPrettierなどを入れてより

#Next.js #Go #GraphQL #Docker #Windows 

RSpecをShoulda Matchersを使ってめちゃ簡単に書く

はじめに こんにちは!先日mira meet(弊社のミートアップ)で発表させていただいたRSpecのShoulda Matchersがめちゃくちゃ便利なのでこちらでもご紹介させていただきます。 Shoulda Matchersとは Shoulda MatchersとはRSpec内で使用できるライブラリで、複雑なテストをワンライナーで書くことができるマッチャのことです。 Shoulda MatchersのGitHub 通常のテストの場合 例えば、下記のような

#GitHub #テスト 

jsPDFを使ってKonvaのstage要素をPDF化する際に困った話

こんにちは!話題のELDEN RINGを買ったはいいけどあまり遊べていない竹村です。 現場業務にて、JavaScriptのフレームワークであるKonva.jsとjsPDFを使って、画面に描画されているstage要素をPDF化しようとしたところ、stage要素のスケールも含めてPDF化されてしまい、stage全体がPDF化されない現象が起こったため、その解決方法を書いていきたいと思います。 尚、環境はVue2系とな

#JavaScript 

Ginでカスタムバリデーションを実装してみた。

こんにちわ!相も変わらずGolangが大好きな私、佐々木です! 今日はGolangのフレームワーク、 Ginを使っている中で独自のバリデータを作るのがとても簡単だったのでご紹介します。 Gin GinはGolangのWebフレームワークで、同じくGolangのWebフレームワーク「Martini」にインスパイアされた非常に高パフォーマンスかつ、人気のフレームワークです。 また、GithubStarも数あるGolangのW

#GitHub #Go 

Vue.js がホットリロードされなくて困った話

はじめに お久しぶりです!新垣です!今回はVue.jsで新規作成したVue.jsアプリケーションがホットリロードされず、すぐ解消できるやろと舐めてかかったら積んだ話です! Vue.js で新規作成したアプリケーションがホットリロードされない? ある日のこと。業務の一環で作成したVue.jsプロジェクトが何故かホットリロードされない現象が発生しました。私もVue.jsに慣れてきた

#Vue.js #webpack 

Vercelにデプロイしたアプリに独自ドメインを紐づけてみた

はじめに 上野です! 今回はVercelにNext.jsのアプリをデプロイし、独自ドメインの紐付けまでを行っていきたいと思います! Vercelとは? VercelはNext.jsを開発しているVercel lnc.提供しているサーバーレスプラットフォームです。このVercelを利用することによって手軽にNext.jsのアプリケーションをデプロイすることができます。 また、サーバーレスプラットフォームになっている

#Next.js #Docker #GitHub #Git #Firebase #AWS #Serverless 

bash-completion でコマンド補完を設定する

補完って便利だよね! はじめに 積みゲーが多すぎていろいろと中途半端になっている Bell です。 今回は cli のシェルを使っているときに利用している Tab キーの補完についてです。 当たり前のように使いつつどう実装されているのか知らなかったので少し調べてみました。 前提条件 久しぶりのコマンドって使い方を忘れてしまいますよね。 想定として普段は自動でリリ

#bash #テスト 

VSCode開発言語共通な開発環境のススメ

はじめに ローカル汚したくないマンの佐々木です。 しばらくDockerを使っていながらも、インテリセンスを効かせるためであったり、デバッグするためにローカルにnodeを入れたり、pythonを入れたりしていました。 これってDocker使ってる意味薄くない?と思いつつ、作業は進めないといけない…という葛藤の中、ずるずるとここまできてしまっていました。 今回は、開

#Git #Node.js #Docker #Debian #Next.js #Ruby #Python #Windows #Go #Java 

AWSアカウントのセキュリティを見直してみた話

はじめに こんにちは!竹村です! 最近、だいぶ前に作った個人用のアカウントを使ってAWS学習をしているのですが、ふと「ルートユーザーのセキュリティについてあまり気にしていなかったな。。。」と思い、改めて見直してみる事にしました。 AWS学習を始めたばかりの人や、以前アカウントは作って作業してたけど今は放置気味。。。なんて人、もしくは久しぶりにAW

#AWS #セキュリティ 

「pyinstaller」で作ったツールを配布しよう!

こんにちはこんばんわ!末端冷え性な気がする、佐々木です! そして日々、業務効率化や自動化での改善に取り組んでいる皆さんお疲れ様です。 そんな皆さんの中でPythonを利用して改善に取り組んでいる方もいらっしゃるのではないでしょうか? 自分も以前Pythonでちょっとしたツール作っていました。(今も趣味半分でたまに作ります) しかし、せっかく作ったは良か

#Windows #Python #PowerShell #GitHub 

Vue.js 静的サイトジェネレーター GridSome でブログをNetlifyに爆速デプロイ!

はじめに 新年あけましておめでとうございます! 新垣です!年末年始どう過ごしてましたでしょうか?正月って意外とやることなくて暇ですよね。。。私は最近Vue.jsの案件にアサインして勉強の日々なのですがVue.jsを使ってブログを構築してみたいなと思い、調べたところVue.jsの静的サイトジェネレーターのGridsomeというものがあり年末年始でブログ構築してみたのでこ

#Vue.js #GraphQL #GitHub #Git 

12