Ship.jsでリリースフローを改善する - Qiita
PLAID で i18n おじさんエンジニアしてる kazupon です。 この記事は plaid advent calendar 2019 の 17日目の記事です。 はじめに 筆者は、PLAID のプロダクト開発以外にも、オープンソースソフトウェア (以下 OSS )開発者として vue-i18n といったオープンソースプロジェクトを持っており、Node.js においては npm または yarn といったパッケージマネージャーと呼ばれるもので、Node.js そして必要に応じてブラウザ向けに動作するコードをパッケージにして OSS として配布しています。 npm / yarn で配布する OSS は、一般的には semver のようなセマンティックバージョンニングの仕様に沿った形で、バージョンをリリース毎に発行して管理して、npm publish や yarn publish によって
テスト工数を削減できるかもしれないペアワイズ法とPairwiser - Qiita
筆者は元々デザイン系の出身なので、ソフトウェアのテストというものを真剣に考えたり調べたことはあまりなかった。この記事では、そんな自分がブラックボックステストをやることになり知った、組み合せテストにまつわる問題について説明する。 本記事の概要 テストにおいてパラメータの組み合せが厄介な性質を持っていることに気付いた 組合せテストの負荷を軽減する「ペアワイズ法」というものがある ペアワイズ法を使って無料でテストケースを生成できるPairwiserというWebアプリケーションがある 組み合わせの数が多すぎる あるWebサイトに、以下のような典型的な検索UIがあったとする。この画面を対象にブラックボックステストを実施したい。 検索UI： 文字列の部分には以下のような文字列を入れてテストしたい。 一般的な文字列 未入力 極端に複雑な文字列 極端に長い文字列 チェックボックスの部分はオンとオフしかない
テストの数を減らそう！プリキュアで学ぶPICT - Qiita
ソフトウェアのテストはたいへんだなあ ソフトウェアのテスト、きちんとしてますか？最近は、スマートフォンやタブレットの普及に伴って、ユーザが使うデバイスの種類が多様化しています。 使われるOSやブラウザ、画面サイズの種類が増える中、プリキュア1の多様化も著しいですね。「プリキュアで学ぶワンライナーWebスクレイピング」で検証した通り、昨年までは43人、今年は「魔法つかいプリキュア」が加わることで、プリキュアの数は総勢45人になりました2。プリキュアはキャラクターによって専用デバイスを持ったり3、感情が昂ぶると常識を覆す事象を起こしたりするので、ITサービスを提供するエンジニアの方々は、ユーザ満足度向上のため、当然プリキュアがユーザになった場合も考慮した動作テストをされていると思います。 とはいえ、プラットフォームとプリキュアの組み合わせの数は、既にかなりの数です。全てのパターンを試すととても
Vue.js で簡単なログイン画面 (トークン認証) を作ってみた - Qiita
ログインに成功すると token を取得できて 以降、認証が必要な API と通信する際は header に token をセットする、という想定です ちなみにバックエンドの API は Rails で作っています。 Rails でトークン認証 API を 15 分で実装する ディレクトリ構成 store の使い方が肝でしょうか うーん、状態管理って難しいですね src/ ├── App.vue ├── assets │ └── logo.png ├── components │ ├── error.vue │ ├── login.vue │ ├── logout.vue │ ├── menu.vue │ └── top.vue ├── lang │ ├── index.js │ └── messages.json # エラーメッセージ等、文言をここに ├─
Vue.js ディレクトリ構成 色々試してみた - Qiita
なんじゃこれ この記事はVOYAGE GROUPのサマーインターン、Treasure2018の修了生によるTreasure Advend Calendar 2018の15日目の記事として書かれています。 はじめに vue-cliを使用するとディレクトリ構成に関しても良い感じにやってくれますが、そのままでは管理が難しい部分もあります。特にcomponents以下に関しては役割別にディレクトリを分割していかないと渋くなりますよね。そこで今回は自分が今まで試してきたオレオレディレクトリ構成を紹介していこうと思います。 (ファイルは一部抜粋して掲載しています) 前提 . ├── App.vue ├── assets ├── components │ ├── modules │ │ ├── Footer.vue │ │ ├── Header.vue │ │ ├── Loa
ゼロから始める自作キーボード Lily58Pro編 - Qiita
組み立て作業 作者様のリポジトリのビルドガイドを見ながら始めていきます。 詳しく書いてくださっているので、僕のような初心者でも本当に楽しく組み立てることができました。 ダイオードとソケットの取り付け PCBにダイオードとPCBソケットをはんだ付けします。 ビルドガイドのとおりに片方のパッドに予備はんだをしましょう。 写真のように予めはんだ付けする箇所全てに予備はんだをしておくとスムーズですね。 ProMicroのはんだ付けとMicroUSB端子モゲ防止 今回スプリングピンヘッダ付きのProMicroを購入したのでHelixビルドガイドのProMicro実装部分を参考にして取り付けました。 ProMicroに付属している標準のピンヘッダは踏むと痛いので放置せずにちゃんと捨てましょう。 ProMicroのMicroUSB端子は脆く儚いので、雑に扱うと簡単にモゲてしまいます。 こういったことにな
3分でわかるXSSとCSRFの違い - Qiita
みなさんこんにちは。 FUJITSU その2 Advent Calendar 2018 17日目の記事担当は私 ゆきはらです。 前回14日目はkeiya-nobutaさんのSphinxの導入とLinux Kernelドキュメントのビルドで、 18日目はhasunumaさんの富士通サイバーセキュリティーワークショップ(FCSW)2018参戦記となっています。 はじめに なぜこのテーマにしたか Webアプリケーションに対する代表的な攻撃手法としてXSS（クロスサイトスクリプティング）とCSRF（クロスサイトリクエストフォージェリ）というものがあります。 しかしこの二つ、名前だけでなく攻撃手法も似ていて違いがとてもわかりづらいです。かつて私がセキュリティを勉強していたときもよく混同していました。 そこで、この記事ではXSSとCSRFの仕組みとそれらの違いについてまとめることにしました。 対象とす
関心の分離を意識してサーバーを作ってみる(TypeScript + Express) - Qiita
はじめに こんにちは、都内でフロントエンドエンジニアをやっている @sadnessOjisan です。最近、自分のできる範囲を広げたいと思い、バックエンドエンジニアに転身しました。フロントエンドエンジニアがバックエンドを書けたら最高ですよね？歌って踊れて楽器が弾けるアイドルって感じがします（知らんけど）。 そんなカジュアルな感じでバックエンドエンジニアに転身したのですが、どうも僕が立てるサーバーは汚く柔軟性もなく見通しも悪くなってしまいがちです。どうせなら綺麗なサーバー立てたいと思い、良いサーバーを作るための技術や方法論を知りたいと調べていくと、「関心の分離」という言葉を知りました。そこで GW に、レイヤードアーキテクチャやクリーンアーキテクチャという耳かじった言葉を調べ、なんとかサンプルアプリを作れたので、そこで得た学びをここに残したいと思います。この記事では、関心の分離ができているこ
centos + node.js + npm + nvm インストール - Qiita
0527 追記 とりあえずサクッとnodejsをインストールの場合は以下(centos 6) $ sudo yum install epel-release $ sudo yum install nodejs $ node -v ついでにnpmをインストールするのであれば $ yum install -y npm --enablerepo=epel 概要 nodejsのバージョン管理 nvm をまず、インストールし その後、nvmを使ってnodejsをインストールする 1. nvm インストール nvmとは、node.js のバージョンを切り替え容易にできるツール ▼ nvmをインストール $ git clone git://github.com/creationix/nvm.git ~/.nvm $ source ~/.nvm/nvm.sh ▼nvm コマンドが実行できることの確認 $
【Tig全まとめ】Gitを自由自在に操るための必殺ツール - Qiita
インストール方法から参考リンクまで。 自分の勉強ついでに、Tigについて基本の すべてをまとめてみました。 合わせて読みたい 【おすすめ】MacのFinderをカスタマイズする魔法のコマンドたち 【おすすめ】これからWebする人はここ読んどけ(HTML/CSS/JS/Ps/Ai.etc) 【おすすめ】Qiitaを使い倒す方法一覧 Tigとは 定義 Tig is an ncurses-based text-mode interface for git. It functions mainly as a Git repository browser, but can also assist in staging changes for commit at chunk level and act as a pager for output from various Git commands. 要
どんなエディタでもEditorConfigを使ってコードの統一性を高める - Qiita
よくある会話として下のようなものがありますよね。 「ソフトタブですか？ハードタブですか？」 「インデントはいくつですか？」 ※ソフトタブはタブが半角スペースで、ハードタブはタブがタブ。 そんなものはエディタの設定で統一すればよいからと。頭を悩ませる理由がわからないと。 と、思うんですよね。ひとりで作業しているときはね。 現状、私の周りで何が起きたかというと。 PhpStorm派 Vim信者 Atom使いたい派 なぜかときどきSublimeText使う派 と、なってくるわけですね。 エディタ毎に設定していってもよいんですけど、プロジェクト毎にどうのこうのしなきゃいけなくてめんどう。 結果 コードがグッチャグチャになって人間関係までグッチャグチャ となるわけですね。 人をイライラさせたければソフトタブのところにハードタブぶち込んだり、タブ4で統一しているところに2をぶち込めばよくて。簡単だね！
JavaScriptでオブジェクトの型を判別するのにtypeof演算子使うとツラいよね - Qiita
var a = {}, b = [], c = 'hoge', d = new String('hoge'); typeof a; // "object" typeof b; // "object" ← ファッ？！ typeof c; // "string" typeof d; // "object" ← ファッ？！ Object と Array を区別してくれないとかないわー。new String()使うことないけど、区別しちゃうとかないわー。 ということで以前に自分が日本語訳したJavaScript Gardenにも書いてあった方法を使うと 判別が楽になるんじゃないかと。 function is(type, obj) { var clas = Object.prototype.toString.call(obj).slice(8, -1); return obj !== undefin
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Docker+webpackを用いたReact.js開発環境の構築 - Qiita