クラウド移行とは？メリット・デメリット、失敗しないための移行手順を解説
クラウド移行は、企業のシステムやデータなどをオンプレミス環境やレンタルサーバーからクラウド環境へ移行することを指します。ここでは、クラウド移行のメリット・デメリットを整理し、失敗しないための移行手順や注意点を解説します。クラウド移行を推進する担当者は必見です。
Next.js × microCMS でSSGサイトを構築する
今回はNext.jsとmicroCMSでSSGサイトを構築したとき、必要だった設定をまとめます。 結論から言うと、以下の3点を押さえる必要がありました。 静的エクスポートを有効化する 動的ページにgenerateStat…
Next.js × microCMS でSSGサイトを構築する
今回はNext.jsとmicroCMSでSSGサイトを構築したとき、必要だった設定をまとめます。 結論から言うと、以下の3点を押さえる必要がありました。 静的エクスポートを有効化する 動的ページにgenerateStat…
Next.js × microCMSのSSGサイトでプレビュー画面を実装する
microCMS では管理画面からプレビュー用URLを設定し、公開前の記事を実際の見た目で確認できます。 しかし、Next.js + microCMS でプレビュー画面を実装する際、SSG（静的書き出し）設定をしていると…
facebookの埋め込み レスポンシブ対応
facebookのタイムライン埋め込みは、読み込み時にサイズが決まってしまうので、リアルタイムのウインドウサイズ変更には対応していません。 ウインドウリサイズ後にリロードするようにして、ウインドウサイズの可変に対応しまし…
slickカスタマイズ
オプションが多く汎用性の高いslidk-Sliderですが、自社の制作時に使いやすいよう、もう少し踏み込んで調整してみました。
スマホ用スライドメニュー（meanMenu）
スマホサイトのハンバーガーメニューを、meanMenuをベースに、カスタマイズしやすいよう調整しました。
アコーディオンコンテンツ
レスポンシブ対応のサイト作成において、PCは通常のタイトル＋段落、 スマホではアコーディオンメニューのように開閉するパターンがあります。 JSの設定値でブレイクポイントを変更できます。デフォルトでは768を境にしています…
画像のマウスオーバー
画像にマウスオーバーした際の動きをちょっとし凝ってみました。
FacebookのAPIでできること(Graph APIとはなにか)
Facebookは外部からデータを取得したり投稿したり更新したり・・・いろいろできるAPIを用意しています。 このAPIを『Graph API』といいます。 APIとは簡単にいうとアプリケーション同士がデータなどをやり取…
Movabletypeで予約カレンダーを構築する。
カレンダーに「空室・残りわずか・満室」を表示する、予約カレンダーのテーマを作成しました。 ・月＝１記事として構成 ・日付ごとにステータス「空室・残りわずか・満室」を表示します。 ・休業日を色づけ ・2012年から2032…
WordPressのバージョンアップ手順
WordPressをバージョンアップする手順をご紹介します。
WordPressのデータベースバックアップ手順
WordPressのデータベースをバックアップする手順をご紹介します。
Movabletypeで多言語（日・英・中）サイトを構築する。
多言語（日・英・中）サイトを構築するMovabletypeテーマを作成しました。 従来からあるファイル名による切り分けでなく、ドメイン直下のディレクトリによる切り替えを行います。 ※従来のテーマ hogehoge.com…
ブログのフィードを埋め込む (Google Feed APIの代替手段)
Google Feed APIがサービス停止しました。APIを使わずにフィードを取得する方法をご紹介します。
スクロールすると一定の位置でメニューを固定する方法
画面をスクロールしてある一定の位置まで行き、メニューが隠れそうになったときに、画面の上部に固定する方法です。
フォーム｜入力欄の長さを最適化
フォームをコーディングするとき、各項目の長さをどれくらいにするかを考えることがあります。毎回考えなくても済むように、コピペで使えるフォームのフォーマットサンプルを考えました。
基本設定
サイトの基本情報をSCSSのスニペットとしてまとめました。
コピーライト
Copyright(コピーライト：著作権表示)サンプルです。
フォームテーブル
テーブルのスタイル、ブレイクポイント等は、テーブルの項目を参照してください。 View 必須項目名 ○○は入力必須です。…などのエラー表示 項目名 入力例、補足など Source [crayon-696a68a998ca…
