『PHPでオブジェクト指向的FizzBuzz』問題の解説記事～PHPが書けてオブジェクト指向がわかるとイケてるエンジニアになれる!? #php #オブジェクト指向 - CodeIQ Blog
CodeIQ中の人、millionsmileです。 PHPメンターズの後藤秀宣さん出題の『オブジェクト指向的FizzBuzz』問題の解説記事です！ PHPは、開発言語別の求人数ランキングで2位であります（出典）。さらには、PHPが書けてオブジェクト指向がわかるエンジニアへの企業ニーズは高いものの、実際は、まだまだ層が薄いということもあり、今回の出題へ、となりました。 ぜひ解説記事を読んで、イケてるオブジェクト指向がわかるPHPエンジニアをめざしてみてはどうでしょう。 以下、問題文です。 FizzBuzz問題を解くアプリケーションを実装しているとします。 ★FizzBuzz問題とは？ 1, 2, 3, ・・・という入力に対して3で割り切れる場合は「fizz」、5で割り切れる場合は「buzz」 3でも5でも割り切れる場合は「fizzbuzz」、それ以外は数値をそのまま出力する PHPコードは次
(no title)｜鈴木メモ(旧)
Illustratorを覚えようと緩めにがんばるブログです。ただいま新アドレスhttp://suzukimemo.com/への移行中です。
Illustrator（イラレ）でマーブル模様・柄を作るチュートリアル | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーの白浜です。 以前、「アイスクリーム柄に使える！Photoshopでシームレスなマーブル模様を作る方法」という記事を書いたのですが、今回はIllustratorでマーブル柄を作成する方法をご紹介したいと思います。 まずは下準備、キャンバスに好きな色を乗せる 今回は濃い目のグレーの下地に5色ほど乗せました。あとでまぜこぜになることを考えてバランスよく配置します。 うねりツールを使ってまぜる！ うねりツールはここにあります。 うねりツールを選択すると円形のブラシが出てくるので、かき混ぜたいオブジェクトを選択してドラッグしてみてください。 ブラシの範囲内がドラッグしている間回転します。 Altキーを押しながらドラッグするとブラシの大きさが変わります。 また、「うねりツール」をダブルクリックするとオプションが出てきます。ここでうねりを適応する幅や、回転する向きなどを選べます。
HTML5 CanvasとCSS3のスマホブラウザでの描画性能 - ICS MEDIA
スマートフォンのブラウザでどの程度のグラフィック表現が可能なのか、性能が気になりませんか？ 近年、HTML5を利用できる分野はウェブサイトのみならず、ゲームやSPA（シングルページアプリケーション）など多岐に渡っています。そこで、本記事ではiOSやAndroidの新旧さまざまな端末を使ってパフォーマンスを検証。記事の前半では描画性能を、後半ではJavaScriptの計算性能を測定しています。 描画性能の検証ビデオをご覧ください さまざまな端末を使って、描画検証の様子を録画しました。この80秒の動画では画像のオブジェクトの表示可能な個数を測定しています。ビデオの後半が見どころで、iPhone 5のパフォーマンスが良すぎてビデオを早送りするほどスコアがでるまで時間がかかっています。 さまざまな端末のスコアを測定しました 次の表に、2012年までに発売されたスマートフォンのスコアを掲載しました。
ネガティブスペースを使った面白いアートワークのまとめ
メインとなるオブジェクトのネガティブスペースを使い、もう一つのイメージを生み出して二重のメッセージを表現したアートワークをGraphic Design Blogから紹介します。
イラレで内側ドロップシャドウをアピアランスで作る＆アピアランスこねこね魔女っ子パスファインダー
IllustratorにはPhotoshopのレイヤースタイルのように内側のドロップシャドウがありません。CS6からは効果＞パス＞パスの変形に「オブジェクトの変形」「パターンの変形」があり、これを使うことで光彩（内側）の位置をずらすことで表現しています。CS5以前ではこのオプションがありませんが、「パスの自由変形」で似たような表現が作れます。ただ数値指定ができません。
爆速でわかるjQuery.Deferred超入門
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)です。これまで、JavaScriptで非同期処理を書く上での問題として、コールバック地獄やエラー処理に例外が使えないことなどを解説してきました。 これらの問題に対処するライブラリの1つであるjQuery.Deferredに関して、もう少し丁寧に解説いたします。なお、jQueryのバージョンは記事執筆時点の最新である、1.9.1を想定しています。 jQuery.Deferredとは jQuery.DeferredとはjQueryのバージョン1.5から導入された、非同期処理をうまく扱うための標準モジュールです。使いこなすことで、以下のような効果が見込めます。 非同期処理を連結
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
ドラッグで回転する3Dオブジェクトが作れる「ThreeSixty」:phpspot開発日誌
ThreeSixty ドラッグで回転する3Dオブジェクトが作れる「ThreeSixty」。 マウスやスワイプで回転させられる次のような3Dオブジェクトをページ内に配置できます。 （実際には3Dオブジェクトを描画するというよりかは、画像を切り替えて回転させています） 商品の写真を360度撮影できる仕組みさえあれば、商品を回転できるECサイトに活用できそうですね。 関連エントリ コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」 jQueryでブレットグラフを作れるjQueryプラグイン「jquery bullet graph」 UIがカッコいいオートコンプリート実装jQueryプラグイン「Ajax AutoComplete」 吹き出し風にポップアップするツールバー実装jQueryプラグイン「Toolbar.js」 テキスト表現力を豊かにするタイポグラフィ関連
あたらしい timbre.js - サウンドプログラミング用のJavaScriptライブラリ - 音の鳴るブログ
新しく書き直した。 以前のバージョンと全然互換性がなくて申し訳ないのだけど、可読性とかかなり使い勝手が良くなっていると思います。ライブラリ自体のコードも分かりやすくなっているはず。 http://mohayonao.github.com/timbre.js/ Chrome, Safari, Firefox あと node.js で使えます。 あとついでに SuperCollider みたいな関数を集めたものも用意しました。 http://mohayonao.github.com/subcollider.js/ timbre.js と合わせてアルゴリズム的なものを作るのに使えます。 デモ どういうことができるのかは簡単なデモで確認できます。 http://mohayonao.github.com/timbre.js/beatbox.html http://mohayonao.github.c
味気ないウェブデザインに動きを加えて魅力的にする5つのデザインテクニック
Techniques for Creating Motion in Web Design 下記は各ポイントを意訳したものです。 魅力的なウェブページをつくるポイントはモーション モーションを生み出す4つの方法 1. 構成 2. フレームと配置 3. 編集 4. エフェクト 5. テキスト 魅力的なウェブページをつくるポイントはモーション 誰もが魅力的なウェブページを作ることを望みます、そのゴールを達成する最も効果的な手段は「Motion: 動き」を加えることです。これはビデオやアニメーションだけのことではありません、素晴らしいデザイナーはビデオやアニメーション無しで「Motion: 動き」を生み出すことができます。もちろん、ビデオやアニメーションが効果的な手段ではない、ということではありません。 ここでは、ビデオやアニメーションを使用しないで、ウェブページを魅力的にする「Motion: 動
Illustratorの「オブジェクトの再配色」を使ってカラーバリエーションを作る方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回はIllustratorの機能を使ってロゴなどのカラーバリエーションを一瞬で作る方法をご紹介します。 季節柄・・・今回は年賀状を想定してこちらの画像を用意しました。 ロゴ制作の時などにもよくありがちなのが、 「もっと違う色味のパターンがみたいんだよね～的なことを言われた場合・・・。」 ベタで単調な配色だといいんですけど、今回のようにグラデーションが使われてたりすると、一個一個設定し直すのは相当手間ですよね？ しかし、Illustratorにはものすごい強力な機能があるんです。 「オブジェクトを再配色」を使ってみよう 色を変えたいオブジェクトをグラデーションも全部含めてまるっと選択します。 「編集」→「カラーを編集」→「オブジェクトを再配色」または、下図のボタンをクリック。 次に編集をクリックします。 「ハーモニーカラーをリンク」にチェックを入れて色相の中の任意の色をクリックしてベースカ
Illustratorのアピアランス設定は、設定をかける手順によって結果が変わる - ちくちく日記
先日、Twitterの方で、Illustratorのアピアランス魔人たちが盛り上がっていた話題がありまして。 「Illustratorのふち文字を作った時にできる隙間をアピアランスで埋められないか？」というお題。 きっかけはハム子さん（@hamko1114）のこの発言から。 ここから、皆さんがアピアランスであーでもないこーでもないと試行錯誤がはじまって色々なやり方がためされ、これが正解だ！みたいな解もだされたのですが、まぁその辺の流れはtoggetterのまとめ（イラレ魔神たちの穴埋め談義）をみていただくとして。 私がその中で気になったのは 「まったく同じ（と思われる）アピアランスを設定しているのに、結果が違ってしまう」というもの。 ■二つの結果が異なるオブジェクトが発生するのはなぜ？ 下の画像で確認していただくと、上と下のテキストはアピアランスパレットではまったく同じ設定になっているのに
『モバイル時代におけるCSSの設計と実装』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、こんにちは。 ネット総合事業本部プラットフォームDivの斉藤です。 今回は私の所属している部署からは初の1pixelへの寄稿となるそうです。 CSS開発のアプローチほぼ同時期にモダンウェブ開発に欠かすことが出来ないと言われるようになったJavaScriptと比べると、CSSにおける設計、という話題はなかなか出てきません。 単純なウェブサイトを作る際にはあまり気にしてこなかった部分ですが、ウェブアプリを制作している我々の仕事には欠かすことが出来なくなってきています。 ほかのプログラミング言語に比べると圧倒的に非力な言語だからこそ、ほかのプ
HTML5でFlashに近づけるか？Adobe AnimateをJavaScriptで制御する | DECONCEPTER
手軽なHTML5アニメーションを作るならこれがベストかも 前回Adobe Edgeの雑感を書いたが、今回は実際にEdge Animateを使ってみる。アニメーション自体を作るのは簡単だが、クリックしたら再生など、ちょっとしたインタラクティブ性を加えるにはJavaScriptの記述が必要になる。手順としてまずAdobe Animateでアニメーションを作り、さらにJavaScriptで制御してみたいと思う。 今回作るサンプル 単純なサンプルではあるが、PLAYボタンを押したらアニメーションが開始し、ボタンの状態をPAUSEボタンに変化させるトグルボタンの実装と、アニメーションが一回再生されるごとにカウンターの数字が上がっていくサンプルを作る。 デモ Edge Animateで作られる要素 コンポジションとシンボルの2つの考え方で構成される。Flashで言うところのStageとMovieCli
Ruby脳が理解するJavaScriptのオブジェクト指向（その２）
「Ruby脳が理解するJavaScriptのオブジェクト指向 」の続きです。 引き続きJavaScriptのオブジェクト指向における「継承」について学んだので、自分の理解を書いてみます。当然に、間違いが含まれています。ご指摘助かります。 前回のまとめ 前回の記事では、JavaScriptの「オブジェクトの生成」、「プロトタイプチェーン」、「オブジェクトコンストラクタ」、「new演算子」の各概念について順にみました。これらを通したJavaScriptのオブジェクト指向に対する僕の理解は概ね次のようなものです。 すべてのオブジェクトは__proto__プロパティ（非標準）を持っていて、プロパティ探索に関し、ここにセットされたオブジェクトを順次たどりこれを解決する（プロトタイプチェーン）。__proto__にはデフォルトで空オブジェクトがセットされている。 同種オブジェクト（属性値だけが異なるオ
プロとしての行為 Act as Proffesional
オブジェクト指向エクササイズ下記のルールで、1000行程度のソフトウェアを書いてください。 1. 1つのメソッドにつきインデントは1段階までにすること 2. else句を使用しないこと 3. すべてのプリミティブ型と文字列型をラップすること 4. 1行につきドットは1つまでにすること 5. 名前を省略しないこと 6. すべてのエンティティを小さくすること 7. 1つのクラスにつきインスタンス変数は2つまでにすること 8. ファーストクラスコレクションを使用すること 9. Getter、Setter、プロパティを使用しないこと というルールが適応できない場合は優先すべきルールを選択し、どのルールを適応するのか判断して欲しいとの旨が記載されています。 9つのうち 7つがデータのカプセル化 1つポリモフィズの適切な利用（else句をつかわない） 1つが明確でわかりやすい命名標準 オブジェクト指向
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://nh-lab.com/banner_design_idea/
「シュッ」とか「チン」とかのフリー音源集
http://handywebdesign.net/2012/09/how-to-move-path-and-layer-from-ai-to-ps/