タグ

tipsと開発に関するropparaのブックマーク (44)

  • 【2024年最新版】PowerShell のおすすめ環境構築 - Qiita

    前半にターミナルの見た目や操作をかっこよくする方法を紹介して、 後半に PowerShell のコーディング環境を快適にする内容を書きました。 この記事で書くこと 最新版 PowerShell 7 のインストール 標準で入っているのは Windows PowerShell 5.x のため、最新版をインストールします。 ターミナルやエディタのセットアップ手順 Windows Terminal, Visual Studio Code では、標準で入っている Windows PowerShell 5.x を使っているので 7 に切り替えます。 その他、便利ツールの導入方法 プロンプトのカスタマイズ(Oh My Posh)、ターミナルの入力補完機能(PSReadLine, carapace)、改良版 cd(zoxide)、Windowssudo(gsudo)を使います。 コーディング環境の整

    【2024年最新版】PowerShell のおすすめ環境構築 - Qiita
  • AviUtlとは?特徴と歴史について【フリー動画編集ソフト】

    開発者は?開発者は「KENくん」という方で、個人開発のソフトです。 非常に謎多い人で、詳細については全く分かりません。過去にニコニコの「AviUtl愛好会」というコミュニティにゲストとして出演した際にも、変声機を使用して会話するなど徹底した匿名性が見受けられました。(ツイッターもやっていましたがいつの間にかアカウントが削除されています) また、こっそり隠しメッセージを入れてたりするお茶目な人でもあります。 どんな特徴がある? AviUtlは、他の有料動画編集ソフトと比較して以下のような特徴があります。 無料基的な動作が軽いインターフェイスがシンプルなので、動画編集知識さえあれば割と直感で扱えます。ネットでの情報が多いのですぐにトラブルシューティングできる1997年に開発されたので歴史があります。拡張性が高いプラグイン次第でどんなファイル形式も読み込めるし、どんなファイル形式でも出力できま

  • 開発ドキュメントの書き方!9つのコツ【エンジニア】

    文章を書く前にやることよい文章を書くには、実際に文章を書く前に、読者は誰か、どういう悩みを解決するのかを企画することが大切です。また、それを元にアウトラインを書いておきます。 このふたつを元に文章を書くことで、読みやすい開発ドキュメントにつながります。これについては、次の記事をご覧ください。 開発ドキュメントを書く前に決めるべき3つのこと【企画編】開発ドキュメントにおけるアウトラインの書き方開発ドキュメントの書き方企画とアウトラインの作成が終わったら、実際に文章を書いていきます。文章を書くときは、次の9つを意識して書きます。これだけで、読みやすさ、分かりやすさが大きく向上します。 一文を短く切る結論を先に述べる指示語を使わない主語を明確にする、述語との距離を近づけるひらく・閉じるを統一する再現条件を示す前提を揃える見出しや箇条書き、表などを適切に用いる読者に伝わる用語を使うひとつずつ説明し

    開発ドキュメントの書き方!9つのコツ【エンジニア】
  • JavaScriptを完全無料で学習できる最強の厳選コンテンツを大公開! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、JavaScript初心者から中級者までをカバーできる学習コンテンツを厳選してご紹介します。 完全無料で公開されているものばかりを集めており、なおかつ質の高いコンテンツを選んでいますので独学したい方にも最適です。テキスト、動画、、Webアプリなど、さまざまな種類のコンテンツを楽しみながらぜひ学習に役立ててください! ■学習を始める前に これからJavaScriptの学習コンテンツについて解説をしていく前に、ひとつだけ以下のサイトをご紹介しておきます。 【 The Modern JavaScript Tutorial 】 これはJavaScriptの基礎構文・DOM操作・非同期処理・サーバ通信など、ほとんどの学習項目を網羅したリファレンスのようなサイトです。海外で作られたサイトですが、うれしいことに日語化されているので初心者にも扱いや

    JavaScriptを完全無料で学習できる最強の厳選コンテンツを大公開! - paiza times
  • ゼロから始める、データ分析と可視化 - Kyash Product Blog

    はじめまして。Kyashでデータエンジニアリングを担当しているKyashデータマンです。この記事では、Kyash社内のデータ分析の基礎に関するドキュメントを紹介します。 Kyashでは、データエンジニアリング・ガバナンス・セキュリティなど様々な角度から、公正なデータの取扱いと活用を推進しています。従来は、一部の訓練された技術者がデータ分析を一手に担っていましたが、社内でもデータ活用のニーズも多く、その担当者に分析や集計の業務が集中するという課題がありました。 この課題に対して、データへの適切なアクセス管理を行い、そして適切なBIツールを導入することで、データを取り扱う人が自分でデータ分析・そして活用できるようになることを目指しています。アクセス管理には、個人情報やそれに準ずる機密データに対して、ポリシータグによるアクセス権のコントロール、そしてアクセス権のリネージなどのソリューションの導入

    ゼロから始める、データ分析と可視化 - Kyash Product Blog
  • 「次から気をつけます」に対抗する、反省文よりは効果が上がる再発防止、学びの機会 - Qiita

    再発防止策を書くのは難しい。 良い再発防止策 良い再発防止策について、順位付けするとしたら、 その種類の問題について二度と意識することがなくなる解決策 その種類の問題を開発時に自動的に検知することができる解決策 その種類の問題が発生しても自動的に復旧することができる解決策 その種類の問題が発生しても影響が局所化される、フールプルーフ、フェールセーフになる解決策 と言うのは意識したいと思いつつ、やはり難しい。 再発防止はむずかしい 障害の再発防止策は、 メカニズム ツール ルール チェックリスト の順番に検討せよ。と言われても、急いで書けなんて言われると「次回からは複数人でチェックします。」とか「チェック項目を追加します。」とかいう徹底できなそうな「反省文」になってしまう。 まさにこの有名な...。 **「なぜミスを繰り返すのか」「どうすればミスを防げるのか」を真剣に考えていないことがミス

    「次から気をつけます」に対抗する、反省文よりは効果が上がる再発防止、学びの機会 - Qiita
  • 仕組みから理解する Git 入門 ~ ひとり開発でも便利 ~

    配信動画はこちら https://www.youtube.com/watch?v=qerW4vBftNA もし良かったらムーザルちゃんねるのチャンネル登録お願いします! https://www.youtube.com/channel/UCLPHXwLp90A5R69Eltxo-sg Tw…

    仕組みから理解する Git 入門 ~ ひとり開発でも便利 ~
  • 絶対にRosetta 2を入れてはいけないM1 Mac開発環境構築 2021-2-1版

    Rosetta 2とは Rosetta 2は従来のインテル用のアプリをApple Silicon Mac上で自動的に変換して実行できるようにする技術です。Rosetta 2は最初からMacにインストールされている訳ではなくて、 インテルアプリを実行しようとしてRosetta 2が必要になった時点でインストールを求められます。今回はこのインストールを徹底的に拒否して検証を進めます。 Macの設定あれこれ いきなり話が脱線しますがMackbookを買って最初にやった設定をメモ書きします。 クリックとドラッグの設定 タップでクリックやドラッグがしたい人向けです。特にタップでドラッグは長めのドラッグに便利なので重宝します。以下の記事が参考になりました。 Caps LockをControlキーに変更 Aキーの横はControlじゃないと落ち着かな人向けです。JIS配列の方はそのままAの横がContr

    絶対にRosetta 2を入れてはいけないM1 Mac開発環境構築 2021-2-1版
    roppara
    roppara 2021/02/02
    “6時間ほどかけて調べながら喫茶店で行っていたのですが、Macbook Airのバッテリーは半分も減らなかった”これだけでグッとくるw
  • どう書くんだっけ? を一発解決!コピペ用コードスニペットを集めたオススメWebサイトまとめ

    この記事では、コーディング作業で迷ったときに確認したいコードスニペットを集めた便利サイトをまとめて紹介しています。 ウェブ開発において、フロントエンドやデベロッパーが悩んでしまう問題の解決方法を知ることができるだけでなく、世界中の優秀なプログラマーの作成したコードを確認、実際に動かしながら学ぶことができます。 ちなみに、2020年に人気だったコードスニペットランキングがこちら。 2020年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表 どう書くんだっけ? を一発解決!コードスニペットを集めたオススメWebサイトまとめ CoddMyUI JavascriptHTMLCSS、jQueryプラグイン、ウェブ開発にできるデザインスニペット1200個以上が揃ったサイト。ボタンやホバーリンク、テキストアニメーションなど細かくカテゴリ分けされているので、必要なパーツごとのコー

    どう書くんだっけ? を一発解決!コピペ用コードスニペットを集めたオススメWebサイトまとめ
  • Windows開発環境構築メモ

    開発環境構築用のメモを自分用に書き残しておく。 GUIアプリケーション この辺りを入れる。 Google Chrome Google日本語入力 1Password 4 Dropbox Docker Desktop for Windows 未だに購読版に移行せず買い切り版の1Password 4を利用している。 Windows + Vを利用するとクリップボード履歴を有効化できるので、済ませておく。 Google日本語入力の設定 HENKANキーでIMEを有効化 MUHENKANキーでIMEを無効化 というキー設定を普段利用しているのでそのように設定する。 直接入力 入力文字なし 変換前入力中 変換中 以上の4つのモードについて、それぞれキー設定のエントリを追加する。 Windowsライセンス認証 Windows 10 Pro 64bit辺りをライセンスキー無しでインストールしていると思うので

    Windows開発環境構築メモ
  • WSL2でWeb開発環境の構築メモ (zsh, node, dockerなど)

    はじめに Web開発といえばUNIXターミナルが使えるMacが便利だったが、ついに今年WSL2が正式リリースされた。これでようやくWindowsでまともなWeb開発環境を構築することが可能になって喜びもひとしお。 それどころか、WSL2, Windows Terminal, VS Codeと便利なツールがどんどんリリースされていてMacよりも便利といえる環境になってきたため、格的にWindowsに乗り換えることにした。 環境構築をメモしていく。 WSL2とUbuntuのインストール 公式ドキュメント通り。 ディストリはUbuntuを選んだ。 Windows Terminal マイクロソフト純正。とても使いやすく、アップデートも精力的で今後も楽しみ。 Microsoft StoreからWindows Terminalをインストール 設定ファイルがJSONなのはエモいですね。 この辺で好きな

    WSL2でWeb開発環境の構築メモ (zsh, node, dockerなど)
  • VSCodeでなるべくマウスを使わない開発環境をがんばる - Qiita

    はじめに 最近,職場の若手が自分も愛用しているVSCodeを使って開発をがんばっています.それに触発されてVSCodeでの開発環境についてまとめたものを書いていきたいと思います.まわりにはターミナル上でEmacsやVimを使ってコードを書いているプログラマも多い環境なので,なるべくマウスを使わずにキーボード操作だけで開発できるようにまとめます. https://code.visualstudio.com やりたいこと 次にあげる内容をキーボード操作で行えるようにするのが目標です. 指定したファイルを素早く開く 関数やクラスなどのシンボルで検索する 定義にジャンプしたり戻ったりする 手軽にC/C++をビルドして,素早くコンパイルエラーの場所を表示する 前提としてがっつり設定などをカスタマイズするというのではなく,初心者向けになるべく簡単に環境を立ち上げられる内容でまとめていきます.またビルド

    VSCodeでなるべくマウスを使わない開発環境をがんばる - Qiita
  • Macで開発するなら抑えておくべきショートカットキーまとめ - Qiita

    背景 windowsmacを平行して使っているとショートカットキーがごっちゃになるので整理してみた。 windowsのショートカットキーとmacでのいい感じの比較サイトがあれば教えて頂きたい。 個人的に作成したショートカット集とかもいいまとめがあれば教えてください。 特殊キー 記事では取り扱っていないが意外とショートカット系の記事を見ると書かれている特殊キーたち ⌘ … command ⇧ … shift ⌥ … option ⌃ … control ⇪ … caps lock ウインドウ/アプリ コマンド 概要

    Macで開発するなら抑えておくべきショートカットキーまとめ - Qiita
    roppara
    roppara 2019/01/06
    Mac使ってて一番むかつくのが特殊キーがアイコンで表示されてることなんだよな。キーボードからも刻印無くなってるしとっさに分からないんだよな。
  • 個人開発のUI設計術 - Crieit

    あんど( @ampersand_xyz )と申します。 クイズメーカーなど、色々なサービスを個人でリリースしているフリーのエンジニアです。 個人開発を支える技術のアドベントカレンダーではサービスを構築するArchitectureに関する技術の話題が多いなか、周りの方やマシュマロからの匿名メッセージ質問でUIのことに関する質問などが多かったので、投稿ではUIやデザイン周りに関するTechnic…と言えるほど上等なものではないのですが、そのあたりの技術をお話したいと思います。 なお、自分は正直かなり我流で適当にやっているので、もっといい方法のツッコミなど歓迎しております。 1.画面サイズの最大・最小幅を最初に決めておく まずはじめにここを決めます。 いかにリキッドデザインやレスポンシブで画面を作成するといえども、極端に幅が小さい、または大きいデバイスを相手にする場合、どうしてもサイズ整合性を

    個人開発のUI設計術 - Crieit
  • 開発が捗る Visual Studio Code 拡張機能 - Qiita

    拡張機能はできるだけ最小限にしておきたい派です。そんな自分がインストールして使い勝手がよかった拡張機能をいくつか紹介します。 Auto Close Tag https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag その名の通りClose Tagを自動で入力してくれます。単純にタイピングが減るので肉体的・心理的負担の軽減にもなります。 Auto Rename Tag https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag タグを修正した際にClose Tagも合わせて修正してくれます。これも手間が減って便利です。 Bracket Pair Colorizer 2 https://ma

    開発が捗る Visual Studio Code 拡張機能 - Qiita
  • スクショをExcelに張り付けるのに役立つ4つのテクニック

    スクショをExcelに張り付けるのに役立つ4つのテクニック:テストエビデンス取得自動化の秘技(後編)(1/3 ページ) システム開発におけるソフトウェアテスト(結合テスト~システムテスト)において重要視されるエビデンス(作業記録)。前後編の2回にわたって、エビデンスとしてスクリーンショットをキャプチャし、テスト仕様書や納品書に張り付けていく作業を自動化するためのVBA/マクロのテクニックを紹介する。後編は、画像ファイルをシートに張り付け、Excel 2013のメニューからスクショを直に張り付け、画像を縮小し、指定した時間にマクロを実行する方法を解説。 前編「Selenium VBAを使って自動でブラウザーを操作してスクショをExcelに張り付けてみた」では、エビデンスとしてスクリーンショット(以下、スクショ)を撮る意義や、Selenium VBAのインストール方法と使い方、スクリーンショッ

    スクショをExcelに張り付けるのに役立つ4つのテクニック
  • Androidアプリを個人開発する時に便利なサイトやツール - みんからきりまで

    よく使うものメモです。 全般情報 Dashboards | Android Developers 公式のバージョンシェア。毎月5日くらいに更新される。 デザイン Design | Android Developers 公式のデザインガイドライン。各項目ごとにかなり細かく解説してある。 Downloads | Android Developers ↑内にあるデザインパーツ集。 便利なんだけど地味すぎて知らない人いそう。 特にActionBar用の画像とかandroid.R使うよりこっち使った方が捗る。 NavigationDrawer用の三線とかもここにある。 Android Asset Studio Android用の色々な画像やStyleなどが簡単に生成出来る。めちゃくちゃ便利。 Android Niceties ナイスなデザインのAndroidアプリを紹介してるっぽいサイト。参考にな

    Androidアプリを個人開発する時に便利なサイトやツール - みんからきりまで
  • なんでCSSすぐ死んでしまうん

    6. “CSSはその単純さゆえに、 大規模な実装では管理が難しい。 BIG CSSCSS, for all its simplicity, is a difficult language to manage in large-scale implementations. ” - MVCSS / Overview https://www.youtube.com/http://watch?mvcss.v=github.R-BX4N8egEc io/ https://www.flickr.com/photos/nickpiggott/5212359135

    なんでCSSすぐ死んでしまうん
  • 今更聞けない人の為の Vagrant 再入門

    2013年に爆発的に流行った Vagrant は非常に便利なツールで使ってる人にとっては無くてはならない存在になっています。 また、最近既にバズワード感のある「Immutable Infrastructure」では「VagrantにDockerを入れて。。」などと知ってる前提で話が進んでいきます。 一方でそもそも Vagrant ってなに?って声もちらほら聞くので、今回は再入門ということで簡単に紹介したいと思います。 Vagrant ってそもそも何? Vagrant (ベイグラント) とはMitchell Hashimoto(ミッチェル ハシモト)氏が開発したRuby製スクリプトで仮想マシンをCUIから簡単に操作できるツールです。 Vagrant のどこが便利なの? Vagrant を利用すると下記のようなメリットが挙げられます。 ・プロジェクト毎に開発環境を分けることが出来る。 ・開発環

    今更聞けない人の為の Vagrant 再入門
  • Chrome DevToolsでjavascriptをデバッグする際に忘れてはいけない大切な事 - Qiita

    Chrome DevToolsはとてもとても便利で、毎日お世話になっている神ツールです。 単純なHTMLの解析からGPUの使用具合というマニアックな情報まで色々確認出来ますが、その中でデバッグの時に設定しておく事で、ちょっとしたミスを減らして問題にすぐ気付ける設定が1つあります。 javascriptエラーが発生した場合にエラーを補足しBreakする Sourceタブを選択した場合に、左下にメニューがあります。 その中の機能としてボタンっぽいがあります。 これを、1回クリックします。するとという感じで色が変わります。次にもう一度クリックします。するとこんな感じで色がまた変わります。 これらを設定しておくと、javascript実行時に発生したエラーをDevToolが検知してBreakしてくれるので、すぐに問題のあるコードに気がつく事が出来、ミスにすぐ気がつく事が出来ます。 Pause on

    Chrome DevToolsでjavascriptをデバッグする際に忘れてはいけない大切な事 - Qiita