プログラミング

Heroku Nuxt.js インフラ フロントサイド

HerokuでNuxt.jsを立ち上げる手順

2021/8/27    ,

最近はheroku+nuxt.jsで個人サービスを作ってました。 サービス構成図 HerokuでNuxtをホスティングする OAuth、DB、ファイルストレージはFirebaseにする Nuxt.js ...

Vue.js フロントサイド

様々なアニメーションを簡単に実現可能なAnimate.cssを使ってみた

2020/5/26    ,

今回はいろんなアニメーションを簡単に実現するAnimate.cssを使って見ようと思います。 Animate.cssとは Animate.cssはフェードインやスライドインといったCSSのアニメーショ ...

Shell

シェルスクリプトでCMS作成日記:【第3回】文書管理の仕組みを作る(後編)

2021/8/14    , ,

どうも、シローです。 それでは前回の続きです。 今回は、前回のCMSのコンテンツを自動でデプロイ(Gitでpullして公開する)処理を作っていきます。 ファイル構成 [crayon-62c634f85 ...

Shell

シェルスクリプトでCMS作成日記:【第3回】文書管理の仕組みを作る(前編)

2021/8/14  

どうも、シローです。 今回は、文書管理の仕組みを作ります。 記事の属性について ブログの記事は大体、 記事のタイトル 記事の本文 キーワード 記事の状態(本番、下書きなど) 記事の種類(固定ページか、 ...

Laravel

外部のLaravelサーバに対してCORSエラーを回避してAPIリクエストを送る

2020/5/26    

どうも、シローです。 異なるサーバの間でAPIリクエストを送るときには、CORSポリシーに引っかかってリクエストが弾かれる場合があります。 今回は、Laravelのサーバに対してAPIリクエストを送る ...

HTML/CSS フロントサイド

メガナビゲーションの作り方

2020/5/26    ,

どうも、シローです。 今回はメガナビゲーションの作り方についてまとめました。 メガナビゲーションとは メガナビゲーションとはマウスでカーソルを合わせたときに、下にさらに要素が表示される、ちょっと凝った ...

Shell

シェルスクリプトでCMS作成日記:【第2回】Apache、ドメイン取得、HTTPS化まで

2021/8/14    , , ,

どうも、シローです。 前回はさくらVPSでサーバをレンタルして、SSH接続ができるところまでやりましたね。 今回は Apacheを導入してWebサーバを立ち上げる Webサービスのドメインを生成する ...

HTML/CSS フロントサイド

ナビゲーションメニューの作り方

2020/5/26    ,

どうも、シローです。 Webサイトで必ずといってあるナビゲーションメニューの作り方を今回はまとめようと思います。 ヘッダーナビゲーションの作り方 ヘッダーナビゲーションはサイトの上の方に横一列で配置さ ...

AWK

AWKコマンド練習問題:1

2021/5/3    

どうも、シローです。 みなさんはAWKについてご存知ですか? AWKとはプログラミング言語の一種で文字列を編集するのに特化しています。 主な利用用途としてはターミナルでのコマンドとして文字列処理の過程 ...

PHP サーバサイド

phpenv+php-buildでPHPのバージョンを管理する

2020/5/26    

どうも、シローです。 今回は "phpenv"と"php-build"を使って、phpのバージョンを切り替える方法についてまとめました。   動作環境 OS Ubuntu 18.04.3 L ...

© 2022 Shiro's secret base