WordPressでApple Pay|ライブモードの設定まで

WordPressでApple Pay|ライブモードの設定まで

WordPressで構築したWebサイトにApple Payでの決済を組み込みます。次はライブ(本番)モードで動かせるようにApple Developer Programで証明書の設定…もっと読む

Apple Developer Program|いつも使っているApple IDでの登録方法

Apple Developer|いつも使っているApple IDでの登録方法

Apple Developer Programに登録する場合、新規アカウントを作成した方がいいよっていう情報が多いのですが、いまはそのあたり対策済みのようです。Apple Develo…もっと読む

WordPressでApple Pay|テストモードの設定まで

WordPressでApple Pay|テストモードの設定まで

ここまでで、WordPressで構築されたWebサイトを常時SSL化し、WooCommerce対応させました。 wpXクラウド|ドメイン設定と常時SSL化 WordPres…もっと読む

WordPress|WooCommerceに対応させる

WordPress|WooCommerceに対応させる

WordPressにショッピングカート機能などを追加するプラグイン「WooCommerce」の基本設定です。 WooCommerce用のテンプレートを追加する WordPres…もっと読む

WordPress|記事の投稿日と更新日を追加する方法

WordPress|記事の投稿日と更新日を追加する方法

Googleの検索結果やSEOの観点からも語られることも多いですが、いま読んでいる記事がいつ書かれたものなのかは重要な要素ですよね。最初に書かれてから放置されている古い情報なのか、それ…もっと読む

wpXクラウド|ドメイン設定と常時SSL化

wpXクラウド|ドメイン設定と常時SSL化

レンタルサーバーの更新期限が近づいてきたので見直しをしました。今回改善したかったポイントはページ表示速度のアップと常時SSL化。WordPressに最適化されたレンタルサーバーで良いものはない…もっと読む

METRO|首都圏外郭放水路

METRO|首都圏外郭放水路

ロケハンとかじゃなくて単純に見学に行ってきました。地下神殿「首都圏外郭放水路」です。 あと、久しぶりにギター弾きました。 …もっと読む

WS|ページの読み込みスピード

WS|ページの読み込みスピード

「Webサイト制作のワークショップ」のメモです。 Webサイトの読み込みスピードは非常に重要な要素。PCのネット回線は高速化したが、スマホはまだまだ回線速度が貧弱。 ネットショップ…もっと読む

WS|SNSとの連携

WS|SNSとの連携

「Webサイト制作のワークショップ」のメモです。 SNSとの連携というのは、WebサイトにSNSボタンを埋め込むという技術的なものだけではなく、マーケティング的な意味合いとしてWeb…もっと読む

Font Awesome|Webサイト制作で使える、汎用性の高いアイコンフォント

Font Awesome|Webサイト制作で使える、汎用性の高いアイコンフォント

「Font Awesome」は、Webサイト制作で使えるアイコンフォントです テキストリンクのChevron|やCloseボタン|、SNSアイコン|などがあります。 Font …もっと読む

WS|Macのおすすめアプリ

WS|Macのおすすめアプリ

「Webサイト制作のワークショップ」のメモです。 必要最低限のアプリだけを入れているので、そのほとんどがスタンダードなものです。Web制作に使える便利アプリをいくつか紹介します。 …もっと読む

WS|セキュリティ意識とパスワード管理

WS|セキュリティ意識とパスワード管理

「Webサイト制作のワークショップ」のメモです。 様々なアカウントを管理するために 1Password.app を使う。パスワードは、自分で覚えることができて手入力できるようなものは…もっと読む

Amazon Drive でストレージをクラウド化して、外付けハードディスクを持たない化計画

Amazon Drive でストレージをクラウド化して、外付けハードディスクを持たない化計画

表題の通りですが、Amazon Drive でストレージをクラウド化して、外付けハードディスクを持たないようにしました。 多くの人がもっと良い方法がないものかと模索していることだと思…もっと読む

MAMPでMacのローカルにサーバー環境を構築する

MAMPでMacのローカルにサーバー環境を構築する

MAMP(マンプ)は、Macのローカルにサーバー環境を構築するためのアプリです。 Mac Apache|Webサーバ MySQL|データベース PHP|プログラミング言語 …もっと読む

WS|フラットデザイン

WS|フラットデザイン

「Webサイト制作のワークショップ」のメモです。 リアルな世界に存在するボタンのメタファーをWebに取り入れることで、ボタンを押すとページが移動するという操作を直感的に行えるようにし…もっと読む

WS|Webブラウザ

WS|Webブラウザ

「Webサイト制作のワークショップ」のメモです。 ブラウザによってWebサイトの表示が変わるというのは、昔ほどではないが今でも存在する。理由はブラウザに使われているレンダリングエンジ…もっと読む

日記と年賀状

日記と年賀状

日記 数年前から日記をつけている。 2,3年前のことだったと思うけど、年末に打ち合わせに出かけた。それほど頻繁に打ち合わせすることのないクライアントだ。打ち合わせを終えて、遅めのラ…もっと読む

WS|Webサイトの構造

WS|Webサイトの構造

「Webサイト制作のワークショップ」のメモです。 Webサイトはいつどんな状況で使われるか、そこで何を感じているか。無意識で使われることの多いWebサイトでは、SN比のチューニングが…もっと読む

WS|マルチデバイスへの対応とモバイルファースト

WS|マルチデバイスへの対応とモバイルファースト

「Webサイト制作のワークショップ」のメモです。 あらゆるWebサイトへのアクセスが、PCよりもスマホからのアクセス数の方が多くなった。そういった背景にあわせてWebサイト制作の順番…もっと読む

WS|Webサイト制作の入り口

WS|Webサイト制作の入り口

「Webサイト制作のワークショップ」のメモです。 Webの世界は動いて賑わっていて、常に過渡期。 enjoy! プロジェクトマネジメント(PM)について 膨大な作業工程(タ…もっと読む

WS|Webデザインのおすすめ本

WS|Webデザインのおすすめ本

「Webサイト制作のワークショップ」のメモです。 WebサイトのUI(ユーザーインターフェイス)デザインには、ビジュアルで感性に訴えかける「ビュー」と、ページ移動などのナビゲーション…もっと読む

WS|Webサイトのテキスト

WS|Webサイトのテキスト

「Webサイト制作のワークショップ」のメモです。 デバイスによって表示されるフォントは異なる。ゴシック系や明朝系という指定をするのが基本。ある程度デバイス共通フォントもでてきたが、ウ…もっと読む

WS|WordPressのインストール

WS|WordPressのインストール

「Webサイト制作のワークショップ」のメモです。 あらゆるWebサイトで CMS(コンテンツ・マネジメント・システム)が導入されており、その中でも WordPress が多くの割合を…もっと読む

macOS Sierra の設定メモ

macOS Sierra の設定メモ

macOS Sierra の基本的な設定から、少しマニアックな設定までまとめました。 MacBook Pro TouchBar モデルで、常にファンクションキーを表示させる 「…もっと読む

WS|PhotoshopでWebデザイン

WS|PhotoshopでWebデザイン

「Webサイト制作のワークショップ」のメモです。 Photoshop で Webデザインする場合、文字組みや画像配置など、Illustrator でグラフィックデザインをする操作…もっと読む

WS|コーディング 2

WS|コーディング 2

「Webサイト制作のワークショップ」のメモです。 サンプルデータを使ってスマホ対応(レスポンシブWebデザイン)を行う。スマホの仮想ウインドウサイズの横幅を取得して、CSSで表示…もっと読む

WS|コーディング 1

WS|コーディング 1

「Webサイト制作のワークショップ」のメモです。 頭で理解するよりも手で覚えることが大切。たとえば普段使っている Photoshop のショートカットを口で説明しようとすると、す…もっと読む

WS|Webサイト制作

WS|Webサイト制作

Webサイト制作のワークショップを各所で行いたいと思います 都内某所でWebサイト制作のワークショップをやっています。他にも各所で開催していきたいと思うので、ご興味のある方はよろ…もっと読む

SOLO CAMP|#10 道志の森キャンプ場でカレー

SOLO CAMP|#10 道志の森キャンプ場でカレー

かなり頻繁にカレーを食べる。何を食べようかと考えるとき、まずはカレーかカレーじゃないかを考えるくらいだ。ただし、外でご飯を食べようとするときはあまりカレーが頭に浮かばない。カレ…もっと読む

ATOM|インストールと基本的な設定

ATOM|インストールと基本的な設定

Sublime Text から ATOM へ乗り換えの検討です。後発のアプリは既存アプリの良いとこ取りなので強いですよね。Sublime Text は瞬間的に起動するのに対し、ATOM は…もっと読む