Vue.js＋Webpackで作ったプロジェクトをGitHub Pagesのサブディレクトリでの公開時PublicPath設定について - Qiita
Vue.js＋Webpackで作ったプロジェクトをGitHub Pagesのサブディレクトリでの公開時PublicPath設定についてVue.jswebpack はじめに Vue.js＋Webpackで作ったプロジェクトをそのままBuildして、GitHub Pagesへサブディレクトリとしてデプロイしました。 - 開発環境(Local) ⇒https://localhost:8080/ - 本番環境(GitHub Pages) ⇒https://<username>.github.io/<repository>/ GitHub PagesのURLにアクセスしたところ、imgタグの画像とCSSに定義した画像パスが404エラーとなって、5時間もはまってしまったので、解決するまでのメモを残しておきたいと思います。 GitHub Pagesに公開するために設定すべきところ 1.コンフィグファイル
GitHub PagesにサクッとSPAをデプロイする - Qiita
GitHub Pagesとは 概要 GitHub Pages GitHubのリポジトリを静的WEBページとして簡単に公開できるサービス。 公開方法 ユーザー毎に作成可能なページ(例: https://[youraccount].github.io) リポジトリ毎のページ(例: https://[youraccount].github.io/[yourRepository]) 本記事では、リポジトリ毎のページとしてデプロイしてみる。 本記事の構成 アジェンダ GitHubリポジトリ作成 簡単なSPA実装 GitHub Pagesへのデプロイ 使用する言語・ツール みんな大好きVue.js vue-router (ルーティング) webpack (モジュールバンドラ) Yarn (インストーラ) GitHubリポジトリ作成 お手持ちのアカウントでリポジトリを作成。 ローカルへクローンする。
Pelletkachels | Dé Expert voor jou duurzame Pelletkachel in huis
waren ooit eenvoudige apparaten voor verwarming, maar ze hebben een opmerkelijke evolutie doorgemaakt sinds hun bescheiden begin in de jaren ’80 van de vorige eeuw. In dit artikel duiken we diep in de geschiedenis van pelletkachel, bespreken we de belangrijkste mijlpalen en ontwikkelingen op het gebied van subsidiemogelijkheden en werpen we een blik op de transformatie tot moderne en duurzame verw
このブログはGitHub Pages＋CircleCIで運用しています | feedforce Engineers' blog
前回の記事 からだいぶ間が開いてしまいましたが、再びこのブログの移行のお話です。 WordPress から Middleman への移行に伴って、記事の構成管理やホスティング、デプロイについても検討して、現在は以下のようなものを使って運用しています。 GitHub Pages CircleCI Heroku（staging 環境として利用） 記事の執筆とレビュは、GitHub の Pull Request 機能を使うようになりました。これまでは WordPress 上の慣れないエディタで書くのが嫌だったり、書いた記事を非公開の状態でレビュしてもらうのに地味〜に手間がかかったりと、執筆のモチベーションを下げる要因がいろいろあったのですが、普段から開発で利用しているPRのしくみを取り入れたことで、開発チームではやりやすい方法に向かえたのではないかと思っています。まぁその割に記事数は増えていませ
GitHub Pages の User site で 個人ポータル作成のススメ。情熱プログラマ Chad Fowler 先生曰く「自分のブランドを築こう」 - Qiita
GitHub Pages の User site で 個人ポータル作成のススメ。情熱プログラマ Chad Fowler 先生曰く「自分のブランドを築こう」 #github 概要 GitHub Pages の User site で 個人ポータル作成について。 なぜ個人ポータルを作るか？ 2つの理由を挙げます。 自分のブランドを築く 情熱プログラマ Chad Fowler 先生曰く マーケティングはスーツ族だけのものではない 自分の業績をアピールする 業界で名前を売る など、書籍「 情熱プログラマ」においてエンジニアのセルフマーケティングについて触れています。 その 1 つの手段として自分の実績・情報を周知するためのポータルを GitHub Pages で作成するのです。 自分が作成したり、継続して貢献している OSS プロダクト Web の寄稿記事 公表できる開発実績 ブログ、QA サイト
Octopress簡単スタートガイド
中国における情報セキュリティの新たな免疫システム 中国における情報セキュリティの新たな免疫システム「Wooyun」の取り組みについて紹介します。 Wooyunはセキュリティ・リサーチャーが脆弱性を報告し、ベンダーがフィードバックを返すプラットフォームです。Wooyunが脆弱性をフォローしている間、一般の関心、調査、コミュニケーション、研究をリサーチャーに提供します。本講演では、Wooyunがどのように機能し、なぜこのプロジェクトをはじめたのか、そしてWooyunが中国国内のセキュリティサイクルをどのように変化させたのかについても紹介し、それらがなぜ必要だったのか、いつからできたのか、どうやってできたのか、どのように構築され、その際にどんな困難なことがあったのかを紹介します。
HexoでGitHubにブログをつくる | Crack the Game, Win a Jackpot
HexoはNode.jsをつかったブログフレームワークです。ここではGitHub Pages、もしくはそのサブディレクトリに公開することにします。具体的には、http://yukiyamashina.github.io が自分のGitHub Pagesのアドレスだとすると、http://yukiyamashina.github.io/blog にブログに公開するようにします。 NVM (Node Version Manager)、Hexoのインストール ターミナルを開いてで以下を実行してください。 1234$ git clone git://github.com/creationix/nvm.git ~/.nvm$ source ~/.nvm/nvm.sh$ nvm install 0.10.32$ nvm alias default v0.10.32 インストールするNode.jsのバー
複数の独自ドメインをGithub Pagesで運用する方法&.tokyoドメインをとった - 素人がプログラミングを勉強していたブログ
昨日、.tokyoドメインの一般登録が始まったので、ムームードメインでprogrammers.tokyoを取得した。 用途を考えずに取ったので、何か使い道を思いつくまでは仮のindex.htmlでも置いておこうと思い、でもそのためにわざわざ月額払うのももったいないので、Github Pagesを使うことにした。 Github Pagesは、username.github.ioというレポジトリを作るとhttp://username.github.ioにウェブページが公開される機能と、projectというプロジェクトにgh-pagesのブランチを作ってそこに置くとusername.github.io/projectというディレクトリで公開される2つの機能がある。 自分のユーザ名のGithub Pagesは自分のページ用にとっておきたいし、projectページはうまく独自ドメインに割り当てられな
【GitHubPages】GitHub.ioで自己紹介ページを作りました - Qiita
はじめに このようなページを作ってみました。 PC版 スマホ版 いわゆる自己紹介ページというやつです。 なんかポートフォリオというか自分らしさを表現したいと思って作りました。 さらに踏み込んだ内容はブログに書きましたので、見てみてください。 【作ってみた】GitHub.ioで自己紹介ページ で、なにを使って作ったかというとプログラマー御用達のGitHubです。 GitHubにはWebに静的ページを組める様に GitHubPages というものが用意されています。 プロジェクトとレポジトリが一体になっているのでGitHubを使ったことがある人にはわかりやすいかと思います。 GitHub Pagesとは GitHubPagesにWebSiteを公開する方法は二通りあります。 自分のアカウントのページ（User or Organization site） プロジェクトごとのページ（Project
Vagrant + GitHub(Pages) + Octopress でblogを作成（その１） - Qiita
GitHub PagesとOctopress blogを作るトレンドは、WordPress だと思っていたら、最近は GitHub Pages + Octopress で作るのがいいというので試してみました。というか本当は WordPress で作るタイミング逃していまさら？って感じだったのでこっちにしてみただけ。そしていざ自分がやるといつものごとく微妙にハマったので自分メモを書いておきますｗ。 始めに 最初からいきなりなのですが GitHub Pages + Octopress だと source ブランチの扱いが難しくコンフリクトが発生したり色々と面倒な状態になるとのこと（実際に経験しました）。なので「Octopress リポジトリは単独で管理する、しかも非公開が好ましいと言うのが現時点での結論」と同じように「記事のデプロイ先は Github、原稿の元ネタは Bitbucket」と構築
Yeoman で雛形を作り GitHub Pages で WEBサイトを公開する手順 - Qiita
こちらの ゆめみスタッフブログにも書きましたが、Qiitaにも投稿しておきます。 GitHub Pages を利用すると、ソースも同時に公開されてしまいますが、自前でサーバを用意しなくても静的なWEBサイトが無料でホスティングできます（今回は説明しませんが、独自のドメインを振ることも可能です）。 私は最近、JavaScriptアプリケーションのデモサイトとして利用しています。 今回は Yeoman のテンプレートからWEBサイトを作成し、GitHub Pages で公開するまでの手順について説明します。 ※ GitHub Pages だけを利用する場合は、前半の Yeoman の手順は特に不要です。 今回の前提 GitHub のアカウントを持っていること。 開発するクライアント端末の OS は Mac OS であること。 予めコマンドライン版の Git がインストールされていること。 Ye
Markdownで書いてGitで管理するブログ「Octopress」の始め方 - tantant
OctopressはRuby製の静的サイトジェネレータjekyllをベースにした簡単にブログを構築できるフレームワークです。 素のjekyllでブログを始めようとするとテンプレートやCSSの作成、プラグインの選定を最初から自分でやらないといけませんが、Octopressではこれら必要最低限のものは予め用意されていて、インストール後いくつかRakeコマンドを叩けばさくっと公開できるようになっています。*1 実際の運用を3ステップでざっくり言うと、 Markdownで記事を書く RakeでHTMLに変換してサーバにデプロイ 作業ファイルはGitでプッシュ の繰り返しです。WordpressのようなGUIの管理画面はなく、一般のブログと比べると敷居は高めですが、Markdownで書いてRakeで制御してGitでバージョン管理 (デザインはSass＋CSS3で調整) する機会が増えて勉強になるので
GitHub で WEBページ を公開する方法 まとめ
せっかく作ったものを実際に動かせるサンプルページが公開できたら… そんなことを実現できる「GitHub Pages」という機能があります。 GitHub Pages では プロジェクト に関連する ホームページ、WEBサイト の公開、運用ができます。 以下では、 GitHub Pages の 種類、作成方法、基本知識の観点でまとめます。 GitHub ページ の種類 と 作成方法 GitHub ページ には次の 2種類 が存在します。 いずれの種類にしても、レポジトリの作成が必要です。 ユーザー/組織 ページ （GitHub アカウント に対して WEBページ を作成） プロジェクト ページ （レポジトリ に対して WEBページ を作成） GitHub ページ を作成 & 公開する方法は次の 2通り が存在します。 手動作成 & 公開 （HTML を ゼロ から作成） 自動生成 & 公開
定期更新されるJavaScript等の情報サイトをまとめたMeta-Weeklyというサイトを作りました
はじめに JavaScript Weekly や 私がやってるJSer.infoなど、 週刊などでJavaScript等の情報について紹介するサイトがここ数年でかなり多くなりました。 詳しくはオフライン勉強会でJSer.info一周年について発表してきた | JSer.infoでも乱立するまとめサイトとして触れています。 それらのサイト、メールマガジン、ポッドキャスト等をまとめたMeta Weeklyというサイトをつくったという話です。 Meta Weeklyって何? Meta Weekly は 単純にそれらのサイトをまとめたリンク集のようなものです。 基本的にまとめているサイトは、フロントエンド、JavaScriptに関連するような生きているサイトをリストアップしています。 機能らしい機能はDaily, Weeklyなどでフィルターするぐらいしかありませんが、RSSがあるサイトなどはそれ
GitHub Pagesホスティングサービス（ほぼ）完全活用ガイド | ゆっくりと…
GitHub がオープンソースの場として魅力的な理由は、Git という優れた分散・協調型リビジョン管理システムのリポジトリー・ザーバーとして誰でも利用できるということはもちろん、README などのドキュメント生成機能やコメンティング機能、問題のトラッキング機能など、Git を補助し、オープンな分散・協調開発を支えるサブシステムが充実している点が挙げられるでしょう。無料でもかなりのことができるのに、ビジネスとしてもちゃんと成立している理由はこんなところにあるように思います。 ただ、同種サービスの Google Code や Bitbucket と決定的に異なり、GitHub の最大の魅力となっているのは、GitHub Pages という1種のホスティング・サービスではないかと思います。成果物をただずらずらと味気ないページに並べるのではなく、趣向を凝らした紹介ページを自由に作り、プロジェクト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub Pagesでウェブページを公開する方法 - Qiita