Nuxt v3はどうなるのか - Qiita
2020/09/19にめでたくVue.js v3がリリースされました🎉 さて、私の関心は業務でも利用しているNuxt.jsがVue.js v3に対応するとどうなるのか、Nuxt.js v3はどうなっていくのか気になっています。 Vue.js Amsterdamで紹介されたNuxt.js v3のスライドから個人的に気になったところを抜粋して紹介します。 The State of Nuxt by Sébastien Chopin Nuxt 3 Architecture Updates by pooya parsa 詳しくはスライドを参照ください。 TypeScriptのサポート core や vue-appが型付になる @nuxt/typesやnuxt-tsが不要になる VueComponentのTypescriptサポート（SFC？） ランタイムとnuxt.configのサポート 現状はN
ネットワークエンジニアが楽しく障害対応するための技術 - Qiita
はじめに この記事はシスコの同志による Cisco Systems Japan Advent Calendar 2018 の 13 日目として投稿されました。 2017年版: https://qiita.com/advent-calendar/2017/cisco 2018年版: https://qiita.com/advent-calendar/2018/cisco このネタは、わたしが自宅で使うために考えました。 TL;DR ルータやスイッチの設定変更を行うと ネットワーク機器が自動的に通信の正常性を確認します 誰かから「なんかネットワークの調子悪くない？」と刺される前に、ネットワークの障害をお知らせします メールでアラートを送るなんて生易しいもんじゃない、緊迫感のある BGM をスピーカーから流します テンションが上ります 「いま障害対応中なんだ、そっとしておこう」という周囲の理解が
全言語で気をつけるべき、ファイル書き込み時のお作法 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 言いたいこと 重要なファイルを書くときは、予期しないOSシャットダウンなどを考慮した書き方にする必要があるというお話。 お作法を知らないと、中途半端なファイルや空ファイルが生成され、システム起動時や連携システムで致命的なことになる。 例としてC言語/Java/Python/JavaScript(node.js)を挙げるが、ほぼすべての言語で対策する必要あり。 背景 本番運用されているソフトウェアが起動しなくなるという致命的な不具合が発生した。 ログやコンフィグファイルを収集・解析したところ、コンフィグファイルがぶっ壊れていた。 コンフィ
Karabiner-Elementsの設定項目をまとめました - Qiita
2022年7月18日追記 2022年5月に Mac を手放したため、アプリのバージョンアップ等に伴う記事の修正ができなくなりました。 2022年7月17日に v14.5.0 が登場していますが、本記事の内容は v14.4.0 までの内容に基づいています。 Karabiner-Elements は非常に強力なアプリで、Mac でも JIS キーボードの"全角/半角"で IME を切り替えらるようにしたり、Vim や Emacs のようなカーソル移動を行ったり、あるいは色々なアプリの操作を自分流にアレンジしたりできます。しかし、開発者がアプリの開発に全力を投じているのか、設定に関する詳細なドキュメントが見当たらない状況にあるため、設定の際は設定例等を見ながら試行錯誤する必要があります。そのため、自分が設定に当たって集めた情報を備忘録代わりにまとめようと思います。 単独のキーを別の単独のキーに割
yarn workspace, lerna で始めるフロントエンド・ガチ袋 〜 俺のCLI 〜 - Qiita
この記事は mediba advent calendar 2017 23日目の記事です。 フロントエンド開発部の武田 @tkdn が担当します。 プロダクション・趣味の素振りに限らず、自分の鋳型をよっこらせと持ってきて作り始めたり、要件に合わせて設定を足し引きしたりしているのですが、package.json の devDeps も webpack.config.js も見たくなくなります。混雑してくると npm scripts に呪文感が出てきます。 今日は、その辺の構築ストレスを軽減するために、自分のためにポータブルなガチ袋と詰め込むツーリングを作ったという話です。 お送りしたい人 時代は Zero Configuration らしいんですが、今日は webpack の話をします。ターゲットはこんな方向けです。 webpack をよく使う・まだまだ使っていきな人 Zero Config
ESLint 設定を Glob ベースでがっつり書き直した - Qiita
Prettier や TypeScript を使うようになって、3年前に構築してぼちぼち保守してきた自分用の共有設定 eslint-config-mysticatea をそのまま使えないことが増えてきました。また、1年ほど前に Glob ベースで設定できるようになっている ので、この際がっつり書き直すことにしました。 ついでに、ESLint 共有設定を作る際のプラクティスのようなものがまとまっていないと感じたので、まとめてみます。改めて整理してみると、本当にバッドノウハウの塊だなぁ...。互換性に縛られずリライトしたいですね...。 新しい共有設定の紹介 新しい設定は @mysticatea/eslint-plugin にあります (eslint-config-mysticatea ではない)。
VuePress をお試ししてみた - Qiita
VuePress とは この記事は 2018-04-15 に記載されたものです。 VuePress は Vue の始祖こと Evan You 氏が新たに始めた Vue による静的サイトジェネレーターです。 Markdown によるページの作成が可能で、Vue の機能はもちろん、Webサイトを作っていてほしくなるシンタックスハイライトや、PWAのサポートがされています。 雑な解釈としては Vue 版の Gatsby という認識で良いのではないのかと思います。 VuePress の機能 公式に記載されている内容を抜粋して雑に翻訳してみました。 ref: VuePress | Introduction 技術文書に最適化されたビルトインのMarkdown拡張 Markdown 内部での Vue 活用 Vue により強化されたカスタムテーマシステム Progressive Web Applicati
あなたのプロジェクトに秩序をもたらす！git commit 支援ツールを作りました。 - Qiita
前置き 【今日からできる】コミットメッセージに 「プレフィックス」 をつけるだけで、開発効率が上がった話 Gitのコミットに絵文字を使おう！ 上記のような記事でコミットメッセージにprefixを使うことのメリットが語られています。 実際、自分も今やっている仕事ではコミットにprefixをつけています。 が、これが結構面倒くさい。 「どんなprefixがあったっけ?」「docだっけ、docsだっけ?」 みたいな。 prefixを楽にするツールにcommitizenというのがあるけど、これが結構使いにくい。 なぜならprefixの種類が強制されていて自由に変更できないから。 ということで自分好みのツールを作りました。 それがgit-consistentです。 ↑ こんなやつです。 インストール npmかyarnでインストールするだけです。 $ cd my-project/ $ git cons
typescript-eslint-parserの導入でハマった話 - Qiita
typescript-eslint-parser を入れようとしてちょいちょいハマった やんごとなき事情でJavaScriptとTypeScriptが混ざっている場合前提なので、TypeScriptオンリーであればここまで困らないと考えられる TL;DR jsとtsが混在している場合、に--ext .js .tsみたいにjsファイルも一緒に食わせると色々コケて上手く使えない typescript用のコマンドにして、configを別途渡そう 一部のルールは上手く動かない 仕方ないけどdisableしよう // eslint-disable-lineとか// eslint-disable-next-line行単位の無効化が上手く動いてない ファイル先頭での指定に切り替えていこう 詳細 Typescript用に別途設定ファイルを用意する だいたいこんな感じで.eslintrc.jsがあると思う。
npm install を高速化するpnpmの使い方と注意事項 - Qiita
access, add-user, adduser, apihelp, author, bin, bugs, c, cache, completion, config, ddp, dedupe, deprecate, dist-tag, dist-tags, docs, edit, explore, faq, find, find-dupes, get, help, help-search, home, i, info, init, install, install-test, issues, it, la, link, list, ll, ln, login, logout, ls, outdated, owner, pack, ping, prefix, prune, publish, r, rb, rebuild, remove, repo, restart, rm, root, r
eslint-config-airbnbを守りたかった - Qiita
ESLint のルールに eslint-config-airbnb v5.0 を採用してみたけど、一部のルールが厳しかったという話です。 eslint-config-airbnb の設定 おそらく、一番デフォルトの全部入りの設定 Our default export contains all of our ESLint rules, including EcmaScript 6+ and React. It requires eslint and eslint-plugin-react. npm install --save-dev eslint-config-airbnb eslint-plugin-react eslint add "extends": "airbnb" to your .eslintrc no-param-reassign http://eslint.org/docs
最強のSSH踏み台設定 - Qiita
追記：openssh-7.3 以降なら ProxyJump や -J が使えます ホスト名を + で繋げることで多段Proxy接続も簡単に、がコンセプトだった本エントリの設定ですが、OpenSSH 7.3 から ProxyJump という設定が使えるようになったので、使えるなら ProxyJump を使う方が健全だし柔軟で使い勝手も良いのでそちらを覚えて帰ることをオススメします。 使い方は簡単で以下のような感じです。多段も行けるし、踏み台ホスト毎にユーザ名やポート番号を変えることも出来ます。 # 1. bastion.example.jp -> internal.example.jp ssh -J bastion.example.jp internal.example.jp # 2. bastion.example.jp -> internal.example.jp -> super-de
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
