JAWS-UG 公式サイトリニューアルの技術的な話

JAWS-UG 仙台勉強会 [6/23夜] でお話しした「運用がつらすぎたJAWS-UG公式サイトをリニューアルした話」のフォローアップになります。
このセッションではWebサイト運営者やWebディレクター向けにサイトリニューアルに関するディスカッションやどう改善したのかという部分を中心に技術面よりも手法や考え方をお話ししました。
この記事では JAWS-UG 公式サイトリニューアルでWordPressを捨てて実装したJekyll+GitHub+Travis CI+Netlifyなどの自動化に関する技術部分を紹介します。

(やばい、ブログ書く詐欺だ!何本ネタたまってるんだろ。)

続きを読む JAWS-UG 公式サイトリニューアルの技術的な話

[Coda2 Advent Calendar 2014] Coda2.5の紹介

Coda2 Advent Calendar 2014 言い出しっぺの@gatespace_k(五十嵐)です。

Coda2 Advent Calendar 2014 は Panic Inc.が開発しているエディタ Coda2 のアドベントカレンダーになります。
お勧めの使い方やプラグイン、自作クリップの紹介などCoda2に関する事なら何でもOKです。
期間中でも参加者を募集なうなので、みんなでCoda2を盛り上げましょー。

http://www.adventar.org/calendars/453

1回めの記事はCoda2.5の紹介をしたいと思います。

続きを読む [Coda2 Advent Calendar 2014] Coda2.5の紹介

お手軽にウェブサイトのマルウェアを検知するなら

「WordPressの運用上のセキュリティについて考えよう」ではウェブサイトの改ざんの検知方法について具体的な方法を書かなかったのですが、ブロガーさんでも簡単にできるお手軽な方法をご紹介します。

続きを読む お手軽にウェブサイトのマルウェアを検知するなら

iOS + Safari + Basic認証のサイトにアクセス出来ない時の対処法

制作途中のBasic認証下のウェブサイトに iPhone(iPad)でアクセスする必要があったのですが、エミュレーターでは問題ないのに実機だといつまで経っても読み込み中でBasic認証のダイアログすら出てこない事があったので覚え書きのメモです。

iOSのBasic認証
この画面すら出てこない

なおこの現象は iPhone 5、iOS  7.1.1、Safari(最新版)では解消されています。

続きを読む iOS + Safari + Basic認証のサイトにアクセス出来ない時の対処法

Web制作で使えそうなアイコンフォント

最近よくアイコンフォントを使っています。
アイコンフォントのメリットですが、

  • フォントなのでテキストとのベースラインが合わせやすい
  • フォントなので拡大縮小はcssのfont-sizeで指定出来る
  • フォントなのでcssで簡単に色を変えられる
  • ベクターデータなので背景色があるときなどのエッジの処理を気にしなくていい。

があります。

デメリットとして単一の画像よりは一度に複数のアイコンデータを読み込むので、データ量が多くなる(重くなる)というのがあります。

とはいえ、レスポンシブとかサイズとかカラーバリエーションを考えてpngを作るのも手間です。

今回は、自分がよく使うアイコンフォントを備忘録代わりに書いておきます。
なお、この手のアイコンフォントはアップデート(主にアイコンの追加)が多いので、最新版やIE7以下での対応などは各公式サイトでご確認ください。

続きを読む Web制作で使えそうなアイコンフォント

MacでWebサイトデザイン・コーディングするための、黒い画面と仲良くなりながらの環境構築手順メモ

タイトル長いですが。

これまでGUIアプリで操作してきたことをコマンドラインで操作出来るようにするMacでのセットアップメモ。
いつも忘れるので、現時点での覚え書きです。
自分の手順だけをざっくり書くので、わからなかったりエラーが出たらその内容で検索して調べてください。

2018.11.7 update

やることリスト

  1. Xcode(iPhoneやiPadのエミュレーターなど)
  2. Homebrew(パッケージ管理ツール)
  3. Node.js、Grunt、gulp.js
  4. Sass + Compass(cssプリプロセッサ)
  5. Jekyll + bundler(スタティックウェブサイト)
  6. Git(バージョン管理)
  7. wp-cli (WordPressをコマンドラインから操作)
  8. Virtualbox、Vagrant(仮想マシン・サーバー)
  9. bash-completion(ssh実行時のホスト名の補完など)

続きを読む MacでWebサイトデザイン・コーディングするための、黒い画面と仲良くなりながらの環境構築手順メモ

Coda2のBookにCompassとWordPressのリファレンスを追加しよう

最近はもっぱらCoda2でコーディングをしています。
さらに、SASSやCompasの勉強も始めたので、コーディングをしながらリファレンスを開いていることが多いです。

今までは検索したりブラウザでリファレンス(ドキュメント)を開いたりしていたのですが、Coda2のブックに任意のリファレンスを登録できるのでそのやり方をメモしておきます。 続きを読む Coda2のBookにCompassとWordPressのリファレンスを追加しよう

Coda2のターミナルで秘密鍵を使う手順メモ

今までサーバーにssh接続する時はMac OS X 付属のターミナルを使っていたのですが、メインに使っているCoda2にもターミナルが備わっているのでこちらも使うようになりました。

Coda2から秘密鍵を使ってSSH接続する方法がなかなか見つからなかったのでメモしておきます。 続きを読む Coda2のターミナルで秘密鍵を使う手順メモ