タグ

ブックマーク / ozpa-h4.com (358)

  • Basic認証(特定のページを閲覧するのにID、passの入力が必要なやつ)の作成方法 | OZPAの表4

    Basic(ベーシック)認証とは Basic認証(ベーシックにんしょう、Basic Authentication)とは、HTTPで定義される認証方式の一つ。基認証と呼ばれることも。 Basic認証では、ユーザ名とパスワードの組みをコロン “:” でつなぎ、Base64でエンコードして送信する。 via: Basic認証 – Wikipedia ↑のように、Webページを閲覧するためにIDとパスワードを必要とするやーつですね。 ベーシック認証ページの作成方法 ベーシック認証はこのように、パスワードをかけたいディレクトリに「.htaccess」と「.htpasswd」を配置することでかけることができます。.htpasswdは別名でも構いませんが、この名前がよく使われるそうなのでこれで説明していきましょう。 .htpasswdを用意する まずは、認証に必要なIDとパスワードを用意します。IDと

    Basic認証(特定のページを閲覧するのにID、passの入力が必要なやつ)の作成方法 | OZPAの表4
    thikasa
    thikasa 2014/02/28
  • 新しい技術を覚えるにはやっぱり何かを作らないとダメなんだなぁ

    モノを作る側の人間としてみればこんな事言うまでも書くまでも無いのですが、最近改めて感じ入ったことなので自戒の念を込めてポストしておこうと思います。 とあるホームページ作った 最近、仕事とは別のところでWeb制作の依頼を受けまして、ホームページを作っておりました(もうすぐ公開)。きちんとした仕事ではなく(ちょっと語弊がありますが)、友人の始めるとある教室のサイトで、製作費は相場の数分の一。 「片手間で簡単なのを作ってほしい」 と言われ予算も全てを承知で始めたことなので、こちらとしてもそれほど凝ったことはせずにチャッチャッと仕上げる予定でした。予算に合わないことをすれば身が持ちません。 が。 作っているうちになんだか興が乗ってしまい、頼まれてもいないレスポンシブ対応をしてみたり、頼まれてもいないメールフォームを付けてみたり、頼まれてもい無いことのオンパレード。 膨らむ赤字。プライスレス。 ほと

    新しい技術を覚えるにはやっぱり何かを作らないとダメなんだなぁ
    thikasa
    thikasa 2014/02/24
  • ダイエットします。Evernoteの。

    私のね。象がね。大きくなりすぎちゃったんですよ。 Evernoteの話です。 そんな訳でEvernoteダイエットをすることに致しました。 Evernoteが重くなってきた 最近ブログにあまり書いていなかったのですが、もはや私の生活にとってかかせない、当たり前のようにそばにいてくれる頼れる味方、そう、Evernote。 今日も元気に稼働中…なのですが、ノート数が27000強という現状のせいで、同期するにも一苦労な状態になってしまいました。 同期処理は 5 つの要素に影響されます。 アカウントにあるノートの数 リソース(画像、PDF、ファイル)の平均サイズ 同じサーバ上で同時に同期しているユーザの数 使用しているデバイスの数 ノート・ノートブックで行っている共同作業の量 via: Evernote の同期が 4 倍速くなりました | Evernote語版ブログ 公式ブログにも書いてある

    ダイエットします。Evernoteの。
    thikasa
    thikasa 2014/02/24
  • iPhoneのユーザ辞書にメールアドレスとか登録しておけば色々捗るのに

    この間、何かのサービスのユーザ登録をしようとしていた友人の手元を何気無く眺めていたら、ちまちまとメールアドレスを手打ちしているのを見かけました。 「そんなのユーザ辞書に登録しておけばすぐ呼び出せるのに…」 と言ったところ 「目から鱗です。あなたが神ですか」 「そうです」 みたいな会話があったので、スマホのユーザ辞書に登録しておくと色々捗る単語たちを並べておこうと思います。 とまあその前に、こちらが私のユーザ辞書の一部。iPhoneですと「設定→一般→キーボード」の中にあります。 住所、電話番号、メールアドレス なんやかんやとよく使うのが住所や電話番号、メールアドレスと言った情報。先のようになにかのユーザ登録をしたり、メールアドレスを使ってSNSにログインしたり(さすがにパスワードは1Passwordで管理してますが)。

    iPhoneのユーザ辞書にメールアドレスとか登録しておけば色々捗るのに
    thikasa
    thikasa 2014/02/22
  • やっぱりSHUREが好き(高遮音性イヤホン SE215 Special Edition レビュー)

    先日、使用していたONKYO(オンキヨー)のインナーイヤーヘッドホンが断線したらしく、買い換えようと家電量販店へ。色々聞き比べた結果、Shureの高遮音性 イヤホンSE215 Special Editionを購入しました。そして気がつきました。 やっぱり私、SHUREが好き。 商品特長 より厚みのある低域を実現した新しいチューニング ダイナミック型MicroDriver搭載 日常使用に最適な長さのワイヤーフォームフィット機能付き着脱式ケーブル エディションに相応しいトランスルーセントブルーのイヤホンボディとダークグレーのケーブル 遮音性技術により、ステージ上でも屋外でもオーディオエクスペリエンスを阻害することなく周囲の雑音を遮断します。 軽量・薄型デザインと最適化されたノズル角度により快適に耳にフィットします。 フィットキット形やサイズの異なる、柔らかくフレキシブルなイヤパッドが耳の中に優

    やっぱりSHUREが好き(高遮音性イヤホン SE215 Special Edition レビュー)
    thikasa
    thikasa 2014/02/22
  • MacにMAMPを導入したのと、phpのincludeができなかったので修正した

    今っさらもいいところなのですが、Macのローカル環境でphpを走らせるためにMAMPを導入しました。ちょいと手順で分からなかったところがあり調べたので備忘録メモ。 MAMPとは Macintosh, Apache, MySQL, PHPの頭文字を取って名付けられた「MAMP」は、その名の通りMacにApache、MySQLphp環境をまるっとインストールしてくれるアプリです。 導入方法、簡単な使い方 改めて解説にするほど難しくもないのですが一応。 まずはMAMP: Mac, Apache, MySQL, PHPへアクセス、無料版は左側の「Download Now」をクリックします。なかなかの重さですのでちょっと時間がかかるかもしれません。 ダウンロードが完了したら、あとは解凍してパッケージをダブルクリック、「続ける」をクリックしていくだけ。死ぬほど簡単。 使い方は、MAMPアプリを起動し

    thikasa
    thikasa 2014/02/22
  • 大雪が凄かったのでRICOH GRで近所の写真を撮ってきました。

    この週末関東を襲った大雪は凄かったですね。あまりの大雪っぷりにテンションが上がったので愛機のGR片手に全裸で表へ飛び出してまいりました。 以下、jpg撮って出しです(現像めんどくさい) 東京でかまくらができるほど積もるとは。 お気に入りの一枚。 雪だるまもたくさんできてました。こちらは三段重ね。 こちらはなんか気持ち悪い。 ドヤァ…

    大雪が凄かったのでRICOH GRで近所の写真を撮ってきました。
    thikasa
    thikasa 2014/02/22
  • コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順

    なんだか、Web制作の際に起こる様々な面倒くさいタスクを自動化してくれるGruntというツールがあるらしく、私の周りのWebデザイナーさんやコーダーさんがこぞって導入されておりました。 はじめは「へぇ…あちきは別に興味ないからいいでありんすよ」と指をくわえて傍観していたのですが、便利便利の声を聞くにつれやっぱり羨ましくなってきました。だから導入した。使った。良かった。 そんな訳で今回は、Grunt.jsの導入から簡単な使い方までを紹介したいと思います。私のような黒い画面に抵抗を持っている初心者の方でも導入できるよう、コピペさえ出来ればGruntが使えるようになる記事にしてあるつもりです。 なお、今回導入した私のPC環境はOS X 10.9.1です。Windowsでの導入手順は今更だけどやるgrunt入門編・インストールから基的な使い方|WEB Drawerをご覧下さい。 Gruntで何が

    コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順
    thikasa
    thikasa 2014/02/06
  • ぱくたそ初の「公認パロディ写真素材」がリリース!「ちくしょう。転職だ!」とクリエイターが叫びたくなる無料写真素材!

    どうも、デザイナーなのかフリー素材なのかブロガーなのかもはやわからない私@OZPA でございます。 このたび、モデルのLala*( @lalas_ark )さん、大川 竜弥( @ryumagazine )さんと私がモデルとなり、フリー写真素材のPAKUTASOさんと転職サイトGreenさんとのコラボレーション企画「ちくしょう。転職だ!」とクリエイターが叫びたくなる写真素材がリリースされました! コラボ情報:「ちくしょう。転職だ!」とクリエイターが叫びたくなる写真素材 | すべて無料(フリー)の写真素材-PAKUTASO/ぱくたそ 今回のコラボ情報 ブラックユーモアと流行りネタが大好きな無料写真素材PAKUTASO/ぱくたそ から、『給料安すぎ』、『今でしょ!』、『5000万円が鞄に入らない』などのパロディ写真素材に続いて、クリエイター系のメディアやブログのアドセンス広告(下記参照)で頻繁に

    ぱくたそ初の「公認パロディ写真素材」がリリース!「ちくしょう。転職だ!」とクリエイターが叫びたくなる無料写真素材!
    thikasa
    thikasa 2014/02/03
  • 「Staccal 2」あの超人気iPhoneカレンダーアプリの続編がリリース!先行レビュー!

    2012年の8月にリリースされて以来、そのデザイン、使いやすさから超人気を誇りましたiPhoneカレンダーアプリ「Staccal」。私も長らくホーム画面においており大変にお気に入りのアプリです。 その開発元Mobile and Designさんより、続編となるアプリStaccal 2がこの度リリースされました! ありがたくもテスターをさせて頂きましたので、先行レビューと洒落込みたいと思います!! 特長 今回リリースされたStaccal 2。その特長は以下の通りです:) フラットデザイン リマインダー機能 かんたん入力支援 テーマカラー アニメーション、サウンドの追加 では早速アプリを起動してその機能の数々を見ていきませう! 起動画面がこちら。アイコンが今までのスキュアモーフィックなものから、ガラッとフラットになってますね!カッコイイ!凄い好きですこのアイコン。 Staccalには多彩なジェ

    「Staccal 2」あの超人気iPhoneカレンダーアプリの続編がリリース!先行レビュー!
    thikasa
    thikasa 2014/01/21
  • 階段、毒沼、旅の扉…ドラクエ風のアイロンビーズ コースターがメチャメチャ素敵だ!!

    先日訪れましたDpub 9にて、アイロンビーズ・クリエイターの@nun_ さんより、ドラクエに出てくる地形三種類のコースターを頂いちゃいました! 何このクオリティ! Asami Nagasaki on Tokyo Otaku Mode β @nun_ ちゃんの他作品:Perler Beads Art Studio 何やら私が以前書いたIllustrator初心者に向けた記事が役に立ったのでそのお礼、とのこと。 ブログ記事が役にたったのでお礼をする。人とはこうありたいものですね。 こちらは階段!すごい!下りたい! ドット絵とアイロンビーズの相性の良さを極限にまで表現しつくしとるでえ…! そして旅の扉!吸い込まれそうやでえ! コップを置いた場合地球上の何処かに置かれた別の旅の扉コースターまで移動します。超困る。 最後に毒沼!毒々しいでえ!! せっかくここまでクオリティの高い作品です。コースター

    階段、毒沼、旅の扉…ドラクエ風のアイロンビーズ コースターがメチャメチャ素敵だ!!
    thikasa
    thikasa 2014/01/20
  • OZPAのブログ論

    なんだか最近「ブログ論」をテーマにした記事をよく見かけます。色んなブロガーさんが思い思いに「ブログとはなんぞや」を語り、「同意」「それは違う」など様々なリアクションを目にするのですが、私も思うところがあったので記しておこうかと思います。

    OZPAのブログ論
    thikasa
    thikasa 2014/01/16
  • Dpub 9 in 東京に幹事チームとして参加して参りました!

    先日の日曜日、No Second Lifeの@ttachi さん主宰による、六木は豚組・しゃぶ庵さんにて行われましたイベント「Dpub 9」に幹事チームとして参加して参りました:) Dpub 9 in 東京! 180人の熱く楽しい宴開催しました!皆さまに感謝!! #dpub9 | No Second Life 1次会:豚組 しゃぶ庵 幹事チームとしての参加はDpub 5、Dpub 7に続いて3回目。 割と毎回きちんと働いているところを@ttachi さんや@azur256 さん、@kuracyan 御大には評価して頂いていた模様。だので今回はサボりにサボろうと思ったのですが、結局会を通じて色々働いていた気がします。 皆の、喜ぶ顔が、見たい、だけーーーなんだけどな・・・? 受け付けのセッティングを済ませ、コンビニで買ってきた1.5リットルのコーラを@donpy さんに飲ませたりしているとい

    Dpub 9 in 東京に幹事チームとして参加して参りました!
    thikasa
    thikasa 2014/01/16
  • 「中二病(厨二病)風サラリーマンの写真素材」がPAKUTASOさんからリリースされました!!

    クッ…右腕が疼く…シュッシュッ そんなわけで、無料(フリー)写真素材のPAKUTASO/ぱくたそさんとのコラボ企画第5弾である素材集、「中二病風サラリーマンの写真素材」がリリースされました! 中二病(厨二病)写真素材 | すべて無料(フリー)の写真素材-PAKUTASO/ぱくたそ リリースされた写真 思春期の少年が行いがちな自己愛に満ちた空想や嗜好、通称中二病風の写真素材をリリースしました!会社で暴言を吐かれ 「キサマはオレを怒らせた・・・」と封印されし強欲の右手(グリードグラオザーム)が疼きはじめてしまう会社員や、三日三晩の徹夜作業によって己の力が制御できなくなり「俺に近づくなッ!!…これ以上、君を傷付ける訳には行かないんだ…」というビジネスシーンにご利用ください。 via: 企画情報:中二病(厨二病)写真素材 | すべて無料(フリー)の写真素材-PAKUTASO/ぱくたそ 撮影中、個人

    「中二病(厨二病)風サラリーマンの写真素材」がPAKUTASOさんからリリースされました!!
    thikasa
    thikasa 2014/01/14
  • これは使えぬ!名前を思い出せない人に再会した時、その場をしのぐ6つの方法

    先日Last Day. jpの@Sayobs さんが「1度人の顔見たら忘れない。僕は「スーパー・レコグナイザー」ってやつのかもしれない。」と言う記事をアップしておりました。 これは非常にうらやましい能力。私も記憶力には自信がある方なのですが、DPUBなどの大型オフ会で一度御会いしただけの方のお名前を忘れてしまうことがたまにあります。 そこで今回は「名前を思い出せない人に再会した時の対処法」と題してそんなピンチにおける対処法を考えてみました。 1.正直に聞く 「すみません…お名前もう一度伺ってもよろしいでしょうか…?」 身も蓋もございませんが、ぶっちゃけこれが一番だと思います。照れ臭そうに、つつましやかに、相手に嫌な気持ちをさせないように…。 「ホント私記憶力が悪くて…」などの一言を付け加えればなおよし。 2.「尋ねているのは苗字じゃなくて名前ですよ」作戦 私が何度となく共に死線を乗り越えて

    これは使えぬ!名前を思い出せない人に再会した時、その場をしのぐ6つの方法
    thikasa
    thikasa 2014/01/08
  • iPhone・iPadブログエディタ「するぷろ」がついにMarkdown対応!カーソル移動も超便利に!

    アップデートの内容 今回のアップデートで搭載された機能は以下でございます:) 画面をフリックした分、カーソルを移動できるように テキストの装飾機能を実装(strong,big,small) テキストの全置換機能を実装 投稿オプション画面でもTextExpanderが動くようにした Markdownサポート 画面フリック分のカーソル移動 iPhoneでテキストを打っているとイライラするのがカーソル移動。これまでもするぷろでは画面フリックによるカーソル移動が搭載されておりましたが、今回実装されたのは指を動かした分だけカーソルが動く!というもの。 ここにあるカーソルが… 指をガーッと動かすとここまで移動しました!嗚呼動画でないと伝わりづらい。 ちなみに例文が気になる貴方はこの記事を読んでください。 テキスト装飾機能・全置換機能 入力したプレーンテキストをエディタ上でstrong,big,smal

    iPhone・iPadブログエディタ「するぷろ」がついにMarkdown対応!カーソル移動も超便利に!
    thikasa
    thikasa 2014/01/07
  • 2014年明けましておめでとうございます。30歳になりました。

    参考:元ネタ 大晦日から年越しにかけて予定があったのですが、その用事が急遽無くなってしまい、この30歳を迎える瞬間を家で一人ビールをあおりながらYoutubeを見つつ迎えるという充実した新年の幕開けでした。別に泣いてはいません。とりあえず明日の夕方前から死ぬほど暇なので誰か遊んでください。

    2014年明けましておめでとうございます。30歳になりました。
    thikasa
    thikasa 2014/01/01
  • デスクや壁にケーブルを固定できる「CableDrop ケーブルドロップ mini」がちょーーーーー便利!!

    商品概要 指でつまむようなデザインでさまざまな太さのケーブルを挟むことが可能 ケーブルを思いのままに配線可能 設置は簡単、デスクや壁に裏面のシールで貼るだけ 煩わしいケーブルの配線が楽しくなる豊富なカラーバリエーション ケーブル以外にもイヤフォンやボールペンなどアイディア次第で広がる使い方 via: 【Bluelounge Design】ケーブルドロップ[CableDrop] | トリニティ株式会社 我が家ではiPhoneiPadを充電するためにケーブルを机やベッド際に放り出している形にしているのですが、ふとした瞬間に視線がぶつかるケーブルが隙間に落ちたり意図せぬ場所に移動していたりで結構陶しい。 それを解消してくれるのがこのCableDrop。ケーブルをつまんで固定してくれるわけです。 商品はAppBank Store 新宿さんで購入。3×3で…えと…10個弱ついてました。 なるほど

    デスクや壁にケーブルを固定できる「CableDrop ケーブルドロップ mini」がちょーーーーー便利!!
    thikasa
    thikasa 2013/12/24
  • Perfumeに特化したミュージックプレイヤー「Perfume Music Player」がめっさかっこいい

    ノッチと言えばデンジャラスだったのも今は昔。 そんなわけで日は、女性3人組大人気テクノポップユニット、Perfumeに特化したミュージックプレイヤー「Perfume Music Player」のご紹介です。 Perfumeの世界観そのまま! Perfume Music Playerはその名の通り、Perfumeをフィーチャーしたミュージックプレイヤー。 公式サイトすごい作りだな… まぁ何はともあれiPhoneアプリがありますのでダウンロードしてみました。(Androidアプリもあります。) 起動画面。余談ですがこのロゴめっちゃ好きです。 アプリを立ち上げると、自動的にスマホ内にあるPerfumeの楽曲を取り込んでくれます。それをこのPerfume専用インターフェースで聴くことが出来ると言う訳です。 アプリにPerfumeの楽曲が入っている訳ではありませんので悪しからず。 いやぁ、それにし

    Perfumeに特化したミュージックプレイヤー「Perfume Music Player」がめっさかっこいい
    thikasa
    thikasa 2013/12/24
  • Sass初心者から上級者まで超オススメの本!「Web制作者のためのSassの教科書」がいいぜ!!

    書籍概要 Webサイト制作に必須のCSSを、より便利に効率的に書けるようにパワーアップさせた「Sass」(サス)についての教科書的な解説書が登場! Sassって聞いたことはあるけど、導入が面倒そうという方 Sassを始めてみたいと思っているが、今一歩踏み出せない方 勉強コストとの天秤に掛けて、Sassのメリットがイマイチ見えてこない方 周りでSassを使い出した人がいて、焦りを感じている方 CSSを今よりも効率的に書きたいと思っている方 これらの方がSassを導入するきっかけとなり、ひと通りSassの機能を使いこなせるようになるのが書の目標です。 (中略) 書では、Sassの機能だけでなく、Sassの概要から利用環境の整え方まで 丁寧に解説しています。また、より実践的な内容やCompassなどのフレームワークなど、Sassを使いこなすために必要な内容を網羅しています。 via: Ama

    Sass初心者から上級者まで超オススメの本!「Web制作者のためのSassの教科書」がいいぜ!!
    thikasa
    thikasa 2013/12/21