jQueryの初版が登場して10年が経ちました。 jQueryの登場により、これまでJavaScriptで書いていた複雑なコードがよりシンプルになりました。CSS操作やDOM操作、Ajaxなどの拡張性も非常に便利なものでした。 時が経つにつれ、さまざまな特徴を持ったJavaScriptライブラリ・JavaScriptフレームワークが登場し、jQeuryに触れることなく大規模なアプリケーション開発をすることも珍しいことではなくなりました。 そうした中、昨今注目されているのがReact.js(React)です。 今回は、jQueryを学習した人に、Reactも学習してほしい理由とその学習方法についてまとめてみました。 Reactとは？ Reactとは、ユーザーインターフェイス(UI)を構築するためのオープンソースのJavaScriptライブラリです。 Facebookが開発の主導となっており、

2016年も３分の１が過ぎ、今年を代表するウェブデザイントレンドがはっきりと見えてきました。Studio by UXPin で公開されている無料Eブック「The Complete 2016 Web Design Trends Bundle」では、2016年のトレンドを10個のポイントに分けて、具体的なウェブサイトと一緒にまとめています。 今回は、デザイントレンド10個のポイントのみを、簡単にまとめてご紹介します。より詳しい内容に関しては、無料ダウンロードできるEブックで確認できます。TwitterやFacebook、Googleなどの大企業を中心とした、参考サンプル45サイトが掲載されています。 詳細は以下から。 01. マイクロインタラクション Microinteraction マイクロインタラクションは、モバイルアプリのデザインにおいて、大きなアニメーションに比べ、ユーザーがあまり考え

注意※Twitterのツイート数の取得のコードについて この記事のコードでは後日、ツイート数の取得ができなくなるとご指摘いただきました。確認したところ2013年5月7日に行われるTwitterの仕様変更によりツイート数の取得ができなくなってしまいます。（それについての記事）その他はてブ、いいね数のコードにつきましては正常に動作します。問題のコードはサンプルとして残しておきますが、ご利用の際はくれぐれもご注意ください。今回の件についてご指摘くださった方々に御礼申しあげます。そして、すべてのユーザーの方々に不確かな情報を提供してしまったことをお詫び申しあげます。 さらに追記※Twitter APIの仕様変更について Twitter APIの仕様変更後もこのコードで動作し続けています。もともとAPIのリファレンスにも載っていませんしいつ仕様が変更されるかわかりません。ご利用の際はくれぐれも気をつ

##作ったもの デザインをフルカスタマイズでき、シェア数なども表示できるSNSシェアボタン ↓こんな感じ♪ ##なぜ作ったか いいね！やツイートボタンで、SNS側が用意しているsocial pluginを使っている方は多いと思いますが、表示が遅かったり、デザインやz-index的なもので苦労や妥協をしている方も多いかと思います。 逆にシェアボタンのデザインをフルカスタマイズする方法や、しているメディアもみかけますが、今度はシェア数などのデータが入れられないなどのデメリットもあります。 そこで、デザインもフルカスタマイズでき、シェア数も表示できるソーシャルボタンを実装したのでやり方をまとめておきます。 ##実装！！ ※今回はruby on railsとajaxを使ってます。 ###1. デザインされたシェアボタンを配置する ソーシャルボタンを表示するHTMLを作成する。 参考：http://

この記事は9/30より不具合が発生しますので、 www.yukihy.com こちらから設定をお願いします。 以下の説明部分を表示する 5/28追記１：シェア数が表示されない不具合が発生しております。現在検証中です…すみません（汗）と言いつつ僕のは表示されるという 5/28追記２：シェア数が表示されない不具合を解消しました。具体的にはコピペコード１を修正しています。お手数ですがもう一度設定をお願いします。 6/7追記３：元々記事にも書いていましたが、2015/8/30より新しいYahoo Pipesをつくることができなくなるそう（参考：Yahoo Pipes Blog - Pipes End-of-life Announcement）それに伴い、「Google+」と「Pocket」のシェア数が表示されなくなります。 6/29追記４：HTML（４と６）でエラーが発生していたので修正しました。

サンプルデモ真ん中寄せをして、ウィンドウの横幅が480px以上の場合は、5つのシェアボタンを横並びで表示し、スマホなど、ウィンドウの幅が狭いブラウザでは、LINEを含めた6つのボタンを1行に3つずつ表示するレスポンシブ仕様になっています。ここで表示している個々のボタンは画像を使用していますが、実際と同じように動作するので、ウィンドウの幅を広げたり縮めたりしてみて下さい。実際のシェアボタンでのデモを見たい人は、「サンプルデモを見る」のボタンから別ページにアクセスして下さい。 HTML <h2>シェアボタンの表示</h2> <p>横幅を狭めると、2行になり、LINEボタンが出現します。LINEボタンの画像は、<a href="https://media.line.me/howto/ja/" target="_blank">公式ウェブサイト</a>よりダウンロードする必要があります。</p> <

累計500案件以上のランディングページ（LP）制作・改善実績 良い商品には、 良いLPの制作を。 コンバージョンラボは、 ランディングページ（LP）の制作・改善に専門特化。 コンバージョン率の改善を通して、収益力アップに貢献します。 当サイトを装った類似・偽サイトにご注意ください。 平素よりコンバージョンラボをご利用いただき誠にありがとうございます。 この度、当社の画像・ロゴや構築ソースを含む商品説明などの文章を無断で使用しているコピーサイトの存在を確認いたしました。 弊社、コンバージョンラボの公式サイトは、下記のドメインのみとなります。 ◇コンバージョンラボ公式サイト URL：https://conversion-labo.jp ◇コンバージョンラボ公式サイト サービス案内ページ URL：https://conversion-labo.jp/***** LP制作・改善支援サービス部門 マ

良い企画や優れた事業を考えるのは、やはり難しいことです。今回は、何かを考案する際に使用すると、考えやすくなるフレームワークや思考法が書かれた記事をまとめました！ 社会人なら押さえておきたいフレームワーク思考 メジャーなフレームワークが分かりやすく解説されている記事。 アイデアを大量生産できる最強のフレームワーク「オズボーンのチェックリスト」 オズボーンのチェックリストという沢山のアイディアを考案できるフレームワークが紹介されています。 Webの仕事をするなら最低限知っておくべき戦略フレームワーク×10 Webサービスに関わっている方必見の戦略に関するフレームワークの記事。 知らないと損するフレームワーク思考活用法 複数のフレームワークが端的に、分かりやすく紹介されている記事。 誰でもアイデアを量産できる！効果バツグンのアイデア発想フレームワーク５選まとめ アイディアを出すためのフレームワー

サービスを運営していると、最適な文章を書く事も多いです。分かりやすい文章を書く事でユーザーに対する理解が深まり、結果的にグロースに繋がります。 今回は、この記事だけを読んでおけば必ず文章力が向上する記事をまとめました。 文章力がどんどん向上する５つの書き方・トレーニング方法 ライティング力が向上する書き方と、文章力を向上させるためのトレーニング方法が書かれた記事。 第2回：わかりやすい文章の10大原則 理解される文章の10個の原則について書かれている記事。 文章のプロ直伝！素人でもプロ並に書けるようになる５つのテクニック プロのように書くための5つのテクニックについて解説されている記事。 有名小説家が伝授する、ショートストーリーを書くための8つの法則 文章を書くプロである小説家の文章を書くコツがまとめられている記事。 読みやすい文章を書くための技法 読んだ人が、しっかりと理解をしてもらう

2007年にフリーランスになって、はや10年。 自分自身がフリーランスとして活動したことに加え、同様にフリーランスをしている知人の悩みなどを通して、フリーランスならではの問題点がわかってきた気がします。 そこで今回は、雑談がてらフリーランスになる前に覚悟してほしいことをまとめてみました。フリーランスって自由だからこその問題があるんだってことを、認識してみてくださいね。 フリーランスになる前に、覚悟してほしいこと： １．仕事時間が自由だからこその問題： ２．自分1人で働くからこその問題： ３．自宅で働くからこその問題： フリーランスは自由で楽しい： 参考リンク： フリーランスになる前に、覚悟してほしいこと： １．仕事時間が自由だからこその問題： まず、フリーランスって仕事をしたいときに仕事が出来るメリットがあるんですが、これ、自分を制することができないタイプの方には結構ツラいみたい。なにせ逆

新言語 Hack とは こんにちは、新言語 Hack が Facebook より OSS としてリリースされましたね。 詳細は以下の通り。 https://code.facebook.com/posts/264544830379293/hack-a-new-programming-language-for-hhvm/ 新言語 Hack は HHVM 向けの開発言語で静的型付き言語の性質を取り入れ PHP での素早い開発を実施し、PHPとの互換性があります http://hacklang.org/ http://hhvm.com/ HHVM (HipHop Virtual Machine for PHP) とは、Facebook が OSS で開発している PHP 用の JIT コンパイラです。 HHVM は PHP のコードをダイナミックにバイナリコードへと変換することで高速実行の実現を目

年末にFacebookで報告をしたのだが、2012年5月に立ち上げたザオリア(株)は残念ながら清算することになった。 そこで、失敗経験を備忘録がてら記したいと思う。これから起業する人の参考程度になれば幸いである。 ただ、よくあるスタートアップの失敗話しなのと、スケーリング出来なかったので感動や目新しいことはない事は始めにお伝えしておく。 また会社を清算しようと思ったのは別に理由がある。 スタートアップが失敗する要因というのは以下の3つであると言われている。 １．カネ ２．ヒト ３．モノ（ビジネスモデルやサービス） コレ以外にはない！と突っ込みたくなるのも一興。 （資本金はまだまだあったのだが）もちろんザオリアはこの3つ全てに当てはまる。 特にヒトとモノは密接に絡みあうということを、今回の起業経験で痛感したことでもある。 LaunchApp という「スマホアプリのユーザーテストをクラウドソー

2023/12/01 【最新版】在宅でできる副業ランキングおすすめ19選！サラリーマンや主婦も空いた時間にお小遣いが稼げる

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

2020/10/18 エンジニア D4DJ Groovy Mix オープンベータ開始 2020/10/18 ＤＪ 秋葉原(を夢見る)パラダイスレイディオ Vol.1 @ twitch配信 2020/10/25 エンジニア D4DJ Groovy Mix リリース 2020/11/14 ＤＪ UNDER Freaks 2nd anniv. @ 渋谷Cafe W (渋谷WOMB 1F) 2013年8月にこのブログで「【Unity】素人が7日間クソゲーを作り続けてわかったこと」を公開したところ、 ものすごい反響があった上に、その後の自分を取り巻く世界が変わったのでお知らせしていきます。 世界が変わった(１)  ネットでものすごい話題になった twitter、facebook、はてなブックマークを中心にクソゲー記事が共有され、 はてなブックマークでは週間３位、年間ベスト５０に入りました！ みなさま

レスポンシブWebデザインにも使える。Facebookの「LikeButton（いいね！ボタン）」「LikeBox」を可変幅に対応する方法 FacebookのLikeButton（いいね！ボタン）と、FacebookページのLikeBoxをウィンドウ幅に合わせて可変する方法です。お客さんのWebサイトで使うことがあったのでメモしました。 LikeButton（いいね！ボタン） 表示サンプルこちら（https://developers.facebook.com/docs/plugins/like-button/）からhtml5版で作成します。 html<div class="fb-like" data-send="false" data-show-faces="false"></div> css.fb-like,.fb-like span,.fb-like iframe{ width:100

GoogleやAmazon、Facebook創設者も――成功者が皆受けた「集中力」教育プログラム：トップ1％だけが実践している集中力メソッド（1/3 ページ） ビジネス、政治、科学、文学とさまざまな分野で才能を発揮する、まさにトップ1％の天才たちに共通していたこと。それは彼らが同じ教育プログラム、それも幼児・初等に「モンテッソーリ教育」というプログラムを受けていたのです。それは……？ 次の人々の共通点は何でしょう？ ラリー・ページとセルゲイ・ブリン（Google創業者） ジェフ・ベゾス（Amazon創業者） マーク・ザッカーバーグ（Facebook創業者） ジミー・ウェールズ（Wikipedia創業者） P.F.ドラッカー（経営学者） バラク・オバマ（米国大統領） クリントン夫妻（元米国大統領と国務長官） ジョージ・クルーニー（俳優） アメリカのエスタブリッシュメント？　いえいえ、実は皆、

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