iOSでCSSでborder-radius と overflow:hiddenを指定した、角丸マスクが効かなくてハマった話 | MONOCHROME DESIGN｜東京杉並のフリーランスWEBデザイナー。WordPressホームページ/ウェブサイト制作
iOSでCSSでborder-radius と overflow:hiddenを指定した、角丸マスクが効かなくてハマった話 作っていたサイトで、ちょっと写真をカッコよく表示したいなと思いborder-radiusとoverflow:hiddenを利用した角丸マスクで表示するようなものを作りました。その時iOSで少しハマったので、その対処法などをご紹介します。 実際に作ったのが以下のようなものです。 See the Pen border radius & overflow hidden by monochrome (@monochrome-design) on CodePen. それなりに上手く出来たと思っていたのですが、スマホで見てみると丸くマスクされていない事が判明。。。 あれ？と思いmacのsafariで見てみると同じくマスクされていませんでした。しかし、chromeやfirefoxで
SHOWROOMに学ぶ、資金決済法に抵触しない投げ銭サービスの作り方 | STORIA法律事務所
SHOWROOM（https://www.showroom-live.com）や17Live（イチナナライブ）（https://17media.jp）など、スマホ等でライブ配信できるサービスがますます盛んとなっています。 SHOWROOMでは、視聴者はライブ配信者に対して花束や東京タワーなどの「ギフト」と呼ばれるデジタルコンテンツを贈ることができ（ギフティング）、ライブ配信者は視聴者が贈ってくれたギフトに応じて報酬を得られる仕組みになっており、いわば視聴者が配信者に投げ銭ができるようなサービスです。 米アプリ調査会社アップアニーによると、日本国内における2017年上半期の動画配信アプリの「収益」第１位はSHOWROOMだったとのこと（なお「利用者数」の第１位はYoutube）。 SHOWROOMが動画アプリの収益部門でネットフリックスをおさえ国内No. 1！次は、世界だ。https://t
hanhan's blog - simplexml_load_file で自己署名証明書を許容する方法
結論simplexml_load_fileを呼び出す前に下記のコードにて、stream_contextを設定してあげればいい。 なお、 'allow_self_signed'=> trueまたは'verify_peer' => falseのいずれかを設定すればOK。 $context = stream_context_create(array('ssl'=>array( 'allow_self_signed'=> true, 'verify_peer' => false, ))); libxml_set_streams_context($context); $xml = simplexml_load_file($url); 解説PHP5.6以降において、OpenSSL関連の処理の変更がありました。 PHP: PHP 5.6.x における OpenSSL 関連の変更 - Manual 暗号化
横スクロール可能な要素にヒントを表示するJSライブラリ「ScrollHint」の使い方 | WebDev Tech
WEBサイトのレスポンシブ化をする上で、スマホなどの画面幅が狭いデバイスには収まりきらないコンテンツがあることが多いです。 特に情報量の多い表（テーブル）などは、スマホの画面幅に収めるのはなかなか難しいですよね・・・。 そういった場合、CSSのoverflowプロパティで横スクロールを可能にすることができますが、ユーザーからするとスクロール可能か判断できず、見落としてしまいがちです。 そこで今回の記事では、横スクロール可能な要素にヒントを表示するJavaScriptライブラリ「ScrollHint」を紹介します！ このライブラリを導入することで、スクロール可能な要素には以下のようなヒントが表示されるようになります。 横スクロール可能な要素をアイコンとテキストで知らせてくれるので、ユーザビリティの向上にもつながりますね。
Illustratorでクリッカブルマップ（イメージマップ）を作る方法 | コトダマウェブ
イラストレーターってクリッカブルマップが作れそうだなと思って調べてみたら作れることが分かったので共有します。この方法を知れば面倒な座標の指定もする必要がないので簡単です。 Illustratorでクリッカブルマップ（イメージマップ）を作る方法 ここでは、地図ACさんから取得した日本地図のIllustratorデータを使って各都道府県がクリックできるようにしていこうと思います。今回は関東のところだけを使用します。 クリッカブルマップを作る条件として、上のようにリンクを設定する各都道府県の部分が閉じられたパスとして独立している必要があります。 上にあるメニューの「ウィンドウ」＞「属性」をクリックして属性パネルを表示させます。この属性パネルでクリッカブルマップ（イメージマップ）の設定を行います。 リンク先を設定したいパスを選択して、イメージマップのところを「多角形」にします。そして下のURLに任
WordPressの肥大化したデータベースを最適化して容量を減らす方法 | WordPressのお医者さん
WordPressの肥大化したデータベースを最適化して容量を減らす方法 8月 31, 2019 9月 27, 2019 最適化, WordPress leave5252 WordPressの記事やテーマ・プラグインの設定情報などのほとんどはデータベースに保存されています。 そのため、たくさん記事を書いたりテーマやプラグインの設定・データが増えれば増えるほどデータベースを圧迫するとになります。 今回はWordPressで利用しているデータベースを最適化して使用中容量を小さくする方法を紹介します。 データベース容量はディスク容量よりもはるかに小さい 容量200GBのレンタルサーバーを利用しているから問題ないと思う方もいるでしょう。 ですが、ここで気をつけないことが一つあり「画像やテーマファイルなどを保存するディスク容量」と「記事データやWordpresss設定などを保存するデータベース容量」は
いわき駅の駐車場で安い料金は？周辺おすすめ地図ガイド＆全リスト！ | 苺の一枝＜Ichigo-Ichie＞
上田城の駐車場で無料や穴場なのは？おすすめ地図ガイド＆全リスト！ 2019/5/10 長野, 駐車場 千曲川の段丘も要害に真田昌幸が築城し、最小兵力で徳川大群を撃退した｢上田合戦｣でも知られる名城・上田城。 徳川による取... 記事を読む 浜大津の駐車場で最大料金が安いおすすめ地図ガイド＆全リスト！ 2019/4/27 滋賀, 駐車場 波立つ大湖・琵琶湖を背負い、近隣の京都や奈良に劣らぬ歴史を有する古都・大津。 特に京阪地区とのアクセスもよく、湖岸リゾ... 記事を読む
JavaScriptのキーボードイベント、キー判定にどれつかう？ - Qiita
概要 ブラウザｘJavaScriptで扱うキーボードイベント、キー判定にどのプロパティを使うかのまとめ です ざっくりいうと event.key または event.code のどちらかを使うべし 「●●が押されたら」のような判定をしたいときは event.key または event.code のどちらかで判定する。 キー判定には、いろんなプロパティがあって、どれ使ったらいいの？と悩むことがある 以前ふつうにつかっていた event.keyCode等はdeprecatedになっている
XAMPP PHPのバージョン切り替え方法 - Laravel学習帳
Laravelエンジニアのみなさんは、どのような開発環境を構築していますでしょうか？ 自分の場合、Laradockを用いてLaravelの開発環境を構築しています。 DockerでLaravelの環境構築（Laradock） ただ、Laradockで開発環境を構築するためにはDockerを理解する必要があります。 そのため、Laravel初心者のかたは少し敷居が高いかもしれません。 もし手軽るに開発環境を構築したいのであれば、XAMPPをおススメします。 Laravel ローカル環境構築（for XAMPP） XAMPPだと簡単に開発環境を整えることができます。デメリットとしてはプロジェクト毎にPHPのバージョンを変えたい時です。 今回は、XAMPPのフォルダを1つにしたままで、その中のPHPだけ切り替えて使う方法をご紹介します。 目的 現在、使っているXAMPPのPHPのバージョンが7.
PHPパッケージマネージャ・Composerが使えるレンタルサーバー | SERVERSUS
公開日: 2020.12.28 最新のPHPフレームワークを使う際はほぼ必須となっているPHPパッケージマネージャ・Composer。今回は、Composerが使えるレンタルサーバーと使えないサーバーでComposerやPHPフレームワークを使う方法をまとめました。 編集ノート:SERVERSUSでは、パートナーリンクからコミッションを得ています。コミッションが記事の意見や、サービスの評価に影響を与えることはありません。 Composerとは？PHPライブラリのインストール・管理・依存関係チェックをしてくれるパッケージマネージャーがcomposerです。 Laravelやsymfony、CodeigniterなどのPHPフレームワークは、composerを使うことで簡単にインストール・アップデートが可能になっています。 レンタルサーバーでComposerを使うメリットcomposerはパッ
海外からのアクセス(IP)を拒否するhtaccessの設定 - Qiita
不要なアクセスを受けるとサーバーのパフォーマンスが落ちたりします。 海外のIPから無作為にアクセスを受けることも珍しくありません。 不正ログインやアクセス超過を防ぐための設定になります。 このため.htaccessに設定をして、海外からはサイトなどにアクセスできないような設定をします。 ######### 海外IPを許可しないための設定 ######### ### 検索エンジンをまとめて許可するためにenv化する (Must) SetEnvIf User-Agent "Googlebot" allowbot SetEnvIf User-Agent "msnbot" allowbot SetEnvIf User-Agent "bingbot" allowbot SetEnvIf User-Agent "Slurp" allowbot ### いったん全てを拒否する (Must) order
IPアドレスで日本国外(海外/外国)からのアクセスを制限する.htaccess CGI's
日本に割り当てられているIPアドレスをAPNICより取得して、日本国外(海外/外国)からのアクセスを制限する（禁止する）.htaccessファイル又は一覧を作成します。 「IPアドレス表示」ボタンをクリックすると、日本への割り当IPアドレスの一覧が表示されます。 「.htaccessダウンロード」ボタンをクリックすると、日本へ割り当られているIPアドレスのみアクセスを許可する.htaccessファイルをダウンロードできます。 少し時間がかかります（数秒～数十秒程度）。 ブラウザやOSによって.htaccessをダウンロードするとファイル名の後ろに[1]と付いてしまったり、先頭のドットが消えたりするようです。その場合、お手数ですがサーバへ設置の際などファイル名を修正してください。 日本への割り当IPアドレスはAPNIC（アジア・太平洋地域のIPアドレス割り当てを行なう機関）にて現在公開してい
php unlink使い方を間違えると恐ろしい事に。
unlinkのエラーで意図しないファイルが削除されてしまい、真っ白のページになってしまった問題。 $data_dir=”../file/page1/test”; ↑最後にスラッシュがないパス ディレクトリの特定は出来る。 opendir()で中身を$filenameに。 しかしここで↓ unlink($data_dir.$filename) 渡したパスは、$filenameがtest.txt だとすると、”../file/page1/testtest.txt”になってしまう。 当然エラー。 パスの最後にスラッシュを付けると、”../file/page1/test/test.txt” 大丈夫である。 これはまだ恐ろしくない。 次のケース。 function deleteDir($dir){ if (!$handle=opendir($dir)) $er=true; while( false
問い合わせフォームに大量スパム。「qq.com」のスパムを対策しました
昨日、当店のお問合せフォームに大量のスパム投稿がありました。 想定以上の挙動を示していましたので、その顛末を記します。同様なスパムに悩む方のご参考になれば幸いです。 「qq.com」ウェブフォームスパムの特徴 今回のスパムは、フォームに対して次のようなデータを送信して来ました。 名前 「登陆980585.com住册宋188彩金・・・」で始まる中国語(簡体字)の文字列 メールアドレス xxxxx@qq.com (xxxxxの部分はランダムな数字) 電話番号 03-5302-2981 (※実在の無関係の会社です。この会社も被害者です) なお、この「電話番号」は、実在の、スパムとは無関係の会社の電話番号です。 このため、その会社に大変な損害を与えていると考えられます。 被害に遭っている会社様が、その被害の事実を公開しておられます。 弊社電話番号を悪用したスパムにご注意ください | アシストマイ
【AE】バウンスエクスプレッション | OLDROOKIE
amp = .1; freq = 5; decay = 7; n = 0; if (numKeys > 0){ n = nearestKey(time).index; if (key(n).time > time){ n--; } } if (n == 0){ t = 0; }else{ t = time - key(n).time; } if (n > 0){ v = velocityAtTime(key(n).time - thisComp.frameDuration/10); value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t); }else{ value; } 元ネタ
【After Effects】超簡単!!テキストやシェイプにバウンドを簡単につけることができるエクスプレッションの使い方
Adobe After Effects 41 今回はテキストやシェイプのトランスフォームにコピペするだけで 簡単にバウンド効果を加えることができるエクスプレッションと、その使い方を解説していきます。 ＊以下のようなバウンドをテキストやシェイプに簡単につけることができます⬇︎⬇︎ バウンドをつけることができるエクスプレッション バウンドをつける方法はめちゃくちゃ簡単です!! バウンドをつけたいテキストやシェイプに以下のコードをコピペするだけです⬇︎⬇︎ amp = 0.8; freq = 3; decay = 10; n = 0; if (numKeys > 0){ n = nearestKey(time).index; if (key(n).time > time){ n--; } } if (n == 0){ t = 0; }else{ t = time - key(n).time; }
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
埋め込み式のGoogleカレンダーのパラメーターをカスタマイズする｜DXシステム開発・WEB制作 SmileVision
jQuery｢reverse｣で配列の順番を逆にする方法 - STAND-4U
みやしもブログ
m3u8から動画をダウンロードする方法 – idew.DESIGN