Webサービスの品質向上のために導入しているサービス・ツールまとめ - LCL Engineers' Blog
LCLが運営しているWebサービスは、品質向上のために、複数のサービスやツールを利用しています。今回はそれらのサービス・ツールをまとめてご紹介します。 品質向上のためのプロセス それぞれのサービス・ツールは以下のタイミングで利用しています。 各サービス・ツールの紹介 各サービス・ツールについて、一つずつご紹介します。 なお、今回はコードレビューや手動テストについては取り上げません。 SideCI SideCIとは、コードレビューを自動化してくれるサービスです。GitHubのプルリクエストを自動で解析して指摘してくれます。 Ruby, PHP, JavaScript, CSS, Java, Python, Go, Swiftなどに対応しているようです（2018/02/15現在）。 詳細は以下の記事でご紹介しています。 techblog.lclco.com SideCIは、プルリクエストが作ら
ブラウザテストツール総まとめ・2016年夏版 - Qiita
GitHubのスターは2016年7月30日調べ。ただし、登場年によるバイアスが激しいので、この件に関してはあまり参考にならないですね...。 E2Eテストツール Nightwatch 総合的なE2Eテストツール。WebDriver実装(独自)と、アサーションライブラリが一体となっているのが、使いやすいような使いにくいような。 http://nightwatchjs.org/ https://github.com/nightwatchjs/nightwatch 書き方はこんな感じ。 module.exports = { 'Demo test Google' : function (client) { client .url('http://www.google.com') .waitForElementVisible('body', 1000) .assert.title('Google')
Rocroの導入方法 - Qiita
はじめに ソフトウェア開発者向けサービス群 Rocroのクローズドβに参加させていただきましたので、Rocroサービスの導入方法を書こうと思います。 Rocroとは？ プレスリリースからの引用ですが「ソフトウェア開発者の周辺に発生する定常的なワークフローの効率化を支援するために、自動コードレビュー＆修正、自動APIドキュメント生成＆ホスティング、自動負荷試験を行うクラウドサービス」とのこと。 具体的にRocroは下記3つのサービスで構成されています。 Inspecode（インスペコード）: 自動コードレビュー＆コード修正サービス Checkstyle、golint、Pyflakesなど40以上の定評のあるツールで自動コードレビュー。 強力な自動修正機能。修正コードをPull requestでマージ。 複数のツールによる解析を並列に実行することで、非常に短時間で解析が完了。 Docstand
A-FrameとSocket.IOを使ってリアルタイム通信ができるWebVRアプリを作ってみる - VOYAGE GROUP VR室ブログ
こんばんは。古くて重いMacBook Proを背負って腰が崩壊した@daybysay です。 腰に課題を感じるエンジニアの皆様におかれましてはぜひ軽めのMacBookを背負ってご活動をお勧めいたします。 さて、今回はは複数人で同期しながら遊べるタイプのVRコンテンツ開発を試してみました。 内容としては、A-FrameとWebSocketを使ったリアルタイムマルバツゲームの実装です！ 出来上がりはこんな感じです。 リポジトリはこちら github.com そして今回出来上がったマルバツゲームへのリンクがこちらです。 目次 目次 アプリの構想 環境構築 アプリケーション実装 クライアントサイドの実装 マス目を置く プレイヤー（カメラ）を用意 クリックできるようにする プレイヤー名表示 サーバサイドの実装 Socket.IOを使う準備をする 別々のプレイヤーとして接続できるようにする マス目のク
javascriptのライブラリを一覧にしてまとめてみた
自分用にまとめていたけどせっかくなので公開。 なるべくフロントエンドで完結してライセンスも使いやすいものを選択したつもり。 全部で100個超。 １番目のURLが本家 or GitHubのページ、2番目のURLが比較的わかりやすいと思った日本語の解説ページになっています。 Node.jsのライブラリもまとめたので合わせて見るといい感じ accounting.js金額のフォーマットを行う カンマ区切りや小数点n桁までなど https://josscrowcroft.github.io/accounting.js/ ace.jsテキストエディタ ハイライト・文字列畳み込み・ショートカットキー 組み込むのが簡単で機能もひと通り揃ってる https://ace.c9.io http://qiita.com/naga3/items/1bc268243f2e8a6514e5 AlertifyJSダイアロ
【GitHubPages】GitHub.ioで自己紹介ページを作りました - Qiita
はじめに このようなページを作ってみました。 PC版 スマホ版 いわゆる自己紹介ページというやつです。 なんかポートフォリオというか自分らしさを表現したいと思って作りました。 さらに踏み込んだ内容はブログに書きましたので、見てみてください。 【作ってみた】GitHub.ioで自己紹介ページ で、なにを使って作ったかというとプログラマー御用達のGitHubです。 GitHubにはWebに静的ページを組める様に GitHubPages というものが用意されています。 プロジェクトとレポジトリが一体になっているのでGitHubを使ったことがある人にはわかりやすいかと思います。 GitHub Pagesとは GitHubPagesにWebSiteを公開する方法は二通りあります。 自分のアカウントのページ（User or Organization site） プロジェクトごとのページ（Project
作図系ツール・ライブラリまとめ
diag.md シーケンス図とかフローチャートをしごとで描画することになった場合、 テキストから生成できたら楽なので、それ系のツールまとめ GraphViz http://www.graphviz.org/ C製 Doxygen, Moinmoinなどと連携可能 ブロック図、クラス図、ネットワーク図など PNG, SVGなど 出力可能形式一覧 JavaScript（Emscripten）版もある。リアルタイムプレビュー出来て便利 https://github.com/mdaines/viz.js PlantUML Java製 シーケンス図, ユースケース図, クラス図, アクティビティ図, コンポーネント図, ステート図, デプロイ図, オブジェクト図などめっちゃたくさん作れる PNG, SVG, LaTeX, ASCII出力 なんとワイヤーフレームも作れる。アイコンとかも入れられる。 オ
今さら聞けない！GitHubの使い方【超初心者向け】
GitHubとは GitHubとは、ソフトウェア開発プロジェクトのためのソースコード管理サービスです。 ソースコードを更新したバージョンの管理や閲覧、バグ追跡機能、SNSの機能を備えており、開発者にとってなくてはならないサービスです。 また、GitHubを使ってソースコードの管理を行っている企業も多数あります。 GitHubが人気な理由と類似サービスとの違い GitHub は、Git を使用したソフトウェア開発とバージョン管理のための人気のあるプラットフォームおよびクラウドベースのサービスです。コードを効率的に保存、管理、共同作業するために必要なツールを開発者に提供します。ユーザーフレンドリーなインターフェースと豊富な機能を備えた GitHub は、世界中の開発者にとって不可欠なツールとなっています。 GitHub はテクノロジー業界では有名な名前かもしれませんが、ライブカジノへのユニーク
RAWGraphs
Open sourceInspired by and built on top of open source projects. RAWGraphs is open to the community for contributions. A wide range of chartsAlmost 30 visual models to visualize quantities, hierarchies, time series and find insights in your data. Your data is safeEven though RAWGraphs is a web app, the data you insert will be processed only by your web browser.
JPAddressを用いて、さらに優れた住所入力フォームを作成しよう
JPAddressは、グレープシティ社の提供する、住所検索ライブラリです。 住所入力の自動化を支援する郵便番号から住所を検索する機能や、住所から郵便番号を検索する機能、大口事業所名から郵便番号を検索する機能に加え、InputManやPlusPakといった、その他コンポーネントと組み合わせることで、さらに機能を引き立たせることができます。 InputMan InputManは、文字入力の支援機能を備えたコンポーネントです。 日付入力の書式指定や入力値のバリデーションなど、入力作業をサポートするさまざまな機能を備えています。今回はその中から、JPAddressと組み合わせた住所検索機能について紹介します。 PlusPak PlusPakは、同じくグレープシティ社の提供するレイアウトやUI作成、バーコードやPDFのデータ出力を支援するコンポーネントです。 画面のリサイズやレイアウト、タブコントロ
Budou - 機械学習を用いた日本語改行問題へのソリューション - ウェブ雑記
こんにちは！ 日本語のウェブサイトを作っていると、日本語特有の問題にぶちあたることがありますよね。 その中でも今回着目したいのは、日本語改行問題。最近、この問題を解決するためのライブラリを公開したので、紹介します。 github.com そもそも日本語改行問題とは何か ウェブブラウザで日本語で書かれたウェブサイトを見ていると、ときどき文章が変なところで改行されているのを目にすることがありますよね。 たとえば、こんなかんじ。 「ソリューション」が「ソリューショ」と「ン」に分かれてしまっています。読みにくいですね。 英語では単語がスペースによって区切られますが、日本語や中国語などのアジア圏の言語では単語がスペースで区切られないことが多いです。 そのため、英語では単語の途中で改行されることは通常ありませんが、日本語では単語の途中で改行されることがよくあります。 本文ならともかく、見出しやキャッチ
Javascriptのアニメーション処理を高速化するプラグインVelocity.jsの使い方 ｜ Tips Note by TAM
今回はjQueryのanimate()に比べて高速で高機能なプラグイン「Velocity.js」について調べてみました。 ■Velocity.js（公式/記事作成時最新バージョン 1.2.2） http://julian.com/research/velocity/ ■GitHub https://github.com/julianshapiro/velocity ■デモギャラリー http://codepen.io/collection/tIjGb/ Velocity.jsの主な特徴 animate()よりアニメーション処理が高速。 animate()と書き方に互換性がある。（velocity()） jQueryを読み込んでいなくても使用できる。（使用しない場合はIE8はサポート対象外） モック機能がある。 animate()よりオプションが柔軟で豊富。 ... Velocity.jsの
GitHub Pagesで静的なサイトを公開し、独自ドメインを設定する - Qiita
初めに 今回自身のGitHub Pagesのサイトにお名前.comで取得した独自ドメインを設定したので、設定方法を書いていこうと思います。 GitHub Pagesとは GitHub Pagesは静的なサイトを簡単に公開できるGitHubのサービスです。 GitHubアカウントの取得 まずはGitHub Pagesを利用するためにGitHubのアカウントを取得します。 こちらから新規登録をしてアカウントを作成します。 リポジトリの作成 GitHub Pagesはアカウントに対して作成するのと、リポジトリに対して作成ができますが、今回はリポジトリに対して作成したいと思います。 アカウントを作成したら次に、「＋New Repository」で新しいリポジトリを作成します。 Repository nameに適当に名前を入力し「Create repository」でリポジトリを作成します。 作成し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SIOS Tech. Lab - エンジニアのためになる技術トピックス
GitHub - olado/doT: The fastest + concise javascript template engine for nodejs and browsers. Partials, custom delimiters and more.
GitHub - ajv-validator/ajv: The fastest JSON schema Validator. Supports JSON Schema draft-04/06/07/2019-09/2020-12 and JSON Type Definition (RFC8927)
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。