はてなブックマーク

GitlabのWeb hookを使って自動化がうまくいかなくて試しにBitbucketのbitbucket-syncでサーバ更新をしてみました。 リモートリポジトリへプッシュしたタイミングで、個人サーバへ反映するというものになります。 作業の流れ ローカルでファイルを編集（コミット・プッシュ） Bitbucket側リポジトリが更新 BitbucketのWebhooksでサーバに通知 サーバで受け取った情報を元にBitbucketから差分データを取得 サーバ内の公開ディレクトリへコピー・反映 セットアップ 【bitbucket-sync】をダウンロード 以下のURLからbitbucket-syncをダウンロードします。 https://github.com/alixandru/bitbucket-sync/ 設定ファイルを作成 ダウンロードしたら、config.sample.php を co

以前、bitbucket-syncを使ってサーバ自動化をしてみたをやって簡易デプロイを行なう方法を公開しましたが、GitlabのWebhookがうまくいきませんでした。cronを使いGitlabリポジトリをWEBサーバ側に反映させるなどで代替してみたり社内の環境は紆余曲折な状態でした。 ググればGitlabのサーバデプロイとかは上がってくるのですが、中々自分の環境ではうまくいかずいました。 何気に再チャレンジするとうまくいったので、忘れないためにもメモとして残しておきます。 きちんとしたアプリケーションを作る場合は、CIとかは必須ですがWebサイト程度で簡易デプロイする方法になります。 ※社内の環境を想定した作りのため、ご自身の環境には合わない可能性はあるかもしれません。 ※権限の問題や鍵など不明点あったりするので、間違っている部分あるかもしれません。 必要な環境 Webサーバ1台（当たり

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Assembleの使い方(Grunt task) テンプレートエンジンを案件で使用することがあったので、 自分用のメモとしてAssembleの使い方を書いておきます。 Assembleとは assemble（アセンブル）とは、node.jsベース(Gruntで動かせる)HTMLテンプレートシステムです。コンパイルすることでHTMLを生成してくれるジェネレータツールになります。 Assemble公式サイト Assembleドキュメント 導入理由 プログラムを使えないサーバでも、インクルード管理したかったから 同じく静的のHTML上でも条件分岐を使用したかったから Gruntプラグインで常にタスクで管理したかったから 他にも導入する理由はありましたが、この3つが主な理由になります。 似たようなテンプレートでは、Jekyllというものがあります。 どちらも使ったのですが、一番自分にあったのがas

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

MAMP使い方・設定手順 仕事PCがMACに変わり、ローカルでの開発環境をスムーズに行えるようにMAMPの設定・プロジェクト設定のメモになります。 色々と参考記事に、自分の設定手順をまとめてみました。 MAMPのダウンロード MAMPのインストール バーチャルホストのカスタマイズ httpd.conf を設定 hosts を編集 MAMPの再起動 SSIを有効にする MAMPのダウンロード MAMPの公式サイトからダウンロードする MAMPのインストール公式サイト MAMPのインストール 無料で使いたい方は、MAMP FREEのDownloadをクリックしZIPを解凍してください。 解凍したファイルにdmgファイルをダブルクリックで実行 問題なければ、"Agree"をクリックします。 MAMPとMAMP PROというフォルダが作成されるので、アプリケーションフォルダへドラッグ MAMPの中

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

SourceTree 設定手順 覚書【Windows】 SSH認証キーをGitLabに登録・設定手順 覚書 をアップしたので、今回は、SourceTreeの設定手順をまとめたいと思います。 色々と情報が多かったので、自分用のメモになります。 こちらの記事で、随時更新していきたいと思います。 設定条件 Gitサーバが既に用意している（ホスティングサービスではなく自分で構築したもの） Winで設定 SourceTree設定 windows版 以下よりSourceTreeのインストーラをダウンロードして実行します。 SourceTree公式サイト Gitコマンドをインストール インストール後、SourceTreeを起動しセットアップウィザードが立ち上がります。 最初に gitコマンドのインストール方法を設定します。 SourceTreeと一緒にGitをインストールする場合は、一番上の「システム全

JavaScript・jQueryの関数について jQuery 最高の教科書を読んで、 javascript・jQueryを改めて勉強・まとめていこうと思いました。 よく使う「関数」についてまとめてみた。 関数とは 「何らかの一連の処理を行う、複数の命令の集まり（命令群）」 関数は、同一コード内は元より、他のコードからも呼び出すことができる。 繰り返し実行する処理 何度も利用する処理 また、一連の処理をまとめることによって、処理内容を変更する際の手間を大幅に軽減することができる。（保守性） 関数を使用しない場合 $(function(){ $('#typo') .on('mouseover', function(){ // 処理A // 処理B // 処理C }); $('header') .on('mouseover', function(){ // 処理A // 処理B // 処理C

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?