(Last Updated On: )入力バリデーションはセキュリティ対策として最も重要なセキュリティ対策です。なぜセキュリティ対策であるのか？を理解していない方も見かけますが「ほぼ全てのインジェクション攻撃を無効化／防止する入力バリデーション」の効果と拡張方法を見れば解るのではないでしょうか？ ソフトウェア開発者が知っておくべきセキュリティの定義／標準／ガイドで紹介しているセキュリティガイドラインでは入力バリデーションが最も重要なセキュリティ対策であるとしています。 厳格な入力バリデーションを行うと、開発者が意識しなくても、非常に多くの脆弱性を利用した攻撃を防止できます。今回は比較的緩い入力バリデーション関数でも、ほとんどのインジェクション攻撃を防止できることを紹介します。 重要：セキュア／防御的プログラミングでは入力と出力のセキュリティ対策は”独立”した対策です。どちらかをすれば良い、

文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。 カーニングとはフォントの文字間のスペースを調整することです。カーニングの最終目的は、それぞれの文字の間が不自然な空白にならないように字面間のスペースを均等にし、テキストを美しく整然とした一つのまとまりにデザインします。 カーニングがされていない、カーニングがいいかげんな仕事は、デザインの世界において大罪の一つです。カーニングはデザイナーが早い段階で身につけるべき重要なスキルです。 20 Typography Mistakes Every Beginner Makes 基本的だけど大切なタイポグラフィのシンプルな14のルール リーダビリ

2015年10月2日 Wordpress 会員登録をしたユーザー限定でコンテンツを表示する会員制サイト。作るには時間や手間がかかるイメージですよね。今回はそんな会員制サイトを簡単に、そして無料で作れちゃう「Simple Membership」というプラグインをご紹介します。 ↑私が10年以上利用している会計ソフト！ 会員制サイトに必要な機能 以下の機能のついた簡単な会員制サイトを作ってみようと思います。 新規ユーザー登録 ログインフォームの設置 記事やページを限定公開 ユーザーによる登録情報（名前やパスワード等）の変更 管理ページから手動でユーザー追加 Simple Membershipは無料で使えるWordPressの会員システム導入プラグイン。会員レベルの設定やコンテンツの限定公開も簡単で、ショートコードを使ってログインフォームも設置できますよ。細かい設定は難しいかもしれませんが、上記

Result jQuery$('a','nav').mouseover(function(){ $('span','nav').animate({ 'width': $(this).width(), 'left': $(this).position().left} ,'fast'); });cssnav a{ text-decoration:none; color:#333; } nav li{ display:inline-block; margin-left:2px; padding:3px; background:#eee; } nav span{ background:#666; height:2px; display:block; position:relative; width:50px; left:0; }html<nav><ul> <li><a href="#">menu0

スライダーやカルーセルを実装できるjQueryプラグインは多数ありますが、それらの中でも豊富なオプションと実装の手軽さで見かけたことや実際に使用した人も多いと思う「bxSlider」の実装サンプルです。 もっと高機能なプラグインも探せばいくらでも出てきますし、bxSliderにこだわる必要はもちろんないんですが、個人的に手軽に使えるという理由で今でも使わせてもらう機会が割と多いので、公式には載っていない実装サンプルをいくつか紹介しようと思います。 bxSliderについて 今回使用する「bxSlider」はコンテンツスライダーやカルーセルといった動きを実装することができるjQueryプラグインで、手軽に実装できることに加え、オプションも豊富に用意されているのが特徴のプラグインです。 また、レスポンシブやスワイプといった機能も実装されているので、スマートフォンやタブレットといったデバイスが対

WWDC 2015でiOS Developer Programに関する変更があり、 これまで年間11,800円の登録費用を払ってDeveloper Programに登録しなければできなかった、 iPhoneやiPadの実機を使った開発が可能になりました。 Xcode7 での無料の実機ビルドの方法についてまとめます。 (本記事の内容は一般公開されている情報に基づいています。 beta版に関するスクリーンショットは使用していません。) #必要なもの ・Mac ・Xcode7 #Xcode7のダウンロード 2015年6月現在、beta版のXcode7をダウンロードします。 https://developer.apple.com/xcode/downloads/ ファイルサイズが4Gありますので、PCの容量が足りない場合は不要なデータを削除して容量を確保してください。 #Xcodeの起動 インスト

こんにちは、おじいちゃんです。 Webサイトを作っていると、デザインによってはCSSを使って三角形を作るときがあります。便利ですよね。画像だとhover時に色が変えられなかったり、作ったとしてもアニメーションがつけられなかったり、かといってSVGにするほどでもない。 CSSのborderを利用することで、三角形は比較的簡単に作れますし、アニメーションもできる。それではなぜborderを利用することで三角形が表現できるのか、考えてみたことありますか？ 今回はborderを利用して、三角形を表現できるCSSの挙動について紹介したいと思います。 まずは書いてみる 黒で塗りつぶされた三角形を書いてみます。 <span>タグに任意のクラスを当てたHTMLを用意して、下記プロパティを当てることで三角形が表現できます。 <span class="triangle"></span> .triangle{

Apple watch（series3）を購入して、念願のApple payを利用することができるようになりました。 持っているiphoneは”6”であるため、Apple payを利用することができません。 Apple payが使えるのは、iphone7以降ですね。 mineo（マイネオ）を利用しているので、しばらくはiphone6を使い続ける予定です。 Apple watchのApple payでSuicaを利用しようとちょっとしたエラーが出てしまいました。その解決方法を画像付きで解説したいと思います。 Apple watchでSuicaを使う方法 SuicaはJR東日本管内ではもちろんのこと、交通電子マネーは相互利用できるので、JR西日本であったり、私鉄路線であっても利用できますね。 スゴイ便利なものです。 Apple payを利用する場合は、iphoneのアプリ「Wallet」を起動

作々！ -さくさく-　 ゲーム制作、アニメ制作、グラフィックソフト、プログラミング、3DCG等、創作活動の話題全般を取り扱う(予定)。 プログラミングに最適なフォントとしてよくおすすめされるRictyが再配布可能な形で公開されていた プログラマーにとってフォントは生産性に影響する重要なポイントの１つです。lとIが区別のつかないフォント、oと0が区別のつかないフォント。残念なことにデフォルトで使われるフォントはWindows,Linux共にそういったものが多いです。もしまだデフォルトのフォントを使っている人がいたらこの機会に是非Rictyに乗り換えましょう！ プログラミングに最適なフォントとしてよくおすすめされるRictyが再配布可能な形で公開されていた | デジタネイティブ 今までのRictyとどう違うか Rictyは日本語フォントにMigu 1Mを使用していたために、フォントが統合された

ヤフーが「アプリ利用調査」を発表 ヤフーはアプリをダウンロードしたことがあると回答した人を対象に「アプリの利用調査」を発表しました。この調査はスマホ利用者にアプリの情報収集やダウンロードに関する動向調査を年代別に行うことで、アプリに対する需要や傾向を把握することを目的としたものです。 ニュースやポータルサイトなどから情報収集する際、ブラウザーとアプリのどちらで閲覧しますか？との質問で、「ブラウザーのみで利用する（または利用するほうが多い）」と答えたユーザーはどの年代でも65％以上を占めており、圧倒的にブラウザーで閲覧していることが分かりました。特にブラウザー派は20代が多く、アプリ派は50代以上が多い結果となりました。

コンテンツマーケティングやリスティング広告を行っている企業様は、特集ページやランディングページなど、定期的に新規作成しなければいけないコンテンツがあるものです。 そのたびにページデザインを考えるのは専業のデザイナーの方でも簡単なことではありません。 そんな時にすぐにデザインを決められるよう、今回は高品質な無料のデザイン素材をまとめました。デザインテンプレも豊富なので、デザイナーではなくてもある程度のクオリティに仕上げることができます。 1. Photoshopを使う際にデザインの幅が広がる無料のパターン素材80選 https://ferret-plus.com/1224 じっくりデザインをする時間はなかなか取れない、そんな時に活用したいのがフォトショップ用のパターン素材です。 パターン素材は、レイヤースタイルに適用するだけであっという間にデザインを変えることができます。 パターン素材には無

男性の皆さんであれば、旅行中に素敵な女性と出会い「誘ってみたい……！」と感じたことがあるのではないでしょうか？ 私は留学中に出会ったアメリカ人男性と結婚して、今はアメリカに住んでいます。あなたにとってのベストパートナーも、もしかしたら海外にいるかもしれません。 けれど、英語が苦手でうまく相手を誘うことができなければ、食事すら一緒に行けませんよね。そこで今回は、男性が気になる女性をデートに誘いたいときに使える英語フレーズをご紹介します。 さっそく誘ってみよう アメリカ人はストレートに誘うイメージがありますが、いつも常に直接的な表現を使っているわけではありません。よく観察すると、相手や状況に合わせて誘い方も異なります。それでは、彼らがどんな誘い方をしているのか見てみましょう！ デートに誘ってもいい？Can I ask you out (on a date)?最もストレートな言い方です。すでに何

パーツを組み替え可能で自分好みに機能をカスタマイズでき、最安5000円から購入できるという、Googleの開発しているスマートフォン「Ara」のプロトタイプが2015年5月に行われたGoogle I/O 2015で公開され、実際にステージ上でパーツを組んだりカメラモジュールを使って写真を撮影したりするデモが行われました。 Project Ara http://www.projectara.com/ 初めて公の場に姿を現わしたAraの実働品は、下記のムービーの1:18:05あたりから見ることができます。 Google I/O 2015 - A little badass. Beautiful. Tech and human. Work and love. ATAP. - YouTube Project AraのリードエンジニアであるRafa Camargo氏が登壇してAraを紹介。 「Ara

はじめに 極端に面倒臭がり屋なぼくは、 Slack から出前ピザが注文できたらいいなと思いついたので Hubot スクリプトを書いてみることにしました。 実行例 hubot call +818044431800 起きろ！ てな感じで命令すると、電話して合成音声でメッセージを話してくれます。画像の電話番号は僕の携帯ですが、モザイクをかけるのも面倒なので気にしないでください。 電話番号に + がない場合 Twilio は from 番号と同じ国番号を使うそうなので、この例では頭の 0 を取った番号に日本の国番号 +81 を追加しています。 Hubot の導入 導入については下記の記事を参考にしてください。bouzuya さんかっこいいです。 Slack で Hubot を使えるようにする Hubot / ChatOps とは Twilio への登録、ID の取得など 電話をかけるために、なには

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

2. 自己紹介 • 平井　祐樹! • クラスメソッド株式会社! • iPhoneアプリサービス事業部! • iOSアプリ開発歴2年半ぐらい Copylight © Classmethod, Inc. 2 3. Copylight © Classmethod, Inc. アジェンダ • WKWebView とは？! • WKWebViewとUIWebViewの違い! • WKWebViewを利用したアプリ内ブラウザ の作り方 3 4. WKWebView とは？ • UIWebViewの強化版! • UIWebViewとほとんど同じように使える! • 実行速度、安定性の向上された! • WebKit Frameworkに含まれる（≧iOS 8） Copylight © Classmethod, Inc. 4 5. UIWebViewとWKWebView UIWebView WKWebView

Macbook Air 用のマウスを購入しましたので、本日もマウス関連のネタです。Mac のトラックパッドとマウスのスクロール方向の設定を、個別に行って逆になるように設定する方法。 — 環境 — macOS Sierra 10.12.4 または Mac OS X El Capitan 以前 トラックパッドとマウスのスクロール方向の設定が連動してしまう ちょっと不便で驚いたのですけど、Macbook Air でのデフォルトの設定ですと、トラックパッドとマウスのスクロール方向を個別に設定することができません。 トラックパッドまたはマウスの設定のいずれか一方で、「Scroll direction: natural」を変更しますと、もう他方の設定も連動して同じ設定に変更されてしまいます。 トラックパッドの設定画面 トラックパッドの設定で「Scroll direction: natural」にチェッ

🇺🇦  We stand with the people of Ukraine. We encourage compassion, and hope for peace.   🇺🇦 Please support humanitarian efforts for the Ukraine crisis through the International Committee of the Red Cross! #StandWithUkraine