Web開発日記

GitHubでメンションされているプルリクエストを見逃さない方法

GitHubでチーム運用していて、ちょっと利用しにくかったところをハックしました。課題GitHub運用でよくある課題として、『メンション見落としがち』というのがあります。特に多くのレポジトリ対応している場合いちいちメールを見ないので、見落とすことが多くなってしまうのです。そうするとどうなるかというと、slack上で「あのプルリクどうなりましたでしょうか...?」と連絡が来て、『ごめんなさーい！見逃してました、すぐ確認します！』のようなやりとりが発生します。今回はこ

Nuxt.jsとマークダウンで簡単なブログサイトを作成する方法

Nuxt.jsにMarkdownで簡単にブログサイトを作成する方法を記載します。 Nuxt.jsのプロジェクト作成下記参考にNuxt.jsのプロジェクトを作成してください。 ※今回はUI frameworkにVuetify.jsを選択しました。プロジェクト作成し、Nuxt起動すると下記のような画面が表示されます。 Nuxt/Content を利用する Contentを利用します。 - Contentとは - nuxt/contentモジュールを使ってNuxtJS

GatsbyJS + Netlifyでブログ作成する方法。

この記事についてgatsby-starter-blogとNetlifyを利用して、簡単にブログを作成します。完成図↑このようなブログが作成されます。この記事の対象者- フロントエンド初心者 - とりあえずGatsbyjs触ってみたい。 - 最速でブログ作りたい - マークダウン好き GatsbyJSの専門的なことは書いてませんのでご了承ください。それでは始めます。 GatsbyJSインストールターミナルより下記実行し、GatsbyJSをインストールします。

【超初心者向け】「Micro CMS」のはじめ方。

『Headless CMSとは？』『Micro CMSとは？』『Micro CMSの利用方法』- Headless CMSとは Headless CMSとは何か、Micro CMSの方が書いているこちらのブログがわかりやすかったです。 - Micro CMSとは日本製のHeadless CMSです。詳しくはサイトご確認ください。 -Micro CMSの利用方法下記公式のサイトがわかりやすいです。 Micro CMSは日本語であることと、ある程度マニュアルがま

さくらレンタルサーバーにComposerをインストールする方法

現在さくらレンタルサーバーにDrupalをインストールして運用しているのですが、そこでComposerを利用する機会がありました。そもそもさくらレンタルサーバーにComposerをインストールできるの？と疑問だったのですが、問題なくインストールできましたので対応方法を記載します。さくらレンタルサーバーにSSHでログインまずはさくらレンタルサーバーにSSHでログインします。 ssh あなたのアカウント@あなたのドメイン.sakura.ne.jp ※ あなたのアカウン

LaradockでLaravelの開発環境を構築する方法【Mac編】

今回はLaradockでLaravelの開発環境を構築する方法を記載します。 Laradockについてプログラミングを始めるにあたり一番最初にぶち当たる壁が環境構築だと思います。Laravelの場合、Webサーバーやデータベースなどの環境を構築する必要があります。早くLaravelの学習に移りたいのに、環境構築で戸惑ってしまい学習をやめてしまう方を多数見てきました。そんな方にLaradockでの環境構築がおすすめです。 Laradockを利用すると、Webサーバ

Laravel開発で参考にしているサイトまとめ

Laravelで開発をしていく際に、参考になったサイトをまとめます。 Laravel.com 公式ドキュメントです。内容が充実しているので、１度は目を通しておくことをお勧めします。英語ですが、Google 翻訳等で頑張ればなんとか読めるはず。 ReadDouble ある程度日本語訳されているので理解しやすいです。 Hypertext Candy こちらのサイトのおかげでLaravelを楽しく続けることができています。私のLaravelの恩人のサイト。 Lara

monocrew(モノクル)のトップページ変更しました。

4月にオープンしたmonocrewですが、先日トップページを変更しました。今回はどんな変更をしたかを記載します。変更前のトップページイメージ画像のスライドと、ログインボタンのみのシンプルなページ変更後のトップページ募集を一覧で表示させる。改善１：ログインしなくてもどんなサービスかわかるようにした。上記の画像比較で一目瞭然ですが、変更前は画像のスライドとログインボタンしかないシンプルな画面でした。最初はシンプルな画面で良いかなと思っていたのですが、よくよ

Nuxt.js + contentfulで作成したサイトにサイトマップを追加し、Google Search Consoleの設定をする方法

今回はNuxt.js + contentful で作成した下サイトに、でサイトマップを追加する方法を記載します。サイトマップを設置すると検索エンジンにサイトの構成を伝え、検索ヒットしやすくなります。サイトマップモジュールのインストール下記でインストールします。 yarn add @nuxtjs/sitemap nuxt.config.jsに@nuxtjs/sitemapを追加次にnuxt.config.jsを修正します。modulesオプションに下記追加します。

NetlifyのForms機能を利用してお問合せフォームを作成する方法

最近Nuxt.js + contentful + Netlifyでサイトを構築することも多くなってきました。今回はNetlifyのForms機能であるNetlify Formsを利用して、お問合せフォームを作成する方法を記載します。 Netlify Formsについてhttps://www.netlify.com/products/forms/ Netlify Formsを利用すると、サーバ側の実装等をすることがなく簡単にお問合せフォームを利用することができます。

【Drupal 8】twigファイルでテーマへのパスを呼び出す方法

Drupal8を利用していて、twigファイルにて現在利用しているテーマファイルまでのパスを呼び出す方法を記載します。下記です。 {{ base_path ~ directory }} 例えばテーマパス内の、「images/image.jpg」という画像を表示させたい時は下記のように記載します。 <img src="{{ base_path ~ directory }}/images/image.jpg" /> 以上です。 -- Drupal 7まではtwi

松本市のコワーキングスペース『SWEET WORK』の２周年キャンペーンサイトを作りました。

ほぼ毎日のように利用している長野県松本市のコワーキングスペース『SWEET WORK』が２周年を迎えました。ということで、お祝いを兼ねて２周年記念キャンペーンサイトを作りました。 https://2nd-sweet.work/ 画面画面は単純に４ページほどです。トップページお祝い一覧ページお祝い詳細ページお祝い投稿ページサイトのポイント今回はクライアントがいるわけではない（実際はSWEET WORKさんのサイトなのでクライアントといえばそうなんです

【Laravel】カラムを追加する方法

Laravelでテーブルにカラムを追加したいなと思うことが多々あります。テーブル自体を削除して作り直すやり方もあるのですが、そうするとテーブル内のデータが全て消えてしまいます。今回は、テーブルは削除せずにカラムを追加する方法を記述します。 Migrationファイルを作成する。まずはMigrationファイルを作成します。今回は・追加したいテーブル名：samples ・追加したいカラム名：column とします。下記実行します。 php artisa

Drupalをローカル環境で動かす『Acquia Dev Desktop』のご紹介。

久々にDrupal案件やってます。なかなか楽しい。で、できればローカル環境でサクサクっと開発したいなと思い、ローカルでDrupalを動かす方法をいろいろ探していたのですが、一番簡単な方法を発見しました。それが、Acquire Dev Desktopです。 Acquia社が開発しているAcquia Dev Desktopを使い、手軽にDrupal 8のローカル環境を構築します。 Acquia Dev Deskopのダウンロード下記よりAcquia Dev Desk

#web制作