クリック・タッチを無効化するCSS「pointer-events: none;」がお手軽で便利
こんにちは、お久しぶりです。ウェブデベロップメント黒帯を務めております、HTMLやCSSやJavaScriptが大好きな岡部 和昌（@kzms2）と申します。 最近はCSSやSVGのアニメーション、ElectronやCordovaなどを用いたハイブリッドアプリなどがお気に入りです。 最近の活動 東大の坂本 大介先生と弊社の坂本 竜基、鈴木 健司（@kensuzuk）と一緒にFix & Slideというタッチデバイスにおける選択のUIについての論文を投稿し、UIST 2015やmobileHCI 2016と言った世界的なトップカンファレンスにて採択され発表・登壇などを行っていました。 上記の論文に関しましては、また別の機会でご紹介できたらと考えております。 それでは本題に入ります。 pointer-eventsについて 皆様はpointer-eventsというCSSプロパティーやその使い道を
iOS 課金まとめ - Qiita
参考 2019/1/1現在の日本語ドキュメントをもとに再編成しています。 最新版は英文を確認ください。 In-App Purchaseプログラミングガイド 公式ドキュメント 失敗しない iOS In-App Purchase プログラミング iOS の アプリ内課金（In-App Purchase） 組込方法 Apple Pay In-App Purchaseについて StoreKitフレームワークを使用してアプリケーション内にストアを組み込む方法 販売できないもの 実物の商品やサービスを販売することはできない。 仮想通貨 ポルノ、誹謗、中傷、ギャンブルに関連するもの ギャンブルのシミュレー ションであれば問題なし。 販売できるもの 電子商品や電子サービス デジタルコンテンツ(電子書籍、雑誌、写真など) 機能プロダクト 機能のロック解除や拡張。 App内課金の種類 Consumable(消
プロカメラマン仕様のPhotoshopのトーンカーブのまとめ -写真画像の自然光とカラーを美しく印象的に仕上げる
シドニーを拠点に活躍しているプロのファッションカメラマン: Julia Trotti氏のトーンカーブのコレクションが無料でダウンロードできるので、紹介します。 まずは、トーンカーブファイルの利用方法を。 ダウンロードとインストールは簡単です。 各ページの左「download」からファイルをダウンロードし解凍、拡張子「.acv」がトーンカーブファイルです。 Photoshopのアプリケーションフォルダ内の「Presets/Curves」内にトーンカーブファイルを移動。これで準備は完了です。 トーンカーブを利用するのも簡単です。 Photoshopで画像を開きます。 メニューバーから「レイヤー: 新規調整レイヤー: トーンカーブ」を選択します。 トーンカーブのパネルの「プリセット」からトーンカーブを選択します。 ※ファイルがプリセットに無い場合 トーンカーブのパネルの右上のアイコンをクリックし
Sprite Kitに初めて触ってみた - たーせる日記
iOS端末でパーティクルをキラキラさせたい こんにちは。何を血迷ったか超巨大端末のiPhone 6 Plusを予約してしまったたーせるです。 今もって手元に届いていないにも関わらず、待ちきれずに店頭のホットモックをお触りした結果、これは僕には合わないと確信しました。ちっちゃい方にしておけばよかった（それでも充分デカいけど）。 閑話休題。 Appleの新言語・Swiftのお陰で、Objective-Cよりもだいぶプログラミングのフットワークは軽くなりました。 今までは触る気すら起きなかった技術に対しても少しだけ積極的に触れたくなり、言語が変わるだけでも視野の広がりを実感します。 というわけで、本日はSprite Kitをほんのちょっとだけ触ってみました。特にゲームが作りたかったわけではなく、単にパーティクルを飛ばしたかっただけ。ただそれだけです。 Swift + Sprite Kitでパーテ
【男性も必見】お風呂掃除の決定版！簡単で超ピッカピカにするコツ | みんなの夫婦生活
私は30代既婚の会社員の男ですが、数ヶ月前までお風呂の掃除を1度もしたことがありませんでした。 いつも妻に任せっきりで、お風呂をどういう具合に掃除するのか？どういう服装で掃除するのが正解なのか？濡れるから下半身は裸でやるのがベストなのか？そんなことすら分からないヒドい状況でした。 このまま一生、妻にお風呂掃除を任せきりにするわけにはいけないと思い、とある休日に妻に頼んで、風呂掃除の弟子入りをしてみました。 体験入門なんかではなく、かなり本気で教わりました。 普段、妻はプロ並みにきれいでピッカピカに浴室を仕上げています。 そんな妻の長年の経験によって培われたあらゆるノウハウを伝授してもらい、まったくの素人だった私でも、今では簡単にきれいピカピカにお風呂掃除が出来るようになりました。 そこで今回の記事では、誰でも簡単に驚くほど浴室をキレイにするコツと裏技テクニックをご紹介いたします。 <目次>
株式会社Green romp is under construction
Thank you for being patient. We are doing some work on the site and will be back shortly.
Macが起動しない時の症状の確認と復旧方法のフローチャート | データ復旧のパソコンサポートやまもと
Mac本体が起動しない時に、症状を見て「どこが原因なのか」「どうやって修復するか」「ハードディスクからデータは取り出せるか」を確認するためのフローチャートを作成しました。 Macが起動しない時の症状や対処法はWindowsとくらべてある程度パターン化されています。 以下のフローチャーの一番左には、「正常な時の起動の様子」、真ん中には「起動できない時のエラーなどの症状」、一番右には「対処法」を表示しています。 ※ 以下の画像をクリックすると拡大表示されます。 ※ 右のリンクからPDF版がダウンロードできます。PDF版ダウンロードのリンク ※クリックすると拡大表示されます1. 起動しない時の症状の説明①「ジャーン」の音がしない②ファンの回る大きな音がして画面に何も映らない③リンゴマークが出ない④画面に何も映らない⑤「ピーッ」といった電子音が鳴る⑥リンゴマークの下の歯車がグルグル回りっぱなしで先
FileMergeをLaunchpadから実行できるようにした - Umi Uyuraのブログ
※2014/09/10追記 ブコメで教えて頂きましたが、こんなマドロッコシイことしなくても、シンボリックリンク張れば瞬殺でした！ id:toshimitsu_sasaki さん、ありがとうございます！ $ ln -s /Applications/Xcode.app/Contents/Applications/FileMerge.app /Applications/ まあ、なんか使い道あるんじゃないってことで... ※2015/05/26追記 Meldという差分比較ツールも使っていて、こんなツールも作ってみたので、良かったら使ってみてください。 umi-uyura.hatenablog.com FileMergeはXcodeのDeveloper Toolsに含まれている差分比較/マージツールですね。 Windowsの頃はWinMergeに非常にお世話になっていました。 ファイルだけでなくフォ
[CSS]背景画像をブラウザいっぱいに表示するシンプルな最新テクニック
背景画像をブラウザいっぱいに表示するスタイルシートのシンプルなテクニックを紹介します。 デスクトップだけでなく、スマフォやタブレットにも対応、しかもたった一行なのでスニペットに加えておくと便利です。 デモを幅480pxで表示 コンセプト 「background-size」をビューポート全体をカバーするために使う 「background-size」はレスポンシブ対応にする時に非常に有効なプロパティです。値に「cover」を使うことで、背景画像を相対的に自動で調整します。 ※IE8以下はサポートしていませんが、後述のスクリプトを使用するとbackground-sizeが機能するようになります。 「Media Queries」をスマフォ対策として使う スマフォなどの小さいサイズのスクリーン用にMedia Queriesを使って、小さいサイズの画像ファイルを使うことができます。もっともこれはオプシ
モデルやメソッドに名前を付けるときは英語の品詞に気をつけよう - Qiita
はじめに 他の人が書いたコードを読んでいるときに時々気になるのが、英語の間違いです。 特に動詞、名詞、形容詞の使い分けが間違っていたりすると、かなり違和感を感じます。 そこで今回はモデル（＝クラス）やメソッドに名前を付けるときの基本的な原則をまとめてみます。 また、英文法的に正しい品詞が選べるようになるための習慣についても最後に説明します。 想定する言語/フレームワーク この記事の説明ではRuby/Ruby on Railsを想定しています。 ただし、基本的な考え方は他の言語でも同じように使えるはずです。 モデルの名前は名詞にする 例: 「支払い情報」を表すモデルを作りたい場合 × Pay ○ Payment 「支払う = payか。よし。」でモデルを作ってはいけません！ payは動詞で、payの名詞形がpaymentです。 Payモデルではなく、Paymentモデルを作りましょう。 例:
Macの基礎の基礎: テキスト入力と編集とテキストエディット編
このブログをお読みの方であれば、「テキスト入力や編集、テキストエディットなんてさすがに分かってる」という方が多いかもしれません。 しかし、以下のことをご存知でしょうか？ Mac は、control キーを使用することで、マウスを操作することなくさまざまなテキスト編集が可能である Mac には文字列を一時的に保持しておくための「クリップボード」のようなものが2つある。それらを使いこなすことでより効率のよいテキスト編集が可能である 「テキストエディット」では、複数行の検索や置換が可能である もしこれらのことをご存じなかった場合、この記事を読む価値があるかもしれません。 写真素材: ぱくたそ この記事では、前半は基本的な文字の入力方法、後半は control キーなどを使用したやや高度なテキスト編集の方法、テキストエディットの使いこなしなどについて書いています。 なお、この記事では Apple
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
HTML・CSSを初めて学ぶ時に合わせて知っておきたい、特殊記号の読み方集【連載：コピペで使えるIT英語tips】 - エンジニアtype
HTML・CSSを初めて学ぶ時に合わせて知っておきたい、特殊記号の読み方集【連載：コピペで使えるIT英語tips】 2014/01/30公開 ネットサービスやアプリの普及に伴って、Web制作のスキルを身に付けようとしている人が増えている。そういう人が、参考書やネットのノウハウ記事を見始めて最初に面食らうのは、特殊記号や略語の数々だろう。 略語に関して言えば、筆者は「href」をずっと「ハーフ」と読んでいて、間違いに気付いた時に恥ずかしい思いをした経験がある。読者の中にも、同じような経験を持つ人がいるのではないだろうか。 そこで今回は、これからプログラミングやHTML、CSSを勉強しようとしている人向けに、よくプロパティで使われる主な特殊記号や略語の読み方について紹介する。一部には例文も付与しているのでぜひ参考にしてほしい。 プログラミングでよく使う主な特殊記号 <> less than s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshopで画像の切り抜き、選択範囲を作成するのはこれが一番簡単で正確！CC 2021で進化した選択範囲とマスクの作成
【レビュー】バッテリー上がりの車も救えるモバイルバッテリー「RAVPower カージャンプスターター 12,000mAh」
Meet the former Apple engineer who designed 2 apps every iPhone owner has probably used
Remove Google+ birthdays from your Calendar
How to set up and customize Stacks in OS X
Writing on GitHub - GitHub Docs
IDEA * IDEA
