Gatespace's Blog

Category: Web制作全般

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

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

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

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

    (さらに…)
  • Coda2.5 プラグイン紹介

    Coda2.5 プラグイン紹介

    「Coda2 Advent Calendar 2014」 3日目はCoda2.5のプラグイン周りを紹介したいと思います。

    (さらに…)

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

    [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の紹介をしたいと思います。

    (さらに…)

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

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

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

    (さらに…)

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

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

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

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

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

    (さらに…)

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

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

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

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

    があります。

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

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

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

    (さらに…)

  • Macで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実行時のホスト名の補完など）

    (さらに…)

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

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

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

    今までは検索したりブラウザでリファレンス（ドキュメント）を開いたりしていたのですが、Coda2のブックに任意のリファレンスを登録できるのでそのやり方をメモしておきます。 (さらに…)

  • HTML5+CSS3で構築する時のIE8対策メモ

    今さらかもしれませんが、HTML5+CSS3で構築したウェブページをIE8でも期待通りに表示・印刷されるためのメモ。

    Win7+IE8で確認しています。ちなみにIE9の開発者モードでは再現しませんので、ご注意ください。 (さらに…)

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

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

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

    Coda2から秘密鍵を使ってSSH接続する方法がなかなか見つからなかったのでメモしておきます。 (さらに…)