git clone https://github.com/tamanyan/nuxt-ts-netlify.git <project-name> cd <project-name> yarn or npm install GitHubからNetlifyプロジェクト作成 New site from Gitボタンからプロジェクトを作成。 デプロイしたいWebサイトのレポジトリをGitHubから選択 Githubを選択して、自分がデプロイしたいプロジェクトを選択する。 自分で作成したNuxt TypeScriptのプロジェクトを選択する。 Netlify上にWebサイトをビルド 以下の三点を設定する ビルドするブランチ 静的Webサイトをビルドするコマンドを設定。ここではyarn generate ビルド先のディレクトリを指定。ここではdist 追加のビルド設定だと、環境変数なども組み込めるよう

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出力 なんとワイヤーフレームも作れる。アイコンとかも入れられる。 オ

Glitchとは GlitchはNode.jsのアプリを公開するためのサービスです。 Node.jsでウェブアプリを公開しようとすると、サーバーの設定したりドメインを取得したり…とても複雑です。 Glitchは、あなたの創造性を試すことだけに集中できます。 Glitchは、あの有名なプロジェクト管理ツールのTrelloをつくったFogCreekSoftware社によって開発が進められています！ アプリを公開するためだけでなく、オンラインのEditorなどもついていい感じです。 使ってみる これまでAWSやさくらインターネットなどを使っていましたが、Glitchはずば抜けて簡単です。 まずはGlitchにアクセスします。 新しいプロジェクトの作成1 右上の①[Sign in]ボタンからログインします。 FacebookかGitHubが選べますが、後々GitHubからソースコードを取得すること

Git のコミットグラフを簡単に作成できる Gitgraph.js を使っていて、「もっと楽に色とか調整できたらいいのになぁ」と思ったので作ってみた。 こちら を開けばすぐに使えます。 データはローカルストレージに保存されます（キー：gitgraph.storage）。 一応 Chrome, Firefox, Edge では動いているみたいです（IE は動かないです）。 ソースや細かい使い方はこちら（日本語は後半）

RawGitは、2019年10月に、サービスを終了するとのことです。 https://rawgit.com/ RawGit is now in a sunset phase and will soon shut down. It's been a fun five years, but all things must end. GitHub repositories that served content through RawGit within the last month will continue to be served until at least October of 2019. URLs for other repositories are no longer being served. If you're currently using RawGit, please st

こんにちは、エンジニアののびすけです。先日はAWSユーザーに向けて「AzureでもAWSと同じようなことができるよ！」という記事を書きました。 今日は、そんなAzureの人気サービスのひとつ「WebApps」を紹介します。 Web Appsとは https://azure.microsoft.com/ja-jp/services/app-service/web/ 「Web Apps」とはAzureが提供するPaaSです。昔はAzure Websitesと呼ばれていました。 Web Appsではインフラ側の設定を自分でやらなくても、サーバーサイドプログラムを動作させることができます。デプロイや自動スケールの設定などもできるため、Web制作で必要になる機能の大半をカバーできます。 一説によると 世の中のWebサイトの8割はPaaSで運用可能だという話もあります。イメージしやすいサービスでいうと

関西フロントエンドUG 6/11飛び込みLT

僕が1日に1回ぐらいの頻度で見ているページの中の1つに GitHub の Trending repositories のページがあります．このページには言語ごとに日毎・週毎・月毎の単位で GitHub 上で人気のリポジトリがランキング形式で表示されます． 話題になっているライブラリやソフトウェアの一次ソースとして便利なのですが，微妙にアクセスが悪い位置にあり，言語ごとにしか見られません．また，ランキングには常に人気な「常連」リポジトリが多々いるので，新しく話題になっているリポジトリはその中に埋もれがちになってしまいます． そこで，今回はこれらの問題を解決すべく，GitHub のトレンドクライアント Trendy を Electron ベースでつくりました． Trendy - Menubar App to Keep You in the Trend Trendy は GitHub のトレンド

github-issue-teevという自分に関連するIssueを一覧するアプリをNW.jsで書きました。 機能 自分がAssignedされてるIssue一覧を表示 アプリ内でお気に入り登録したリポジトリのIssue一覧を表示 サイドバーにそのIssue内にある- [ ]のタスク一覧を表示 テキストエリアをCodeMirrorのエディタにすり替える機能 Cmd+e でトグルできます。 テキストエリアをMarkdownエディタに切り替えるGreasemonkeyを書いた | Web Scratchと同じものです インストール Latest Releaseからダウンロードできます。 NW.jsなのでWindows/OS X/Linuxで動くと思います。 使い方 アプリを開く Personal token(デフォルトの✔でよさそう)を作ってサイドバーに入力する Creating an acces