タグ OZPA
人気順 5 users 10 users 100 users 500 users 1000 usersWordPressでTwitter、Facebook、はてブなどのオリジナルソーシャルシェアボタンを実装するコード | OZPAの表4
やろうやろうと思いつつめんどくさいからいいやと放置していた記事直下SNSシェアボタンのオリジナルデザイン化。 Twitterの仕様変更でシェア数が吐き出されなくなり、これまでの公式ボタンではサイズが揃わないし、いい加減実装するか!と一念発起して対応してみました。 準備 まずは準備としてWordPressプラグインの SNS Count Cache をインストール。これはSNSのCountをCach... 続きを読む
一眼・ミラーレスカメラ初心者におすすめする「誰でもできるテクニック」6つ | OZPAの表4
SONYのα7を購入したのが今年の6月。それ以来写真を撮る量が加速度的に増えました。 まだまだ自らも中級者の域を脱してはいないと思いますが、カメラのおかげか溢れる才能のおかげかたまに「おっ、これは上手く撮れたな」とニンマリする一枚を収めるなんてこともあったり無かったり。 そんな訳で今日はミラーレス・一眼カメラ初心者の方が、写真撮影の際にちょっと気をつけるべきことをつらつら記しておこうと思います。 ... 続きを読む
iPhoneのDockから8つのアプリを起動できるようになって死ぬほど便利になった件 | OZPAの表4
iPhone 6s Plusを購入して便利だなと感じている機構の一つにクイックアクションがあります。アプリアイコンを長押しすると設定されたアクションにすぐさまアクセスできるやーつ。 で、ランチャーアプリLaunch Center Proにこの度クイックアクションが設定できるようになり、鬼便利アプリになりました。 Launch Center Proは↑のように登録したアプリをワンタップで起動できるよ... 続きを読む
金沢に来たら「のど黒めし本舗 いたる」ののど黒めしを食べるんだ! | OZPAの表4
金沢に旅行へ来ております。ビバ金沢。 そんなわけでこの日はランチに「のど黒めし本舗 いたる」さんに行って参りました。昨日も別店舗に行ったのに。 結論から言うと、金沢に来たら間違いなくもう一度行きます。のど黒めし最高。 お店は21世紀美術館から歩いてすぐ。 のど黒のイラストがど迫力。 食べ方も書いてあります。ひつまぶしと同じ感じですね。 お店に入り、注文を済ませ、待つこと5分少々。来ました、のど黒め... 続きを読む
こいつぁ便利ね…!他サイトの記事紹介リンクをかっこ良く作成してくれる「Embedly」 | OZPAの表4
人様のブログや他サイトの記事を紹介するためにいろんな方法をとっておりましたが、@shintarowfresh さんの最近捗ったweb系のあれこれって記事で知ったEmbedlyというサービスがなかなか良かったので導入&カスタマイズしてみました。 Embedly 外部サイトを紹介するのに便利なEmbedlyの使い方 まずはこちらのページへGO。 ブックマークレットをブックマークバーにぶち込みます。 こ... 続きを読む
味も値段も絶対後悔させないから、新宿の串揚げ屋「立吉(たつきち)」に行くんだおまいら | OZPAの表4
いやー、串揚げなんてどこで食べても同じ…そう思っていたんですけどね… そんなわけで今回は、新宿の串揚げ屋「立吉(たつきち)」さんのご紹介です。 お任せスタイルの串揚げ お店は新宿三丁目駅から徒歩2分。新宿駅から歩くのもよいでしょう。ビルの9Fです。すごくきれいなお店! ちなみに人気店ですが予約はできません。待つのを覚悟しましょう。ちなみにこの日は30分ほど待ちました。 着席すると目の前に並ぶこのセ... 続きを読む
初心者Webコーダーが覚えると便利なオススメツール・テクニック | クリエイティブ・ティップス
マイナビクリエイター公式ブログ「クリエイティブ・ティップス」を御覧の皆様ご機嫌麗しゅう。OZPAの表4の@OZPA です。 今回のコラムは初心者Webコーダーが覚えると便利なオススメツール・テクニックをお送りいたします。ンガググ エディタに関して ズバリ!好きなエディタを使いましょう。 …ってこれで終わると編集部さんからぶん殴られそうなので追記しますが、エディタに関しては各人によって求めるも... 続きを読む
ブラウザをテキストエディタにする方法がむっちゃ手軽で便利だった | OZPAの表4
知らなかった…Webブラウザをテキストエディタにするブックマークがあるのですね… data:text/html, <html contenteditable> 方法は簡単、↑をブラウザのURL入力欄に挿入するだけ。(Chrome、Safari、Firefoxで確認済み。IE…?なにそれ…?) ウェブブラウザを「テキストエディタ」にする方法 【増田 @maskin】 | TechWaveで知りました... 続きを読む
スマホサイトのパーツをことごとく網羅!「スマートフォンサイトUI図鑑」がマジ良著だった件 | OZPAの表4
スマートフォンサイトを構築してて「このパーツなんて言う名前なのかな」「どうやって作るのかな」と言う瞬間は結構あるものです。 そんな悩める子羊を救う良著がKADOKAWA/アスキー・メディアワークスさんより発売されました。その名もCSS3&jQueryで作る スマートフォンサイトUI図鑑。 ありがたくも一冊ご恵贈頂きましたので、レビューしてみたいと思います。 いや、マジこの本オススメ。こう言う本、ほ... 続きを読む
IEで「レイアウト崩れが起きてます」と言われた時の対処メモ(Internet Explorerの「互換表示モード」を解除する) | OZPAの表4
実務メモ。 業務でやっているとある企業のWebサイト(レスポンシブ対応、対象ブラウザ:IE9〜)構築で、こちら側のブラウザチェックでは問題ないのにクライアントから「こちらのPCで表示が崩れるんですが…」との連絡が。 対応していないCSS3プロパティの効果が見えないとかならまだしも、レイアウトがグチャグチャになっていると言われては冷や汗が止まりません。 しかも、制作側ではどのPCで見ても問題ない上、... 続きを読む
iPhoneユーザなら覚えておかないと絶対損する、カッコなどの「記号文字入力」の小ワザまとめ | OZPAの表4
iPhoneで文字入力をする友人を見ていた時に(どんな時だ) 「あっ、その記号ならこうすればもっと簡単に入力できるのに…」 などと思うことがありましたのでまとめてみました。 「フリック入力のみ」にしておこう まずは設定のお話。 iPhoneで文字入力の速度を上げるには「フリック入力のみ」が欠かせません(指を縦横に動かしたり弾いたりして行う文字入力)。 デフォルトの状態でもフリック入力は当然可能なの... 続きを読む
頭良さそうに全く内容のないエントリーをアップする方法 | OZPAの表4
皆さんこんにちは。@OZPA です。 今回の記事で私は一つの議題を取り扱いたいと考えています。 それは、頭が良さそうに全く内容のないエントリーをアップする方法についてです。 この記事を読む前と、読んだ後の10分後の貴方の身に起こる変化。それはとても大きな変化かも知れませんし、ごくごく矮小な変化なのかもしれません。いいえきっと後者でしょう。 なぜならこのエントリーに大切な意味などたったの1つも無いの... 続きを読む
横並びの要素の高さを揃えるjQueryプラグイン「matchHeight」がレスポンシブでもバッチリ動いて素敵 | OZPAの表4
高さが異なる要素を横並びにした時に、その高さを揃えたい–生きとし生けるもの全ての夢。 でまぁ今までとあるプラグインを利用していたのですが、レスポンシブで上手く動かないということでなんかいいやつ無いんかい、と探していたところjquery.matchHeight.jsというのを見つけました。 jquery.matchHeight.js – a more robust equal heights plu... 続きを読む
HTML/CSS、PHP、jQueryの基礎を学ぶなら超オススメ!プログラミング学習サービス「Progate」 | OZPAの表4
まずはProgateへアクセスしてアカウントを作成。私はTwitterで認証しました。 現在学べる言語は HTML & CSS PHP jQuery の3言語の基礎部分。 とりあえずHTML & CSSをやってみましょう。 学習の流れ 学習の流れは3ステップ。 スライドで基礎知識を学習 ブラウザ上のエディタにコードを書いて実際に学習 プレビュー画面で実際に挙動を確認→答え合わせ といった感じです。... 続きを読む
超簡単に書類のスキャン&多彩な共有機能!Evernoteのスキャンアプリ「Scannable」を試してみた | OZPAの表4
Scannableの特徴 Scannable は、手元にあるレシートや書類をカメラロールに溜めるのではなく、素早くスキャンして共有できるように設計されています。 via: Scannable: Evernote の新しいモバイル用スキャンアプリ – Evernote日本語版ブログ 素早くスキャンが取れて、共有も簡単で、ScanSnapのEvernote Editionとの連携も可能なスキャンアプリ... 続きを読む
生活する上でよく使用する、無くなったら死ねるWebサービスを挙げ連ねてみる | OZPAの表4
どう?クラウドしてる? 今や私の生活と切り離すことの出来ないWebサービスっていっぱいあるなぁと思ったので、整理の意味も含めて無造作に挙げ連ねてみようと思います。 我ながら冒頭の挨拶の意味がわかりません。 メール Gmail メールはほとんどがGmailです。特にそれ以外言うことがありません。 これで終わると寂しいのでお正月におばあちゃんちで食べたブリの照り焼きを載せておきます。美味しかったです。... 続きを読む
急にあなたが結婚式二次会の幹事を頼まれたらこう準備しなさい 〜ベテランが教える運営方法と便利ツール〜 | OZPAの表4
親しい友人から、急に結婚式二次会の幹事を頼まれたらどうしますか? いつの頃からかわかりませんが 「結婚式の二次会、幹事をお願いしてもいいかな?」 「二次会パーティーの司会を頼みます!」 などと依頼されることが多くなりまして。これまでに私が関わった結婚式二次会の数は15組以上。もはやベテランと言って差し支えないでしょう。 そんなわけで、私が結婚式二次会の幹事・司会を頼まれた時にどうやって準備、運営し... 続きを読む
わたしのiPhoneを超便利にしてくれる、現在使用中のおすすめウィジェットアプリ9つ | OZPAの表4
iOS8より、ようやくiPhoneでもウィジェット機能が使用出来るようになりました。 iPhone 6 Plus購入と同時にiOS8の仲間入りをした私ですが、1ヶ月ちょっと色々試してみて、現在も使用中の便利なウィジェットを紹介しようと思います。 Staccal 2 【カレンダー】 まずはカレンダーアプリ、Staccal 2。 リリース以来変わることなく私のスケジュール管理を支えてくれる大好きなアプ... 続きを読む
MacBook Air/Proの容量を+128GBまで拡張できるアイテム「Nifty MiniDrive」が素晴らしかった | OZPAの表4
この商品はmicroSDカードを差し込んでMacBookに挿入することで容量を増やすと言う製品。SDスロットぴったりのサイズなので、普通のSDカードやUSBメモリと違ってPCの外側へ出っ張らない。あな嬉しや。 私のMBAは128GBモデルなので、同容量のmicroSDカードを使えば容量が倍になる計算。あな素晴らしや。 商品はAppBank Storeの渋谷パルコ店で購入。6000円ちょいでした。 ... 続きを読む
私がよく使っているjQueryプラグインまとめ(スライダー、モーダルウィンドウなど) | OZPAの表4
こんにちは、暑いですね。脇汗すごいですね。僕が。 さて今回はWebページ作成時に、私がよく使っているjQueryプラグインをまとめてみました。(たまにjQueryが必須でないものもあります。) ※紹介しているプラグインを使用する際、ライセンスは各自で再度確認してくださいませ。 Owl Carousel 個人・商用利用可能。レスポンシブでいい感じに動作してくれるカルーセルスライダーです。動作もシンプ... 続きを読む
Webサイト作るときのオレオレテンプレート | OZPAの表4
@sanographix さんが雑にWebページ作るときのセットアップ – MEMOGRAPHIXって記事を書いていたのですが、私も似たようなことをやっておりましたので一応晒してみます。まぁ自分用に作成したものなんで汎用性とかは多分無いです。 OZPA/ozpa-html-tempura ファイルはOZPA/ozpa-html-tempuraにあります。はじめてGithub使いました。きちんと覚え... 続きを読む
Mac、Winでの画面操作を録画してgifアニメにしてくれるアプリ「Recordit」 | OZPAの表4
先日、Sublime Textのプラグイン「Goto CSS Declaration」の紹介記事を書いたのですが、その時に使用してめっちゃ便利だった、デスクトップでの操作を録画してgifアニメにしてくれるアプリRecorditのご紹介です。 Recordit: Record screencasts fast & free! with GIF Support! まずはアプリをRecordit公式サイ... 続きを読む
[恵比寿・バル]小籠包が美味しいバル!京鼎樓(ジンディンロウ恵比寿本店さん | OZPAの表4
小籠包の美味しいバルがあるということで、恵比寿の京鼎樓(ジンディンロウ)恵比寿本店さんへ行ってまいりました! お店は恵比寿駅東口より徒歩3分ほど。オップンカッフェイのようなクールな佇まい。 こちらのお店の売りはこの「小籠包」!何は無くとも注文だ! お通し。肉が…バケットに乗り…美味い! そしてこちらがメインの小籠包!! 見てくれこの肉汁!俺のモノ!この肉汁俺のモノ!! スープをジュジュっと吸い上げ... 続きを読む
Sublime Textのプラグイン「Goto CSS Declaration」が素晴らしく便利で泣けてきた | OZPAの表4
今日も今日とてSublime Text 2にてコーディングをしているわけなんですが、@kojika17 先生(通称:まぼろしの神)からGoto CSS declarationと言うプラグインを教わって導入したところ、これが素晴らしく素晴らしいので素晴らしさをお伝えしようと思います。 rmaksim/Sublime-Text-2-Goto-CSS-Declaration どんなプラグインか こちらの... 続きを読む
私が最近どうやってブログを書いているのか、手順と使用ツールを公開してみる | OZPAの表4
Markdownを覚えて以来、ちょっとした心境の変化と、Sublime Textでブログを書き始めたら結構これが快適だったので、MarsEditを使うのを試験的にやめてみました。 そんなわけで本日は、最近私がどうやってブログを書いているのかと、使っているアプリ・ツールを晒してみたいと思います。(環境はOS X 10.9です) ブログ執筆の順序 まずはブログをどうやって書いているのか、その手順から。... 続きを読む