React SPA の環境設定をビルド後にデプロイ環境ごとに変える

2024/12/18 16 users React SPA ビルド後

この記事は、Magic Moment Advent Calendar 2024 13 日目の記事です。 こんにちは！ Magic Moment でソフトウェアエンジニアをやっている Miyake です。 今回は React アプリケーションのデプロイに関する内容を書かせていただきます。Tips 的な内容なので、気楽に読んでいただけたら幸いです。 前提: React アプリケー... 続きを読む

AWS × Terraform 入門　〜環境設定ベストプラクティス〜

2022/10/27 179 users Terraform チュートリアル AWS AWSリソース

Terraformを使用してAWSリソースを管理するにあたり最低限必要な環境設定手順をまとめました。 公式のチュートリアル等で一般的に紹介されている手順に則るとセキュリティや利便性の面で課題があります。 ここで紹介する環境設定方法はその課題を解決する私なりのベストプラクティスな環境設定になっています。 これから... 続きを読む

風前の灯火…　Type 1フォントが使えなくなります！｜DTP Transit 別館｜note

2022/08/25 9 users InDesign 風前 灯火 Illustrator アラート

Illustrator 2022（26.5）がリリースされ、Type 1フォントを使っているドキュメントを開くと「Type1 フォントは、 2023年1月以降サポートされません。」というアラートが表示されるようになっています。 InDesignでも同様のメッセージが出ていましたが、今回のIllustratorは本気。毎回出ますし、環境設定で消すことがで... 続きを読む

カフェで集中できる３つの理由と在宅ワークへの応用方法をご紹介します。 | ノマドでゲストハウスを旅する元教師のしゅんぺーのブログ

2020/05/11 5 users ペー ノマド 在宅ワーク ゲストハウス 元教師

しゅんぺー どうも！しゅんぺーです！在宅ワークの環境設定です。 カフェで仕事がはかどるという経験をされた方は多いと思います。 なぜ集中できるのかを考察して、 在宅ワークへの応用方法を今回はご紹介します。 では、いってみましょう。 カフェで仕事がはかどる３つの理由 実はカフェには集中できるエッセンスがいく... 続きを読む

【LINE】意外と知られていない!?送られてきた「友達追加」のQRコードを端末１台で読み取る方法 | ユニコブログ

2020/02/25 9 users コミュニケーションツール 面倒くさいこと ユニコブログ 状況

今やLINEはコミュニケーションツールとして欠かせないアプリになっています。しかし、「友達追加」をする時の状況や環境設定によってはちょっと面倒くさいことが起こります。今回はそんな時に「環境設定」を変えずに「友達追加」をする方法を紹介します。 LINEの友達追加方法 まずは、基本的なLINEの友達追加の方法とち... 続きを読む

VS CodeをGitHubとスクリプト使って半自動で楽々セットアップ - karaage. [からあげ]

2019/02/26 83 users vim デバッグ KARAAGE エディタ GitHub

VimからVS Codeから乗り換えつつある日々 デバッグがVS Codeで便利にできることが分かってから、エディタはVS Codeがすっかりお気に入りになりVimから完全に乗り換えつつある今日この頃です。 ただ、乗り換える時大変なのが、環境設定ですね。1台のPCならなんてこと無いのですが、プライベートや仕事の闇のエンジニアと... 続きを読む

｢Slack｣を最大限に利用するための基本テクニック15個 | ライフハッカー［日本版］

2018/07/18 133 users Slack セク ライフハッカー 秘訣 コミュニケーション

Slackに生活を乱されていませんか？ 過剰なコミュニケーションが原因で何も手に付かないようでは、せっかくのツールが台無しです。 そこで、Slackのアジア太平洋チームを率いるArturo Arrrte氏に、そうならないための秘訣を聞きました。 サイドバーをすっきりさせる｢環境設定｣メニューで｢サイドバー｣を開き、｢表示｣セク... 続きを読む

openCV.js を使ってスマホ上で画像処理をしてみた

2018/06/26 15 users OpenCV 画像処理 スマホ上 ライブラリ JSファイル

もはや最近ではよく聞く単語となった「画像処理」をJavaScriptでやってみました。 openCV.jsとは 画像処理でよく使われるライブラリであるOpenCVのJavaScript版。 これにより、jsファイルとブラウザさえあれば画像処理を実現できるので 面倒な環境設定をせずとも画像処理を行なえるようになりました。 そのOpenCV.jsを用... 続きを読む

Python製シェルxonshを半年使った所感や環境設定のまとめ - Stimulator

2018/06/22 103 users 所感 半年 Python シェル 同僚

- はじめに - Pythonにおけるpython-prompt-toolkit(以下ptk)を使って作られたシェルである「xonsh」を同僚にオススメされて、大体半年くらい使ったので設定とかxontribとか所感を晒していく。 前半でxonshのメリット、デメリットの概要を記載し、後半に自身が利用する設定やxontribについて記載する。 この記事は、xons... 続きを読む

VS CodeでPythonするために必要なこと (1/3)：Visual Studio Codeで始めるPythonプログラミング - ＠IT

2018/05/21 303 users Pythonプログラミング VS Code Python

Visual Studio Codeで始めるPythonプログラミング： VS CodeでPythonするために必要なこと (1/3) VS CodeでPythonを始めるための新連載。VS CodeでPythonするのはなぜか、その理由と、必要な拡張機能のインストール、簡単な環境設定までをまとめよう。 連載「Visual Studio Codeで始めるPythonプログラミング」 本連載ではVi... 続きを読む

拡張子をまとめて変換する方法。MacのFinderなら手間や時間をかけず一括変換できます | ライフハッカー［日本版］

2018/05/09 17 users Finder screenshot ライフハッカー Mac

MacのFinderでファイルの拡張子をまとめて変更 する方法を紹介します。 たとえばjpgファイルをpng形式に変更したり、mp4ファイルをm4aに変換したりするときに役立ちますよ。 どうやって変換する？ Screenshot: かめきち まずFinderを開き、メニューバーにある｢ Finder ｣→｢ 環境設定 ｣へアクセスしましょう。｢ 詳細 ｣タブにて ｢拡張子を変更する前に警告を表示｣... 続きを読む

Ansibleでプロビジョニング時にMackerelのグラフアノテーションを追加する - kaz29

2018/03/13 9 users Capistrano Ansible mackerel 監視

2018 - 03 - 14 Ansibleでプロビジョニング時にMackerelのグラフアノテーションを追加する ansible mackerel ツール 相変わらず、忙しいのに仕事と関係ないコード書いたり、ブログ書いたりしたくなって困っているわたなべです。 弊社ではほとんどの案件でサーバーの環境設定にAnsible、デプロイには Capistrano かAnsistrano、監視にはMacke... 続きを読む

プログラミングとUIデザインの境界、およびデザインの環境設定について – timakin – Medium

2018/01/18 59 users プロトタイプ 乖離 timakin medium エンジニア

プログラミングとUIデザインの境界、およびデザインの環境設定について 今回言いたいこと ・UIデザインとそれを書き起こすプログラミングの乖離は、いくらわかってるつもりでも想定より大きくなる ・工数や実装都合上、泣く泣く見た目を変えざるをえない場合のデザイナーのストレスは、スピード優先で設計がおろそかになったときのエンジニアにかかるストレスより大きいのではないか ・雑にプロトタイプを出していい時代は... 続きを読む

Lightroomで必ず役立つ！すごい無料プリセット40個まとめ【2017年保存版】 - PhotoshopVIP

2017/12/18 79 users Lightroom PhotoshopVIP プリセット

[fancy_box]海外デザインブログVandelay Designで公開された「25 Beautiful Free Lightroom Presets to Enhan Lightroomプリセットのインストール方法 まず、Macのひとは Lightroom より「環境設定」、Winのひとは「編集」から「環境設定」を開きましょう。次に、「プリセット」タブをクリックし、「Lightroomプリセ... 続きを読む

EC2 Systems Manager のパラメータストアを利用したアプリケーション環境設定の管理 ｜ Developers.IO

2017/02/19 34 users Developers.IO パラメータストア 藤本 運用 管理

こんにちは、藤本です。 AWS re:Invent 2016 で EC2 Systems Manager がリリースされ、EC2 の運用がより便利になりました。今回はその一機能のパラメータストアで実際の開発現場を想定して、アプリケーションの環境設定を管理する方法を考えてみました。 アプリケーションの環境設定管理 アプリケーションが動作する上で環境に依存する設定は多くの場合、存在します。例えば、We... 続きを読む

Pythonの環境設定でむかついてる人はとりあえずこれをコピペで実行してください 2017.01 - YAMAGUCHI::weblog

2017/01/26 227 users YAMAGUCHI Weblog Python コピペ ヤツ

2017 - 01 - 26 Pythonの環境設定でむかついてる人はとりあえずこれをコピペで実行してください 2017.01 Python はじめに こんにちは、最近 Python をまた書き始めたマンです。なんか古い記事が参照されててだいぶ害があるので現状にあったやつにします。 Pythonの環境設定でむかついてる人はとりあえずこれをコピペで実行してください - YAMAGUCHI::webl... 続きを読む

JavaScriptはなぜトレンドが毎年変わると思われていたのか - Qiita

2017/01/04 316 users エンジニャー entry Qiita エントリー たび

JavaScriptはなぜトレンドが毎年変わると思われていたのか JavaScriptのエンジニャーは口を開くたびに出てくるツール名が違う、いつも環境設定をしている、みたいな話をよく聞きます。実際、それを揶揄するようなエントリーが人気だったりします。 http://kikuchi1201.hateblo.jp/entry/2016/10/26/172404 とはいえ、JavaScriptを実際に使... 続きを読む

Photoshopの作業が快適になるオススメの環境設定 -Photoshop CC 2017対応 | コリス

2016/11/30 97 users コリス パフォーマンス Photoshop 項目 機能

2016年は5月にPhotoshop CC 2015.5がメジャーアップデート並に機能が追加され、11月にCC 2017が新しく使う人やしばらく使っていなかった人向けにアップデートされ、この一年でPhotoshopは大きく変わりました。 Photoshopでの作業を快適にさせたい、もっとパフォーマンスを向上させたい時に見直したいPhotoshopの環境設定の項目を紹介します。 Photoshopの... 続きを読む

icloudのカレンダーに来るイベントスパムを避けるための設定変更 - once upon a time,

2016/11/26 26 users iCloud 歯車 ウザい レイバン スパム

2016 - 11 - 26 icloudのカレンダーに来るイベントスパムを避けるための設定変更 mac icloud 最近、めちゃくちゃ icloud のカレンダーに レイバン のスパムが来るようになってうざいので、通知されないように回避するための icloud の設定方法を書いておく。 1. PCのブラウザで iCloud .com へ行きカレンダーを開く 2. 左下の歯車から環境設定を開く ... 続きを読む

続・Raspberry Pi で使えるポータブルモニタと小型キーボードとマウスのおすすめ - nomolkのブログ

2016/11/24 55 users 出先 エントリ nomolk 起動作業 前回

2016 - 11 - 22 続・Raspberry Pi で使えるポータブルモニタと小型キーボードとマウスのおすすめ 先日このようなエントリを投稿したのですが、 nomolk.hatenablog.com その後、「なんかもうちょっといいのがあるんじゃないか」と思ってアマゾン探検に出かけ、2つほど購入してみたのでその使用感を書きます。 想定としては前回同様、出先での環境設定や起動作業、緊急の デ... 続きを読む

若くて夢見がちなプログラミング初心者がまずすべきこと - 文系の日記

2015/12/20 161 users 文系 Rails プログラミング初心者 フレームワーク 日記

2015 - 12 - 20 若くて夢見がちなプログラミング初心者がまずすべきこと プログラミングにはいくつかぶっかる壁があると思います。 人によってはそれはif文であったり、そもそも言語を使用するまでの環境設定であったり、 rails などの フレームワーク の導入であったり、様々です。 でも、僕が言いたいのは、言語の基本的な文法は覚えた。クラスとか継承とかが何を指しているのかわかる。入門書を読... 続きを読む

pythonで画像処理の環境設定@Mac & Raspberry Pi - karaage. [からあげ]

2015/09/22 37 users Processing KARAAGE Python 電波 記録

2015-09-23 pythonで画像処理の環境設定@Mac & Raspberry Pi 電波 pythonで画像処理 いつも画像処理のプログラムはProcessingで組んでいたのですが、諸事情によりpythonで画像処理を色々やってみることにしました。まずは環境設定とテストをしたのでその記録です。最終的にはRaspberry Piで動かしたいのですが、プログラムはMacで組みたいので同じプ... 続きを読む

Photoshopの作業パフォーマンスを向上させる最適な環境設定のまとめ -CC2015対応 | コリス

2015/06/25 295 users ヒストリー コリス ギャ 翻訳 Photoshop

Photoshopでの作業がもたついたり、もっときびきび動作させたい、とパフォーマンスを向上させたい時に、見直したいPhotoshopの環境設定の項目を紹介します。 How To Optimize Photoshop For Better Performance 下記は、以前紹介した記事をCC2015対応に編集したものです。 ※翻訳・編集にあたり、元サイト様に許可を頂いています。 ヒストリーとキャ... 続きを読む

Python編集環境を整える: pytestとかvimのプラグインとか

2015/03/19 124 users pytest インデント SPONSORED vim 補完

19 Mar 2015 12:00 pm Posted in Computer Tagged as Python, Vim Python編集環境を整える: pytestとかvimのプラグインとか B! P Python用の環境設定について最近更新したので経過メモ。 特にVimのプラグインとかについて。 外部コマンド Vim シンタックスハイライト等 インデント 補完 畳み込み Sponsored ... 続きを読む

シンボリックリンクでバックアップと複数Macの環境同期をしてみたら便利だし安心感が凄い | 男子ハック

2015/02/23 57 users シンボリックリンク JUNP_N バックアップ Mac 故障

@JUNP_Nです。複数のMacを利用しているが、アプリの環境設定などを統一するのが大変。急な故障で古いMacで作業をしたいがアプリはインストールしたけど細かい環境が整っていなくて大変。そんな問題を解消するべく「シンボリックリンク」を活用してみました。 シンボリックリンクでの環境共有はバックアップも兼ねた安心感がある 先日、MacBook Proが突然起動しなくなり修理に出していた期間は以前に利用... 続きを読む