JavaScriptの { } を理解する - Qiita
結果はどうなったでしょうか。 自分が今使っているGoogle Chromeだとこうなりました。 結果は{a: 10}というオブジェクトです。まあ、これは当然ですね。3 + 5と入力すれば実行されて8が返ってくるのですから、{a: 10}というオブジェクトリテラルを書けば{a: 10}というオブジェクトが作られるのは当然です。 ……。 ここで、一部の人は「おいふざけんなよ」と思っているかもしれません。というのも、この例は環境によっては違う結果になるのです。具体的には、Chrome以外2のブラウザのREPL（FirefoxやEdgeなど）が該当します。あと、ts-nodeのREPLも該当するらしいです。これらの環境では、結果は{a: 10}ではなく次のようになります。 オブジェクトを作ったはずなのに結果が10とか意味不明ですね。そもそも、こんな簡単なプログラムで結果が全然違うとか、JavaSc
開発に集中するためのChrome拡張を作りました！ - Qiita
個人開発をしていて、全く開発せずに1日中Twitterをしている日がありました。 もしこれが受託開発だったらヤバいですよね...。 このSNS問題については僕だけではなく、色々な人から話を聞くことがあり、なんとか解決したいなーとずっと思っていました。 開発や仕事に支障が出ないように、Twitterときちんと付き合うためのサービスを色々と探していたのですが、自分が求めているサービスが見つからなかったのでChrome ExtensionのAPIを使ってクローム拡張アプリ「BLOCK CLOCK」というサービスを自作しました。 今更感はありますが、Chrome Extensionの情報などを共有したいと思います。 以下のリンクからインストールのできます↓↓（Chromeのみになります...） BLOCK CLOCK - ChromeWebStoreサイト 作ったもの BLOCK CLOCK -
今どきの入力フォームはこう書く！ HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA
みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？ 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome（デスクトッ
これを待ってた！無料で、単なるiframeのサイズ変更でなく、各デバイスと同じ方法でレンダリングさせるレスポンシブ確認用の便利ツール -RWD Tester
スマホやタブレットなど、人気の高いモバイルデバイスでWebページがどのように見えるか簡単に確認できるChromeの機能拡張を紹介します。 レスポンシブの確認ツールでよくあるのが、iframeで単にサイズを変更して見るだけのやつ。当ツールはサイズだけでなく、各モバイルデバイスと同じ方法でレンダリングして表示、外部ネットワークだけでなくローカルにも対応しています。
Chrome デベロッパーツールで知っていると、Webサイトやアプリの制作が捗る便利なテクニックのまとめ
先日「Chrome デベロッパーツールの使い方」で華麗に使いこなすテクニックを紹介しましたが、それとは異なるデベロッパーツールの便利な使い方を紹介します。 Webサイトやアプリの制作時に、非常に役立つテクニックが満載です。 ※画像は元記事のものではなく、当方の環境のものを使用しています。 デベロッパーツールの便利な使い方 タブ「Elements」を選択 DOM要素を選択 右パネルのタブ「Computed」を選択 「Computed」には、選択したDOM要素に適用されている全てのスタイルが表示されます。そのプロパティの頭にある虫眼鏡アイコンをクリックすると、そのスタイルがあるCSSファイルとそのセレクタの指定を表示します。 これは大きなサイトを制作している時に、非常に有用です。
WebデザイナーにオススメのChrome拡張機能「Panda」
インスピレーション画像やニュースを表示する「panda」が良い感じ 最近ChromeのスタートページをPanda（Chromeの拡張機能）に変更しました。 Webデザイナーさんにはなかなか良いと思うのでご紹介。 使い方：表示するニュースやインスピレーションを選べます。 NEWSが左に表示されて、INSPIRATION部分には良い感じの作品が並びます。 左側のNEWS部分は下記の3つから選択できます。 ・HACKER NEWS ・DESIGNER NEWS ・SIDEBAR.IO タイル状に作品を閲覧できるINSPIRATIONでは下記2つの中から選択できます。 ・DRIBBBLE ・BEHANCE 右上の設定ボタンで変更できます。 Webデザイナーとして良い作品を見る機会を強制的に作る 毎回新しいタブ開いた時に表示されるようになりますが、個人的にはそれが良いかなと思っています。ギャラリー系
CPU使用率が下がらないのはアイツのせいだった！アレをアレに変えたら解決！ - すりゴマ・ドットコム
すりゴマです。 今日もいい感じにすり潰していきますね。 会社をもう一つ立ち上げたりと色々忙しかったので、ブログ更新がご無沙汰してしまってました。 (´・ω・`) 最近色々書きたいネタはたくさんあって、Evernoteとかに貯めてるんですが、どこぞのブロガーさんに先に記事にされたり、そもそも旬を逃したりとか、忙しいということを言い訳に、悶々とした日々を過ごしておりましたw MBAを使ってて、CPUが高止まりしたりメモリ食いまくりとか気になってたんですよ。 で、アクティビティモニタでChromeが原因なのは分かっていました。 しかも「平均エネルギー影響」でも断トツトップだったので、Chromeでたくさんのタブ開きっぱなしでMBAを常に持ち歩くすりゴマとしては、大問題なのです！！ ただ、Chromeの中の何が原因なのかがわかっていなくて。。。 あ！Chromeのタスクマネージャーがあるじゃないか
「Webアプリエンジニア養成読本」とKodingでPHPを勉強する - uzullaがブログ
昨日エントリ( http://uzulla.hateblo.jp/entry/2014/03/08/050621 )を書いたKodingですが、詳しくは昨日のエントリを見ていただくとして、今度発売される「Webアプリエンジニア養成読本」をKodingで勉強するにはどうすればよいか書いてみます。 Webアプリエンジニア養成読本[しくみ、開発、環境構築・運用…全体像を最新知識で最初から! ] (Software Design plus) 作者:和田 裕介,石田 絢一 (uzulla),すがわら まさのり,斎藤 祐一郎技術評論社Amazon 結果として、Kodingをつかえば、ChromeやFirefoxがPCにはいっていれば、PCに何もインストールすることなくブラウザ一つで学習ができました。 このエントリに記載されていること ・Kodingのアカウント取得 ・画面の簡単な説明 ・PHPをちょっ
Chromeのブックマークがめちゃくちゃ便利になる機能拡張「DEWEY」に惚れた！！
なんのかんのでメインブラウザをChromeにして久しいのですが、増えすぎて整理が追いつかず悩みの種だったブックマークをめちゃくちゃ使いやすくしてくれる拡張機能DEWEYを導入してみました。タグ付けめっちゃ捗るんですけど！！ これはオススメだ！ DLはこちら：Dewey. Better bookmarks for Google Chrome™ Chromeのブックマークに「タグ付け」 この拡張機能は@Jacminik さんのツイートで知りました。ｱｻﾞﾏｽ！！ﾊﾖｻﾞｲﾏｽ！！！ 今までずっと求めていたブックマークをタグで管理／検索出来る機能拡張がついに出た！ [Link] Dewey. Better bookmarks for Google Chrome™ : http://t.co/XXtHz3H7Ag — masahiro k. (+Beans) (@Jacminik) 2014, 2
まさか使ってない人いないよね？Google検索が猛烈に捗るChrome拡張【ato-ichinen】+α - すりゴマ・ドットコム
すりゴマです。 今日もいい感じにすり潰していきますね。 photo by MoneyBlogNewz ググる先生に聞くことが非常に多いすりゴマですが、何も考えずに検索しているとこんなことが起きます。。 アプリの使い方を検索して上位のサイトを開いたら、前のバージョンのアプリのことが書いてあって、全く役に立たなかった！ OTL 最新のランキングを調べていたら、去年や一昨年のランキングばかりが出てきて邪魔。。。 orz などなど。 そんなときに便利なChrome拡張機能が「ato-ichinen」です！ いちいち検索結果の上の「検索ツール」を開いて期間を設定することなく、直近1年の検索結果のみを表示してくれる拡張機能です。 (・∀・) すりゴマ・ドットコム読者の皆さんなら既にお使いかとは思いますが、さらに使いやすくするためのちょっとした工夫もご紹介します！ Chrome拡張機能を探してインストー
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
iGoogle終了 Googleが紹介するiGoogle代替サービス一覧 | PLUS1WORLD
「 iGoogle は 2013 年 11 月 1 日以降ご利用いただけなくなります。」 という味気ないメッセージ共に、本日あっけなく iGoogle がサービスを終了しました。 現在、iGoogle の今後 – ウェブ検索 ヘルプ というページから、iGoogle の代わりとなる代替サービスの一覧を見ることが出来ますが、こちらのページがいつまで存続するか分かりません。 今後 iGoogle のようなサービスが必要になった際に、上記のページがなくなっていたら困るので、そちらで紹介されているウェブサービスをこの記事の中で一覧出来るように残しておきます。 STARTME.COM – iGoogleの代わりにあなた個人のスタートページを作ろう Myfav.es – Start Here igHome – iGoogle Alternative Wibki – Unlock the Web: A
iPhoneとWin版Chrome/Firefox/IEのブックマークを同期する方法。 | AppBank
AppBank の主任です。 ついに iCloud コントロールパネルを使って、iPhone・Mac 版 Safari と Windows 版 Chrome・Firefox のブックマークを同期できるようになりました。 もちろんこれまで通り、Internet Explorer にも対応しています。 今回は Windows 版 Chrome・Firefox・Internet Explorer と iPhone の Safari のブックマークを同期する方法をご紹介します。 最新版のiCloudコントロールパネルが必要 今回ご紹介する機能を利用するには、最新版の iCloud コントロールパネルが必要です。 Windows PC にインストールしていない場合は、以下の Apple のウェブページからダウンロードできます。 Windows 用 iCloud コントロールパネル 3.0 – App
最強リーダー・Feedlyをますます便利にする拡張機能／ユーザースクリプト6選 | ライフハッカー・ジャパン
「Feedly」は、米Lifehackerの読者投票でもトップになったRSSリーダー。だからといって、改善点が1つもないわけではありません。 そこで、Feedlyを一層便利にしてしまう拡張機能とユーザースクリプトを紹介します。 1．バックグラウンドでタブを開く デフォルトでは、リンクをクリックすると新しいタブが開きます。これは便利なのですが、せっかく読んでいたタブが見えなくなり、集中力を削がれてしまいます。たくさんのタブを同時に開いておきたいあなたには、Chrome用の「Feedly Background Tab」という拡張機能がおすすめです。記事の上で「;」を押すと、バックグラウンドでタブが開きます。Firefox向けには、こちらのユーザースクリプトで同じことが可能です。 2．懐かしのGoogleリーダーの外見にする 懐かしのGoogleリーダーに心を奪われたままのあなたは、Chrome
「Chrome Office Viewer」が熱い！ブラウザ内でパワポ、エクセル、ワードが直接閲覧できるGoogle Chrome Extension | ゴリミー
「Chrome Office Viewer」が熱い！ブラウザ内でパワポ、エクセル、ワードが直接閲覧できるGoogle Chrome Extension ウェブに転がっているMicrosoft Officeファイルを開く度にソフトが起動する時代はもう終わりだ！ 本日、Googleがブラウザ内でMicrosoft Officeの各種ファイル（パワポ、エクセル、ワード）が直接閲覧できるGoogle Chrome Extension「Chrome Office Viewer」をβ版としてリリースした！ウェブブラウジングがより一層快適になりそうだ！ Chromebookの機能を一般向けに公開したもの、らしい これまではワードファイルであればWord、パワポであればPowerpointを都度起動しなければならなかったのが、閲覧するためだけれあればブラウザ内で完結するようになった。 【img via N
グーグルがChrome DevToolsの学習ビデオを公開。DOM操作からプロファイリング、メモリリークの発見まで詳しく学べる
グーグルがChrome DevToolsの学習ビデオを公開。DOM操作からプロファイリング、メモリリークの発見まで詳しく学べる 学習内容は全部で以下の7つのレベルに分かれており、17本のビデオと、レベルごとに用意された、実際に自分で操作して解いてみる75以上の例題から構成されています。レベルをクリアするとバッジがもらえるようになっています。 Level 1: Getting Started & Basic DOM and Styles Level 2: Advanced DOM and Styles Level 3: Working With the Console Level 4: Debugging JavaScript Level 5: Improving Network Performance Level 6: Improving Performance Level 7: Memo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【やじうまPC Watch】 SSDの空き容量が急に減ったと思ったら、Chromeが1千万個ものファイルで計40GBも使っていた
人気Webデザインを独学できる至高のWebアプリ8選がヤバイ！ | シェアしたくなる最新のWebサービス・ITニュース情報をチェック！ APPGIGA!!（アプギガ）
iPhoneでSafari、でもPCはChromeという人へ：メニューバーからデバイスごとのiCloudタブを表示できる『CloudyTabs』 | ライフハッカー・ジャパン
ソニック速報
