組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ブラウザ強化系 拡張機能まとめ Google Chrome自体の機能を便利にしてくれる拡張機能をご紹介します。 最近の更新 2011年12月18日：いくつかの拡張機能を追加、そしてなくなってしまった拡張機能を代替するものに変更。また、見た目を少し変更しました。 目次 ブラウザ強化系以外の項目は、別のページに移動します。 Google系 ブラウザ強化系 基本拡張機能「新しいタブ」を拡張タブを開きすぎる人向けブックマーク系便利機能追加系GTD実践 自己管理系 WEBサービス系 WEB担当者お役立ち系 デザイナーお役立ち系 ソーシャルサービス系 エラーが起こるので気を付けたいもの ↑目次へ戻りたい場合は、画面右下にある「目次へ戻る」ボタンを押してください。
今月のWebマガジン目次 超必読記事WebデザインWordPress関連記事CSS/JavaScript無料アイコンWebサービス業界記事 必読記事 結局どうすればいいの？ - Dive Into HTML5 HTML5を学ぶ最適な資料。内容も面白いです。 PayPal 基礎知識ゼロから始める、個人利用・事業利用の使い方大辞典 日本でなじみないPayPalだが、そろそろきてもおかしく無いながれ。ブクマをすすめます。 目次にもどる Webデザイン 優れたiPhoneサイトデザイン集 - iPhoneデザインボックス スマートフォンサイトのデザイン集です。デザインのインスピレーションに。 絶対見ておきたい有名企業のスマホサイトまとめ 有名企業サイトのスマートフォン用デザインのまとめ記事。 25 Examples of Wireframes and Mockups Sketches 手書きのWe
皆さん、こんにちは！ ふじかわと申します。 新しいものにはすぐ飛びついて試してみる性分で、新しいWebサービスの話を聞くととりあえず登録しまくる日々です。今回は、そんな中でも近年まれに見る盛り上がりを見せるWebサービス「Twitter」をご紹介したいと思います。 Twitterってなに？ 図1 Twitterのトップページ。世界中のユーザーの今の状況が見られる 2006年からスタートした、海外のWebサービスです（図1、http://twitter.com/）。 しくみはとてもシンプル。「What are you doing?」（今何してる？）というたった1つの問いにひたすら答え続けるだけ。その答えが、自分とつながっている友人たちや、（設定によっては）Twitterを利用している全ユーザに発信されます。 基本的には発信することがメインなのに、そこから新たなつながりや交流が生まれ
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. あなたは、ランディングページのコンバージョン率を定期的に計測して、改善要素を洗い出し、改善策を実施して、少しでも数字が上がるように努力しているだろうか？ コンバージョン率は１％変わるだけで、売上は何倍も変わってくる。 例えば、もとの成約率が４％だったのが５％に上がるだけで、売上は１２５％増になる。さらに、ランディングページを公開してから、３ヶ月、半年、１年と経つごとに、売上の違いは想像できないぐらいに大きくなっていく。 つまり、ランディングページの定期的な計測と改善は、売上の増加に直結する重要な作業だ。 バズ部では、定期的にランディングページの計測と改善をしており、現在、リスト取得ページは７３.２％、商品の販売ページは１２.１％のコンバー
今週に入ってから突然日本語化された、海外では超有名な無料のタスク管理、ToDo管理サービスを提供してくれるサイトです。 AJAXを駆使しており、入力はとても簡単。好きなように管理できるのが特徴で、タスクの登録はログインしなくとも、指定したメールアドレスにメールを送信すれば自動的に登録してくれます。登録した予定はメールやメッセンジャー経由でリマインダー可能。また、RSSやiCal形式で出力したり、知り合いと共有することもできます。 というわけで、ざっくりと使ってみました。いろいろなToDo管理、タスク管理のいいとこどりをした感じです。 Remember The Milk http://www.rememberthemilk.com/ まずは上記サイトにアクセスし、「今すぐ登録！」をクリック 必要事項を入力し、「登録」をクリック この画面になったら登録時のメールアドレスにメールが来ていないかど
Webベースの日本語入力サービスです。海外からでもブラウザさえあれば日本語を入力す ることができます。 特別なソフトは必要ありません。 使い方 お使いのコンピュータの日本語入力を切りかえて直接入力にします。 Alt-o (Ctrl-9) で Ajax IMEモードに変更します。(ボタンで切り替えるかえることもできます) 適当な文をローマ字で入力します。 spaceを押して漢字に変換します。続けて押すことで候補選択を行います。 returnを押す、もしくは次の入力を開始することで入力を確定します。 F9で強制的にカタカナに、F8で強制的にアルファベットに変換します。 再度 Alt-o (Ctrl-9)で直接入力に戻ります 海外旅行先や留学先, 海外のネットカフェなど日本語入力環境が 無いパソコンからご使用ください。 Firefox と Internet Explorer で動作確認をしていま
「海外ではABテストが盛ん」という言葉を耳にし、その内容が気にはなるものの、実際にそのノウハウや事例を外国語で仕入れるのは一手間だと、先送りにしてしまう人も多いのではないでしょうか。（かくいう私も「先送り」の日本代表です。） そんな皆様の一手間を解消すべく、海外のABテストの事例とその要点を日本語でまとめてみました。 普段から気になっている海外の事例を、どうぞサクッと日本語で仕入れちゃってください。 ※本記事は2014年5月19日に公開された記事をLISKUL編集部にて再編集したものです。 グローバルナビゲーションの削除とフォームの変形でCVR336％http://unbounce.com/a-b-testing/how-a-single-a-b-test-increased-conversions/ ・オリジナルページの特徴は、上部に分厚いグローバルナビが配置されていることと、右カラムに
無料なのにこのクオリティヤバイ！！ Bootstrap Zeroはその名の通り、Bootstrapをベースにデザインされた美しいテーマが無料で配布されているサイトです。 これまでもStart BootstrapとかBootswatchとか無料のサイトが合ったのですが、無料だけあって有料のテーマと比べるとちょっとベーシック感が否めない状況でした。 ところがこのBootstrap Zeroはかなりクオリティが高いテンプレートが多いです。自分でデザインする人のためのStarterから、そのまま使えるデザイン済みのThemes、さらにFacebook風やGoogle+風、Android風などもあってかなりのクオリティっぷり！ それではいくつか御覧ください。 Starter 本家のexampleにひと手間加えた感じです。 Themes こちらは気に入ったものを幾つか Admin 管理画面で使える！！
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 転職ナビのフロントエンドを担当しています、@sueshinです。 Livesense - 関 Advent Calendar 2017、22件目をお送りします。 どうぞ宜しくお願いします。 はじめに フロントエンドでよく注目されるJavaScriptではなく、 地味で渋いまるで関節技のような、Google Chrome Devtoolsを使った技術をtipsの形式でまとめました。 免責事項 ショートカットなどは全てMacのキーボード操作にしています。Windowsユーザーは適宜読みかえてください。 Chromeのバージョンは63系に基づ
【スマホ集中連載 第4回】 "HTML5とCSS3で何ができる？" 〜メリット・デメリットを徹底研究！ : LINE Corporation ディレクターブログ
※この記事はChromeで見るのがおすすめです。 こんにちは。新規開発グループ ディレクター兼マークアップエンジニアの浜です。 スマホ連載の第4回目は、HTML5とCSS3という実装寄りの内容になります。とは言っても難しいコードはあまり出てきません。「HTML5とCSS3で何ができるのか」という事をメインに、知っておくと、構成書を作る時のアイディアベースになったりデザイナー・マークアップエンジニア（コーダー）と打ち合わせをする際に話しやすくなる内容をお送りします。 記事のアウトラインは以下です。 そもそも、HTML5とCSS3ってもう使えるの？ HTML5とCSS3を使うメリットは？ HTML5とCSS3で何ができるの？ そもそも、HTML5とCSS3ってもう使えるの？ 使えます。 （※ここから先は、その根拠について説明します。必要ない方は、次の章に飛んでしまっても構いません） 現在のスマ
日本向けのウェブデザインというのはあるのか? – 秋元
日本進出に興味のある海外企業や外国人から質問されることがあるので、まとめてみたいと思います。 僕はウェブデザイナーじゃないので、プロの方から補足や突っ込みがいただければとても嬉しいです。 [更新 2011-02-01] コメント・ツイッター・はてブからの意見を反映させました。 ある程度まとまったら英語にしてAsiajinにも書こうかと思います。 日本向けにウェブサイトを作るときに特別しないといけないことはあるのか? 「メニューの文字をGoogle Translateで全部日本語に置き換えたけど、これでいいかな? 他にすることある?」 – 機械翻訳は使い物にならない 英語-フランス語、とか英語-スペイン語、のノリで機械翻訳を使っても、あなたが想像するレベルの日本語には決してならない # 英語に再機械翻訳してのチェックは必須だが、それでも日本語訳のおかしさが見えてこないケースもある – フォン
Appleはいつも、記者会見では語らないクールな「隠し機能」を忍ばせています。iOS 8も例外ではありません。以下、iOS 8の秘密の機能ベスト10を紹介します。 10. メモにリッチテキスト、動画、アニメーションGIFを追加できる メモアプリがリッチテキストや動画に対応しました。これで、より自由なスタイルのメモが作れます。さらに、アニメーションGIFにも対応。メモにGIFファイルをコピペしたり、写真ライブラリから写真を選んでアニメーションGIFとして追加できます。 9. クレジットカード番号を読み取る オンラインで買い物をするときに、クレジッカード番号をいちいちタイプするのは面倒ですね。iOS 8では、クレジットカードをカメラでスキャンするだけで番号を自動入力してくれます。Safariでクレジットカード情報入力フォームが表示されたら、「クレジットカードを読み取る」をタップするだけでOKで
はじめに 事業としてソフトウェア開発を行う企業にとって、自分たちの開発チームの生産性が十分に高いのか、あるいはそうでないのかについては大きな関心があります。 そのこと自体は、何かを計測し、改善するというのは営利企業としては健全です。一方で、ソフトウェアエンジニアリングの世界で「生産性の高さ」だと主張できる汎用性の高い指標は存在しません。こういった状況の中で、「生産性」を巡る議論は経営やビジネス部門とエンジニアチームとの間で繰り広げられ、場合によっては大きな不和や不信感につながることも珍しいことではありません。 今回は、エンジニアの開発生産性について、さまざまなステークホルダーと議論する上で把握しておきたいさまざまな論点について解説します。それによって、「我々が本当に議論すべきテーマは何か」についての共通認識をつくるための土台を構築することを目的としています。 もしかしたら改善したいことは「
素晴らしい課題でコーディング意欲を高めよう。 Photo by Ferenc Almasi on Unsplash. はじめに コーディングを上達させる最も効率的な方法の1つは、できるだけたくさん作ることです。 コーディング課題は、ものを作ることで自分のスキルアップする楽しい方法です。この記事のリストを参考に、何か選んで作り始めましょう！ 急いでいる時や、コーディングのアイディアを枯渇させたくない時は、100以上の課題をここにまとめてあります。 課題には好きなツールを使えるので、練習したいものがあれば、気軽に挑戦してみてください。 1. タスクマネージャUI なんて美しいアプリケーションでしょう！クリーンでモダン、インテリジェントなUIです。 Aysenur Turkによる「CSSグリッドを使ったタスクマネージャーUI」 学べること HTMLでCSSを使用する方法。新しいCSSグリッドを試
Railsなプロジェクトで利用している便利なGem一覧 | Webシステム開発／教育ソリューションのタイムインターメディア
RubyにはGemと呼ばれるサードパーティのライブラリが豊富に存在します。 Gemは大変便利なもので、こういう機能ほしいなと思った際に The Ruby Toolbox や RubyGems.org や Google で検索すると大抵誰かがその機能を持ったGemを作っていたりします。 gemを利用するのも、RubyGems.orgに登録されているものならば と入力することで利用可能となります。 Gemはだれでも簡単に開発でき、審査無しですぐに公開できるため、日々大量のGemたちがRubyGems.orgに登録されています。反面、長年保守されていないGemや品質の低いGemも大量にRubyGems.orgに登録されているのが現状です。 同じ機能を持ったGemも大量に登録されていたりして、どのライブラリを利用してよいのか迷う事も多々あります。 今回は弊社プロジェクトで実際に利用している、便利な
私は中級レベルのプログラマです。 基本を理解するのは得意です。過去の失敗をきちんと分析できるくらい経験を重ねていますし、もっと知るべきことは山ほどあることも分かっています。 特筆すべきは、自分で身につけるべきことを知ったうえで、それを吸収しようと積極的かつ精力的に取り組んでいる点でしょう。 プログラマとしての能力は平均的なものに過ぎないと、心から納得するまで時間がかかりました。今では、よく理解できないままに誰かの意見を受け売りする必要など感じていません。知らないことがあっても、それを他人に悟られるのは怖くありません。 でも以前は違いました。信じられないかもしれませんが、私はかつてプログラミングの達人だったのです。 自分の能力を誤って評価していたのは、比較的孤独な環境でスキルを学んだためでしょう。当時はコンピュータを持っていることさえ、ちょっと特別なことでした。使い方を知っているとなれば、な
2022年10月25日、ショーケースは同社が提供する複数のサービスが不正アクセスを受けたため、サービスを利用する企業のWebサイトを通じて入力された情報が外部へ流出した可能性があると公表しました。ここでは関連する情報をまとめます。 フォーム入力支援やサイト最適化サービス改ざんで複数社に影響波及 www.showcase-tv.com 不正アクセスによりショーケースが提供するサービスのソースコードの改ざんが行われた。対象サービスが稼働するシステムの一部で脆弱性を悪用されたことが原因。 被害に遭ったのは「フォームアシスト」「サイト・パーソナライザ」「スマートフォン・コンバータ」の3つ。フォームの入力支援やサイト表示最適化を行うサービスで利用企業は同社が公開するJavaScript (formassist.jp、navicast.jp上で公開)を自社サイトより読み込むことで利用する。 改ざん被害
Webで文章を掲載する際、英数字は半角表記で統一するのが「常識」です。ですが、なぜ全角英数字はダメで半角英数字に統一するべきなのでしょう。改めて聞かれるとついつい「そういうものだから」と答えてしまいがちではないですか？ また、検索してみても、ちゃんとまとめられた記事がなかなか見つけられません。ということで、全角英数字ではなく、半角英数字を採用する理由をまとめてみました。 ※本記事は技術的な検証が十分に行われておらず、誤った情報である可能性があります。あらかじめご了承ください。 全角英数字は再利用性できません たとえば、電話番号やURLが全角で表記されていると、Office製品やメーラーでリンクとして認識されません。ブラウザのアドレスバーにコピーアンドペーストしても開けず大変不便です。 全角英数字は禁則処理が行われません ブラウザでは英単語が途中で改行されないよう折り返しが行われます（禁則処
12/4の記事（AngularJSを使ったWebアプリのアーキテクチャ設計）で書くと言ったまま放置していたので、AngularJSのMVCパターンについて書いてみたいと思います。 AngularJSのMVCについては、12/19のお前のAngular.jsはもうMVCではない。と言われないためのTutorialというすばらしい記事がありますが、本記事ではもう少し抽象的な内容を扱ってみようかと思います。 MVW（Model-View-Whatever）パターンとは MVCパターンには、MVC2、MVP、MVVMなど数多くの派生パターンがあります。 目的は同じなのに派生パターンがたくさんあるのは、それぞれのプラットフォーム固有の問題（フレームワークの違いや、サーバサイドかクライアントサイドかの違いなど）によってMV*の*の役割が異なるからです。 AngularJSは公式ページで"Superhe
オブジェクト指向プログラミングの考え方については、今までこのブログでも何度か取り上げてきました。 [オブジェクト指向] - 達人プログラマーを目指して オブジェクト指向プログラミングはプログラミング技法のすべてではないとはいえ、Javaのようなオブジェクト指向言語で本格的なプログラムを作るには理解を避けて通ることができませんし、また、関数型言語など他のパラダイムの言語を利用するにしても、オブジェクト指向の考え方をまったく理解しないまま使いこなすということは困難でしょう。オブジェクト指向の考え方はデータ構造やアルゴリズムといったことと同様に、プロフェッショナルなプログラマーが理解しておくべき基本的な素養といってもよいと思います。実際、海外では募集要項でオブジェクト指向の理解を前提とすると書かれていることが普通ですし、プログラマーの面接試験で、アルゴリズムと並んでオブジェクト指向プログラミング
「吹き出し」をツールチップとして実装するjsいろいろ
マウスオーバー等で吹き出しが 現れるツールチップのまとめです。 jQueryが殆どになります。 吹き出しは画像やcssを変更 すれば別の形状にする事も可能 なのでうまく活用したいですね。 吹き出し以外のツールチップを実装できるjsをお望みでしたら以下の記事が参考になりそうです。 15 jQuery Plugins To Create A User Friendly Tooltip 40+ Tooltips Scripts With AJAX, JavaScript & CSS vTip 凄く可視性が高い吹き出し。フェードインで表示し、マウスオーバーの間はマウスストーキングします。使いやすそう。対象がテキストでも画像でもOK。試しに入れてみました。以下のリンクにマウスをあわせるとバルーンが現れます。角はcssで丸くしました。デフォルト状態だとマウスカーソルにarrow部分が重なってしまうので
0 0 425 0 あなたはマインドフルネスという言葉をお聞きになったことはあるでしょうか？ マインドフルネスとは、簡単に言うと「心が今、起きていることに 100 % 集中する」ことです。 仏教の教えに根ざしたもので、仏教では悟りを開くためにとても重要な概念となっています。 最近、いろんなメディアでもこのマインドフルネスという言葉を目にするようになりました。 マインドフルネスが注目されている背景には、その有効性を示す研究結果が次々と見つかっているということ、そして、そうした根拠を元に Google を始めとした多くの有名企業が研修に取り入れていることなどがあります。 この記事では、記憶力や免疫力、集中力の向上など様々なマインドフルネスの効果とやり方を紹介します。 私自身、ヨガを 15 年、瞑想を 10 年間やってきたことで、アスリートとビジネスマンとしてのパフォーマンスを向上することができ
本日、GoogleがCloud SQL（MySQLのレンタルみたいなの）の無料版を発表しました。500MB/6ヶ月でGoogle App Engineなどから無料で使えるようです。 さて、それはいいとして最近弊社なども含め、今時の環境って本気だすと複雑化してますよね。OSCで発表された前佛さんのMunin資料を31pと２つ戻って29pを見比べてみてくださいｗ Muninではじめる実践★リソース監視 -俺のサーバがこんなに重いはずがない、を乗り切るために- from Masahito Zembutsu こんなの絶対おかしいよ！！ NoSQLや非同期処理など、様々な新しい技術にチャレンジしたいと思っていても、どこから手を付けよう、、みたいなことってありますよね。Cassandraがいいのかな、Redisがいいのかな？みたいにはてブの着いた記事があれば読んでみるんだけど、インストールとか面倒そう
0 0 423 0 ガントチャートがプロジェクト管理に役立つという記述を目にすることが多くなりました。そんなに便利なのであれば、「ぜひ始めてみたい！」という方も多いと思います。しかし、初めてなのでできればフリーのガントチャートツールで手軽に始めてみたいとお考えの方も多いでしょう。 そこで、フリーで利用できるガントチャートツールをクラウド、ローカルそれぞれの環境で利用できるもの、そして依然として多くの現場で利用されているエクセル向けのものまでを幅広くご紹介します。 まずはガントチャートとは何かという概要を理解していただき、その上で使いやすいガントチャートツールを探してみてください。 目次 1. ガントチャートを理解しよう 2. おすすめフリーガントチャートツール 4 選 3. エクセルでガントチャートを作成してみよう 4. まとめ 1-1. ガントチャートとは ガントチャートは、プロジェクト
はてブ 「アプリを開発したいけど何から始めればいいか分からない」 僕がプログラミングを始めたばかりの頃は、よくそう思っていました。 プログラミング言語？Java、Swiftって何？iPhone持ってないけど開発できるの？どうすればアプリを作れるようになるの？知識がない人にとってはすべてが分からないことだらけです。 僕は今でこそWebサイトやスマホアプリを作るエンジニアをやっていますが、高校生ぐらいまではITやパソコンには無縁でした。 地元は大阪の端の方にあるど田舎、実家の1階は電波が届くけど2階はインターネット圏外、友達にメールするときはわざわざ1階に降りてメールを送る、そんな環境で過ごしていました。 ですがそんな僕も学生時代にプログラミングに出会い、かれこれ5年以上アプリ開発を経験してきて、それなりにアプリ開発の全体像というのが見えてきました。 今では公開されているアプリを見て「このアプ
「一時保存や下書きできるようにしたい」といった要望が出てくることがあると思います。世の中のサービスでよくある機能ですしあったら便利だなと思うのも当然です。 同じ要望を受けた当時の私はその大変さに全く気づいていませんでした。 意外と考えることが多いよ、というのが伝わると幸いです。 当初明確になっていた仕様 入力フォームには必須と任意の項目があるが、必須項目が未入力状態でも一時保存できる 入力フォームにはファイルを添付できる 正式データと一時データは同じ一覧ビューの中で両方とも表示させる 一時データはユーザー単位ではなく共有される（誰かが作った一時データは自分も閲覧編集できる） 一時データは正式データに対してひとつのみ存在できる 最終的には上記以外にももっと細かい仕様になったのですが、この後の検討や設計の流れに沿って随時記載していきます。 データの持ち方の方針 方法としては以下二つの案がありま
2013年3月23日 Wordpress 私はブログを読んで、感動した！ためになった！わからない、助けて！という事があれば、ほぼ確実に名前＋写真入りコメントを残しています。ブロガーの皆様、いつもありがとうです。そんなわけで、コメントしやすい入力フォームには「おっ！」と感動してしまう事も。今日はそんなちょっと便利なコメント欄に使えるプラグインを紹介します。 ↑私が10年以上利用している会計ソフト！ 1. Akismet 特徴 WordPressに標準インストールされているスパム対策プラグイン。導入するとスパムコメントが劇的に減ります！設定も簡単なので必ず使用してほしいプラグインのひとつ。 導入方法 AkismetのWebサイトの「Get Started」から登録。無料プランでOK。 外観＞Akismet設定 からメールで送られてきたAPIキーを入力 2. Disqus Comment Sys
0 0 417 0 今あなたは仕事の優先順位をどう決めているでしょうか。 こなす仕事が大量になっていくと、仕事において何を優先すべきか、明確な方針を持たないと素晴らしい成果はあげられません。特に会社の上位職になればなるほど「どの仕事を優先させるべきか」を深く研究しなければならないはずです。 仕事の優先順位に悩んでいる方は、まずは目の前にある仕事の中で、より早く楽に成果を出せるものを選ぶようにしてください。たった１つの方針を明確にするだけで結果に変化が出るはずです。 もし、あなたがたくさんの量の仕事をこなしているのにもかかわらず、成果がいまいち出ていないのであれば、もしかしたら目の前にあるタスクを全てやろうとしているのかもしれません。 時間が無限にはないので、優先順位をつけて、大事なことにできるだけ集中することが１つのいい解決策です。 この記事では、より素晴らしい成果を出すための仕事の選び方
この記事は？ それぞれが専門にしている領域に関わらず、Webエンジニアリングの基礎知識として知っておきたいと思う事を対話形式でまとめていく。知識はインプットだけではなく、技術面接や現場では、専門用語の正しい理解をもとにした使用が必要なので、専門がなんであれ理解できるようなシンプルな回答を目指したものになっています。解答の正しさはこれまでの実務と各分野の専門書をベースに確認してはいますが、著者は各技術の全領域の専門家ではなく100%の正しさを保証して提供しているものではないので、そこはご認識いただき、出てきたキーワードの理解が怪しい場合各自でも調べ直すくらいの温度感を期待しています。なお、本記事で書いている私の回答が間違っている箇所があったりした場合、気軽にコメント欄などで指摘いただけるとありがたいです。 Webエンジニアリングの基礎 この記事でカバーしている領域は、以下のような領域です。W
Spur [ad#ad-2] Spurの使い方 入力フォームにチェックしたウェブページのURLを入力して、「Spur it on」ボタンをクリックします。 画像でチェックしたい場合は、「Spur it on」ボタンの下にある「Upload an image」をクリックします。 クリックすると、ウェブページに7種類のエフェクトを与え、そのままでは気がつきにくい面からさまざまなポイントを確認することができます。 以下、その7種類のエフェクトを紹介します。 Grayscale グレースケールはデザインからカラーを取り除くことで、ユーザーの目がページのどこに引き寄せられるか確認するのに役立ちます。 見出しはブラックの背景にホワイトのテキストで高いコントラストを確認できます。 ロゴとナビゲーションはコンテンツサイトにドロップバックしています。 最新情報のコンテンツはグレースケールになると、コントラス
新しい記事もよろしくやで！ →ハスケル子「タグごとに色がついてたらいいのにな…」 38歳無職ワイ ワイ「（カタカタカタカタ・・・ッターン！）」 娘（5歳）「パパ、今日は何してるの？」 ワイ「今日はな、むかしWordPressで作った自分用TODOリストの」 ワイ「デザインをリニューアルしてんねん」 よめ太郎「（そんなことより職を探せや）」 娘「へぇ〜」 娘「WordPressってことは、PHPを書いてるの？」 ワイ「いや、ちゃうで」 ワイ「リニューアル後は、フロント部分をReactで実装しようと思ってな」 ワイ「そこで、WordPressをREST APIモードで使うことにしたんや」 ワイ「つまり、WordPressを管理画面つきAPIみたいに使うってことや」 娘「要は、WordPressをヘッドレスCMSとして使うんだね」 ワイ「ヘッドレス・・・？」 ワイ「ちゃうちゃう、管理画面つきAP
GPS携帯 位置情報 基礎知識
▼ GPS携帯と携帯サイトの作り方に関する基礎知識のメモです。 メニュー GPSとは 携帯各社のGPS位置情報の取得方法 au DoCoMo SoftBank WILLCOM 携帯各社のユーザーエージェントの取得方法 au DoCoMo SoftBank WILLCOM 携帯各社のホームページ作成方法（マークアップ言語について） au DoCoMo SoftBank WILLCOM GPSメールとは GPS画像とは 関連ページ GPS携帯 位置情報 システム for au （PHP/MapScriptベースのWebスクリプト） GMapsBBS Beta （Google Maps と GPS携帯を連携したBBS） 日本地図 首都圏エリア 大阪エリア この画像の最終更新日:2008/08/18 20:21 この画像は、GPS携帯から取得したアクセスポイントをローカルサーバのMapSe
[レベル: 初〜中級] 入力フォームのフィールドには、入力が「必須」なのかまたは「任意」なのかのラベルを両方付けることが推奨されます。 どちらか片方だけだと入力途中の離脱の原因になります。 ECサイトのユーザービリティ調査と最適化を専門に扱っているBaymard Instituteが詳しく解説しています。 15の大手ECサイトのユーザビリティ調査と18の主要なモバイルサイトのユーザビリティ調査、そして自社による最新の大規模なアイトラッキングテストによって実証することができました。 この記事では、その解説の要点をまとめて紹介します。 片方だけの「必須」「任意」ラベルの問題点 入力が「必須」か「任意」かをどちらか片方のラベルだけで示すことにはさまざまな問題点があります。 必須か任意かを示さないのはいちばんよくない そのフィールドの入力が必須か任意かを示さないのはいちばんよくないスタイルです。
はてなブックマークアプリに「アクティビティ」機能を追加しました - はてなブックマーク開発ブログ
いつもはてなブックマークをご利用いただき誠にありがとうございます。はてなブックマーク開発チーム、ディレクターのid:yone-yamaです。 2023年3月6日（月）にリリースしたはてなブックマークアプリの最新バージョンより、過去のブックマークをグラフとともに振り返る新機能「アクティビティ」の提供を開始しましたのでお知らせいたします。 「アクティビティ」機能について 画面イメージ（iOS） 画面イメージ（Android） 機能リリースの背景 ブックマーク検索機能について 「アクティビティ」機能について 過去にブックマークしたエントリーをより簡単に振り返ることができる機能です。 はてなブックマークアプリのマイブックマーク画面から、グラフ型のアイコンをタップすると遷移することができます。 この「アクティビティ」の画面では、月別・年別の単位で、各期間における以下の情報が確認できます。 ブックマー
ノンプログラマーのためのjQuery生成ツールを作ってみました。よければご活用ください。 ノンプログラマーのためのjQuery生成ツール サンプル表示つき このツールは「7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座」にインスパイアされて作った、初心者向けのお勉強ツールです。 コールバックなど複雑な設定はできませんが、基本的な設定とメソッドチェーンまでできるようにしています。 追記：イベントとAPIをプルダウンメニューで選択できるようにしました。過不足あればご指摘ください。 追記：イベントとAPIのプルダウンメニューでツールチップを表示できるようにしました。ざっくりした内容ですが、これでイベントやAPIの使い方が分かるようになります。 ツールチップを表示 やっつけで作ったので中のコードはかなりひどいです。あしからず。 １．使い方 本エン
「サンシャイン牧場」において、課金操作を行った人のメールアドレスと電話番号が「露出」していた件のまとめです。 はじめに「サンシャイン牧場」はmixiアプリとして提供されているゲームです。mixiアプリとしては最大の利用者数を誇り、2009年11月23日現在、利用者は300万人を突破しています。運営しているのはRekooという中国の会社です (が、最近、日本法人もできました)。 2009年10月21日、サンシャイン牧場に「Kコイン」の仕組みが導入されました。実際のお金を支払って「Kチャージ」を行うとKコインが増え、Kコインを消費することで、通常では購入できない作物や肥料などを手に入れられる仕組みです。リアルのお金を支払ってアイテムを購入するという、いわゆるアイテム課金の制度になります。支払い方法は、株式会社ゼロの決済代行サービスを利用したクレジットカード払いでした。 ところが、この課金に際し
Google Developer Day 2011に参加しました。 参加したセッションのメモを書いときます。 (追記 2012/01/14) Googleから動画が公開されました。 http://www.youtube.com/watch?v=MY06xnSZyaw:moive ※このセッションで解説された内容に一部変更点があるとのことなので、こちらも合わせて参照下さい。 (追記ここまで) HTML5 のオフライン機能(Eiji Kitamura) @agektmr 東京 - Google Developer Day 2011 http://www.google.com/intl/ja/events/developerday/2011/tokyo/agenda/session_1001.html スライド 動的なデータの保存 Web Storage (localStorage / sess
クリエイターに出会ったり、もっとファンになったり、noteで創作をつづけたくなるようなイベントを開催する「noteイベント」。今回は「チャットAI使いこなし最前線」をテーマに、黎明期からチャットAIを活用しているnote CXOの深津貴之氏が登壇しました。こちらの記事では、「検索」や「記事生成」ツールとしてのChatGPTの現状や、ChatGPTを効果的に使う質問などが語られました。 「たぶん日本で一番ChatGPTをフル活用している」深津貴之氏 徳力基彦氏（以下、徳力）：こんにちは、noteの徳力です。本日はnoteのイベントにご参加いただきまして、ありがとうございます。今日のテーマは「あなたの仕事が劇的に変わる!?」というサブタイトルが入っていますが、「チャットAI使いこなし最前線」と題し、今非常に話題のChatGPTについて深掘りするイベントを開催したいと思います。 今日は案内人とし
CSS セレクタ総復習 （2010年5月版） CSS3のプロパティにも興味津々なのですが、その前にまずセレクタを全部まとめて総復習しておこうかな、と。本来1ページに書くべきではない内容量なので読み込み遅いと思います。ごめんなさい。 Selectors Level 3 http://www.w3.org/TR/css3-selectors/ 選択子 http://zng.info/specs/css3-selectors.html (日本語訳) ※下記内容で、サンプルページを用意したセレクタもあるんですが、当然、各セレクタに対応しているブラウザとそうでないブラウザがあります。対応していないブラウザでサンプルページを見ても再現できません。 目次 * (汎用選択子) E (型選択子) E[foo] (属性選択子) E[foo="bar"] (属性選択子) E[foo~="bar"] (属性選択子
ブラウザ拡張Selenium IDEで ユーザー操作を記録・再現できる！ UIテストの自動化に活用しよう Selenium IDE（セレニウム・アイディーイー）とは、ブラウザ操作を記録・再現できるChrome、Firefoxで利用可能な拡張機能（アドオン）です。 手軽に記録・再現ができるため、アイデア次第で色々な使い方ができます。筆者は、会社の打刻操作（社内サイトへアクセス → ログイン → 打刻ページへ遷移 → 打刻ボタンをクリック）を記録し、自動実行することでいち早く出社ができるようにしていました。 その他にも開発時に繰り返し行うようなデバッグ作業やルーティーン作業を記録することで、以下のような活用もできます。 入力フォームなどに文字を入力する操作を記録しておき、自動入力させる。 ゲームやSPAのデバッグ時に、スタート画面からデバッグしたい画面までの移動操作を記録しておき、任意の画面へ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブラウザ機能を強化する Chrome拡張機能 まとめ
Web屋さんのためのベストエントリまとめ2011年2月度版
第1回 Twitterキホンのキホン｜gihyo.jp
私が数字の出るランディングページを作るために徹底している７つの事
無料タスク管理サービス「Remember The Milk」日本語版の使い方 - GIGAZINE
Ajax IME: Web-based Japanese Input Method
ABテストでCVR改善に成功した海外事例まとめ15選！ | LISKUL
ハイクオリティかつ無料のテーマ配布サイトBootstrap Zeroが凄すぎる！ - ku-sukeのブログ
極めろ！！Google Chrome Devtools 52の関節技 - Qiita
知る人ぞ知るiOS 8の隠し機能トップ10 | ライフハッカー・ジャパン
開発生産性について議論する前に知っておきたいこと - Qiita
フロントエンドの刺激的なコーディング課題6選 - Qiita
ある中級プログラマの告白 | POSTD
フォーム入力支援やサイト最適化サービスの改ざんについてまとめてみた - piyolog
Webサイトで全角英数字ではなく、半角英数字を採用する理由
AngularJSのMVWパターンを理解する - Qiita
Javaのクラスとオブジェクトについて再度解説を試みる - 達人プログラマーを目指して
ジョブズも実践したビジネスの結果を向上させるマインドフルネスのやり方と私自身の実体験
今時のWebエンジニアの入り口としてのGAE - ku-sukeのブログ
ガントチャートをフリーで作成できるツールとエクセルによる作成方法
ネット圏外の田舎で育った僕でも初心者から3ヶ月でアプリ開発スキルを身に付けた方法
「下書き」「一時保存」という要件を甘く見積もってはいけない
コメント欄で使える10のWordPressプラグイン
もう仕事の優先順位づけには迷わない！成果を最大化させる5つの方法
【Web】知っておきたいWebエンジニアリング各分野の基礎知見80
あなたのウェブページが機能しているか7つの面からチェックできるオンラインツール -Spur
5歳娘「パパのReact、めっちゃ遅いね！」 - Qiita
入力フォームの「必須」「任意」のラベルは両方付けないとコンバージョン率が下がる
「ノンプログラマーのためのjQuery生成ツール」作りました
サンシャイン牧場 情報「露出」問題のまとめ | 鳩丸よもやま話
HTML5 のオフライン機能 - 強火で進め
今のChatGPTは「検索」「記事生成」利用が本質ではない チャットAIを“秘書代わり”に仕事で精度高く使う方法
RedLine Magazine : CSS セレクタ総復習 （2010年5月版）
ブラウザ拡張Selenium IDEでユーザー操作を記録・再現できる！UIテストの自動化に活用しよう - ICS MEDIA