シングルトンパターンの抽象化クラスを作成してみます。まずはシングルトンパターンのおさらいから。 クラスのインスタンスはnew演算子を使って生成されます。たとえば、5回new演算子を使った場合、5つのインスタンスが生成されます。当然、1000回実行すると1000個のインスタンスが生成されます。 しかし、インスタンスを生成するという処理は、コストがかかる処理です。オブジェクトの使いまわしをしないで毎回newするのは、大きなコストがかかってしまうことを意味します。 また、「どうしてもインスタンスを1つしか生成したくない」といった場面も出てきます。たとえば、システムの設定を表現するクラスや、システム全体で一度読み込んだデータをキャッシュしておくクラスなどです。 この場合、プログラミングする際に注意深くnew演算子を使うことで、1つしかインスタンスを生成させないようにすることもできます。しかし、それ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

【2021/10/15 追記】 この記事は更新が停止されています。現在では筆者の思想が変化している面もありますので，過去の記事として参考程度にご覧ください。 予備知識 PHPはフォームから送信された値などをコード実行開始に自動的に変数として使えるようにしてくれる非常に便利なプログラミング言語です．しかし，それをそのまま用いるとエラーが発生したり，脆弱性になってしまったりするケースがたくさんあります．使う前には適当なチェック処理が必要です． どういった変数が対象になるか 以下に挙げられた変数は，ユーザーが勝手に値や構造を書き換えたり，送信をそもそも行わずにアクセスしたりすることが可能な信用できない変数だと思ってください．例え，ラジオボタンで選択肢を限定していたり，隠し要素として埋め込んでいたりしたとしても，これに該当してしまいます． $_GET アクセスされたURLの ? 以降のクエリースト

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 注意(2016/01/29追記) Parseサービスの終了が発表されました。 利用できるのは2017/01/28までだということです。 Facebook Shutters Its Parse Developer Platform | TechCrunch http://techcrunch.com/2016/01/28/facebook-shutters-its-parse-developer-platform/ Moving On http://blog.parse.com/announcements/moving-on/ こんなに便

SEO好きですか？私は嫌いです。そんな事に取り組むよりも仕組みやコンテンツの改善に取り組みたいです。今回はそんなSEO嫌いにお送りする、SEO対策集です。やってられないSEOは１日で終わらせてもっと生産的な仕事に集中しましょう！ まずは結論から 下記をテンプレートにしていただければ良いです。google検索表示もfacebook表示も上手くいきます。twittercardの表示だけは公式サイト（日本語）より申請がいるのでそれだけしておきましょう。 <title>Qiita - プログラマの技術情報共有サービス</title> <meta content="Qiita - XXX" name="title"> <meta content="ブログ記事詳細. 120字以内を心がけよう。その中でも最初の４０字は大事。" name="description"> <meta content='キーワ

Social Networks Auto-Posterは、Facebook・TwitterなどのSNSのアカウントに記事の更新情報を自動投稿できるWordPressプラグインです。 SNS・ブログ・写真共有サービスなど、様々なサービスに対応しています。 このプラグインは、WordPressで新しい記事を公開した際に、複数のSNSのアカウントに更新情報を自動投稿できます。既に公開済みの記事に対しても手動で再投稿を行うこともできます。 SNSのアカウントに更新情報を投稿するプラグインはこれ一つでOKです。 複数のSNSアカウントを運用している場合は、非常に役立つプラグインなので活用しましょう。 現在、このプラグインは正常に動作しません。復旧は困難と思われます。 Twitter・FacebookなどでのAPIの仕様変更・有料化などの問題が原因と思われます。 プラグインの開発者が保守を行なっておら

運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。

tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ

以下、入力例です。 最後にアプリケーションを作成ボタンをクリックしてください。 2.基本データの入力 アプリが登録された後、右側の設定メニューをクリックし、基本データタブを選択して下さい。 必要な情報があれば入力していきます。 ここで、App Domainsという項目がありますが、これは先にAdd Platformボタンからウェブサイトを選択し、先にウェブページ情報を入力しておかないとエラーになるようです。 各種情報を入力したら変更を保存ボタンをクリックします。 3.トークン取得のためのコード取得 ここから若干アレな作業になります。 まず、上記サイトにて以下の情報を用意しておきます。 アプリケーションID（例：AAAA） アプリのシークレットキー（例：BBBB） ホストするURL（例：http://sample.com/） 次に上記情報を埋め込んだ以下のURLにアクセスします。適所書き換え

Video presentations are a great addition to any product page. With a presentation you can showcase your product's features without making the visitor read through long paragraphs of text. But apart from producing the video, you still need to manually convert it and find (or code) some sort of flash player that will display it on your site. The other possible path is that you upload it to a video s

こんにちは。デザイナーのハルエです。 普段Webデザインを制作する上でPhotoshopを使用している方は多いかと思いますが、いかに自分に合った環境にカスタマイズするかで作業効率は大きく変わってきます。 今回はいつものPhotoshopがさらに快適になる無料プラグインをご紹介させていただきます。 【こちらもおすすめ】 おすすめPhotoshopプラグイン WebINK http://www.webink.com/webfontplugin/ ※現在このサービスはご利用いただけません。 Google Web FontなどのWebフォントをPhotoshop上で表示、利用することができます。 最初の同期に少し時間がかかりますが、あとはデザインしながら手の届くところでWebフォントがさくさく選べてしまうので、非常に捗ります。 Photoshop CS5から対応しています。 flaticon ht

photo by Scolirk 地方でもマルチデバイス対応を求められることが多くなってきました。 徐々に対応しているところが増えてきたためだと思います。 私も昨年からレスポンシブWEBデザインについて、 対応する必要がありましたので、調べたものをまとめてみました。 もくじ レスポンシブWebデザインとは？ ギャラリーサイト レスポンシブWebデザインの作り方 画像の切り替え・最適化 レスポンシブ対応のフレームワーク レスポンシブ対応のライブラリ サイトの高速化 レスポンシブWebデザインとは？ 2年程前から流行し始めたレスポンシブWebデザイン。 基本的な考え方、メリット・デメリットを理解しておかないとトラブルの元になります。 レスポンシブWebデザインの基本 レスポンシブWebデザインの基礎 必読！5分でわかる流行のレスポンシブWebデザインまとめ | 株式会社LIG 5分で分かるレス

優しくナチュラルな雰囲気を出したい場合は手書き風のデザインは相性がいいです。 Photoshopで簡単にできる手書き風の記事を集めました。 写真加工 Photoshopできれいな水彩画風デザインに挑戦！ | Webクリエイターボックス Photoshopできれいな水彩画風デザインに挑戦！ | Webクリエイターボックス 水彩画はやさしいタッチがだせるので重宝します。 写真をイラスト風に加工する方法 写真をイラスト風に加工する方法 アバンギャルドなデザインをする場合に使えそうです。 更に加工することで、歴史風にすることもできそう。 写真をイラスト風に加工する 写真をイラスト風に加工する FMステーションや英語の教科書のニューホライズンなどであったようなイラスト。 ポップな雰囲気をだしたい場合に。 写真を加工して、手描きの雰囲気を作り出そう！ 写真を加工して、手描きの雰囲気を作り出そう！ 墨な

ブログを運営していると、他人のブログ（競合サイト）のアクセス数はどれくらいあるのか、どんなキーワードで集客しているのか、気になってきますよね。 競合サイトを調査するメリットは以下の 3 点。 具体的な目標を設定するさいの目安にできる モチベーションを維持するきっかけになる 自分のブログに足りない点を見つけられる ツールを使えば調査はそれほど難しくありません。本記事では、ライバルサイトを丸裸にする分析ツールを 5 つ紹介していきます。 競合サイトの分析に関する解説はこちら 他のブログのアクセス数が推測できる仕組み 他のブログのアクセス数を計測できるツールはいくつかあります。 独自のクローラーを走らせて分析していたり、主な検索キーワードの順位・CTR をもとに算出していたりと計測方法は様々。 なかには、無料で他サイトのデータを提供する代わりに、ユーザーの Google アナリティクスや Sea

世の中にはたくさんのGitHubクローンが存在しますが、高機能でもインストールが面倒だと、なかなか手が出しづらいものがありますよね。実際に使えるものかどうか確認したいだけなのに、動かすだけで精一杯だとやる気が萎えてしまいます。 ということで、手間をかけずにGitHubクローンソフトを体験したい方にオススメしたいのが「GitBucket」です。 gitbucket.warをダウンロードしてjavaを使って実行するだけという超簡単インストールで即動かすことができます。 インストール方法 gitbucket.war(現段階で最新版は1.12)をダウンロードし、以下のようにjavaを使って実行します。MacのJava6でも問題なく動きました。 java -jar gitbucket.war 正常に起動したのを確認したら、ブラウザから「http://localhost:8080」へアクセスします。

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

@JUNP_Nです。センスのいい高解像度な無料写真素材サイト「IM FREE」のご紹介。海外のサイトですが、日本の無料写真素材サイトにはないような素材が多いので覚えておくといいかもしれません。 日本にはないセンスの写真素材サイト！カテゴリ分けで写真も探しやすい！日本国内での無料写真素材と言えば「PAKUTASO」が大好きでよく使わせて頂いているのですが「IM FREE」は海外のサイトならではの、センスのある写真が多数掲載されています。 関連：国内外のフリー画像素材サービスまとめ48サイト（2013年冬版） 今回紹介するサイトに掲載されている写真素材は全て商用利用可能です。 IM Free - Free Design Resources | Free Images カテゴリ毎に分けられているので、写真を探すのも便利。現在は19のカテゴリに分類され「AMBIENT」「ART&MUSIC」「BU

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。