Web制作者にとって、Chrome デベロッパーツールは欠かせません。Web制作にすぐに役立つ、便利な機能・使い方を紹介します。 Cool Chrome DevTools tips and tricks you wish you knew already 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. 要素をElementsパネル内でドラッグ&ドロップ 02. コンソールで現在の要素を参照 03. コンソールで最後に実行された値を参照 04. セレクタを加えて、要素のスタイルを追加 05. 変更したCSSをファイルに保存 06. 指定した要素のみをスクリーンショット 07. CSSセレクタを使用している要素を検索 08. コンソールで複数の行にまたがるコマンドを記述 09. Sourcesパネルの便利な機能 10. Wa

BuriKaigi2018で発表した。 入力メソッドについてのテキストを書いてる途中なので、それを流用する目論見だったが、まったく別のものになった。 🎤原稿 あいさつ このセッションはJava+αだと聞いてるので、+α部分の寛容さに賭けて日本語入力の話をする。 日本語を受け取るアプリケーションがおちいりがちな落とし穴についての話をするので、テキスト入力を受けつけるアプリケーションを作るときとかに役に立つと嬉しく思う。 会社の紹介 ボクはMisocaという請求書を管理するWebサービスを作っている会社に勤めている。 日本語入力の重要性 Misocaの開発には、様々なサービス・ソフトウェアを使っている。Ruby、RailsやSlack、Githubなどは使っている会社も多いと思う。 この図には記載されていないが日本語入力の使用頻度も極めて高い。 アンケート さて、ここでちょっとアンケートを取

ながらくWindowsの象徴であった「Win32アプリ」が動作しないWindows 10が近い将来に登場するのかもしれません。Windows Centralは、Microsoftが「Polaris」というコードネームで呼ばれる新しいOSを開発中であると伝えていますMSPoweruser)。 2019年にリリースされると予想されるこの「Polaris」は、Windows 10に存在するレガシー要素を徹底的に排除した真のモダンOSで、UWPアプリだけが動作するほか、Windowsのシェルやファイルブラウザが新しいCShellやUWPアプリで置き換えられるとのこと。 ウェブブラウザでほとんどの作業をこなすようなカジュアルユーザーがターゲットで、バッテリー駆動時間の長時間化や、パフォーマンス、セキュリティの改善が期待されています。 Microsoft Store経由のアプリしかインストールできない

2018年1月16日 Webサイト制作, 便利ツール 普段使っているChromeをより便利にしてくれる拡張機能。私も様々なものを入れていますが、その中でもWeb制作時に使える便利拡張をいくつか紹介します。Firefoxに対応しているものもありますよ！ ↑私が10年以上利用している会計ソフト！ Web Developer Chrome拡張｜Firefox Add-on｜GitHub｜公式サイト Webに携わる人は入れておいて損はない拡張のひとつ！長年利用させていただいてます。1クリックでCSSやJavaScriptを無効化したり、画像の非表示、様々なデバイスサイズでの表示、クラスやID名の表示、定規やカラーピッカーまで揃っています！カラーピッカーはCSSで定義されたものだけでなく、画像からも抽出できるのがすごい。日本語版もあるので試してみてくださいね。 CSS Peeper Chrome拡張

ひどい状態だ。ユーザー企業が丸投げしていたシステムの保守運用業務からITベンダーが撤退する動きを捉えようと企画した、この特集「極言暴論スペシャル！」だが、アンケート調査から浮かび上がってきたのは、予想以上に進む保守運用の現場の劣化と、客先に塩漬けにされ将来が見えない技術者の姿だ。多くのユーザー企業で保守運用の現場は「限界集落」と化しており、まもなく大惨事となりそうだ。 この特集ではITベンダーとユーザー企業の関係者を対象に実施したアンケート調査を基に、これまで4回に分けて、ITベンダーの撤退の動きや撤退理由、常駐技術者の境遇、ユーザー企業側の言い分などを紹介してきた。システム開発における多重下請けや炎上プロジェクトの問題がよく知られているのに対して、システム保守運用の問題は表沙汰になることが少なかったが、ITベンダーの“実力行使”により一気に明るみに出たと言える。 アンケート調査から見えて

少しの間Noto Sans Japaneseを利用していたが、すぐに止めた。やはりFOITが気になる。かといってFOUT強制も苦肉の策という印象しかない。……このような記事を書いていたら、先にうまくまとまったfont-displayデスクリプターについての記事が広まっていたので、そちらを読むのが良い。 他が高速・即時化しつつある現在、1MBくらいを超えるウェブフォントはどうにもならない。動的なサブセット化はわからなくもないが、労多くして……という印象だ。自前で作るのも難しいし、安心して任せられる速さの提供者は知らない。 回線の状況(種別ではなく)に応じてうまいこと切り替える仕組みを導入しなければならないだろう。そうなるとデバイスから「今、回線あんま速くないです……」といった動的な情報を得たいが、プライバシーにかかわるので難しい。残る可能性はfont-displayデスクリプターのみだ。 @

さよならレガシーエンコーディング。 文字エンコーディング宣言が存在するかどうかにかかわらず、文書のエンコードに使用される実際の文字エンコーディングはUTF-8でなければならない。 4.2.5.5 文書の文字エンコーディングを指定する - HTML Standard 日本語訳 Require utf-8 when specifying character encoding by sideshowbarker · Pull Request #3091 · whatwg/htmlにより、HTMLで使用できるエンコーディングはUTF-8のみとなりました。これにより、古いHTMLでは許容されていた、Shift_JIS、ISO-2022-JP、EUC-JP、UTF16LEといった文字エンコーディングは適合するHTMLではなくなりました。すでにNu Html CheckerでUTF-8以外の文字エンコー

「ナイトライダー（英語タイトル KNIGHT RIDER）」は、1982年から制作、放映されていたアメリカのテレビドラマだ。「若いときに見ていた」という読者も多いだろう。 日本では1987年からテレビ放映が始まる。「このドラマの影響でトランザムを買った」という人もいるかもしれない。私のごく近くにいる研究者は、ナイトライダーに魅了されて音声対話システムの研究に身を投じたらしい。 チカチカ動く連結された赤いLEDのライトを自家用車に付けていた人も少なくないはず。今どきなら青いLEDになりそうだが、当時青いLEDは実用化されていなかった（※）。少し若い世代なら、LEDのチカチカが付いた子ども向け自転車を持っていた人がいるかもしれない。 ナイトライダーには、シーズン1～4、新ナイトライダー2000、ナイトライダー2010などたくさんのエピソードがあるが、今回はシーズン1のみを対象に、現代のAI技術

Chromeのデベロッパーツールは、Web制作に欠かせないといっても過言ではありません。DOMインスペクター、スタイルパネル、JavaScriptコンソールなど基本的な機能だけでも便利ですが、さらに便利になる機能も数多くあります。 デベロッパーツールを使って、Webページやアプリの制作・デバッグのワークフローが大きく改善される実用的で便利な機能とテクニックを紹介します。 Mastering Chrome Developer Tools: Next Level Front-End Development Techniques 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ダークテーマ 02. 要素をすばやく選択できる選択モード 03. グローバル変数として格納 04. アニメーション用のツール 05. 要素の疑似状態をシ

謝ったんだから、アナタが悪いんですよね。：「訴えてやる！」の前に読む IT訴訟 徹底解説（41）（1/3 ページ） 納品したシステムに「バグが残っているから」と支払いを拒否したユーザー。軽微なバグであり、改修のメドが立っているにもかかわらず彼らが強く出た根拠は「ベンダーの謝罪」だった。 連載目次 IT訴訟事例を例にとり、トラブルの予防策と対処法を解説する本連載。前回は、納品したソースコードの権利は発注者、受注者、どちらにあるのかを取り上げた。 今回は「謝罪」について考えてみたい。 開発プロジェクトで何らかの問題が発生したとき、本当は自分たちに非があるとは思っていないが、「取りあえず謝っておこう」と考えるベンダーは少なくないだろう。筆者も昔、ユーザーテスト時にトラブルが発生し、「正式な謝罪文の提示がないかぎり、ここから先の作業はさせない」とユーザーに言われ、自分たちに非があるかのような文章を

メルマガやってると、よくいただく質問にこういうのがあります。いいチャンスなので１回まとめて回答しておきます。同様に「いいエンジニアさんの探し方」とかもありますが・・・・・。 ・・・・・・　　質問ここから　　・・・・・・・ 永江さん、はじめまして。2017年分から購読しております。どうぞ、よろしくお願いいたします。今回、教えていただきたいのは、いいウェブデザイナーさんを見つける方法です。妹がウェブショップで、手作り品を販売しています。おそらくサイトの作りが悪く、最初は全く売れませんでした。数年前、夫の知り合いのウェブデザイナーさんに頼んで、ショップサイトを作り直したところ、妹のブログ更新などの販促活動もあり、少量ながら、商品はほぼ完売するようになりました。 ショップはカラーミーショップです。妹がコンテンツを用意し、私が商品ページの更新とメンテナンスをしています。サイト完成後も、ウェブデザイナ

「鶴の一声」が通用しない現場――山本一郎氏が聞く、中小企業におけるIT導入失敗事例の傾向と対策：開発残酷物語（2）（1/3 ページ） トラブルの原因は何だったのか、どうすれば良かったのか、同じトラブルを起こさないようにどういう手だてを取ったのか。実在する開発会社がリアルに体験した開発失敗事例を基に、より良いプロジェクトの進め方を山本一郎氏が探ります。 クライアントの要求がまとまらない、開発工程に入ってから仕様変更が相次いだ、でも納期は変わらない――システム開発の現場では、日々阿鼻（あび）叫喚のトラブルが起こっている。 しかし後から振り返れば、トラブルには幾つかの共通点があり、事前に注意していれば防げたものも少なくないことに気付くだろう。 「開発残酷物語」は、システム開発会社比較検索サービス「発注ナビ」ユーザーのシステム開発会社の方々に過去失敗事例をお話しいただき、契約で押さえるべきポイント

メンバーの「順調です！」を鵜呑みにした結果――山本一郎氏が聞く、会社成長期に起こりやすい炎上事例と対処法：開発残酷物語（1）（1/4 ページ） トラブルの原因は何だったのか、どうすれば良かったのか、同じトラブルを起こさないようにどういう手だてを取ったのか。実在する開発会社がリアルに体験した開発失敗事例を基に、より良いプロジェクトの進め方を山本一郎氏が探ります。 クライアントの要求がまとまらない、開発工程に入ってから仕様変更があいついだ、でも納期は変わらない――システム開発の現場では、日々阿鼻（あび）叫喚のトラブルが起こっている。 しかし後から振り替えれば、トラブルには幾つかの共通点があり、事前に注意していれば防げたものも少なくないことに気付くだろう。 「開発残酷物語」は、システム開発会社比較検索サービス「発注ナビ」ユーザーのシステム開発会社の方々に、自慢（？）の失敗事例を披露いただき、契約

システム開発の佳境に、開発メンバーが突然出社しなくなってしまう。 携帯にも連絡がつかず、3日ほど音信不通になったので、さすがに心配になった上司が大家と共に自宅を訪れると、夕日が差し込む部屋の真ん中に、当の本人が何の表情も浮かべずにただ座っていたりする。 そういう事は大して珍しいことではないので、ある程度経験のあるIT業界人なら、同僚が「消えて」しまってもそれほど驚くことはない。 プログラマというのは、とかく「消えて」しまうものなのだ。と彼らは思っている。 「消えた」プログラマは、意識的にしろ無自覚にしろ自分の人生をちょっとばかり台無しにしながら、プロジェクトに虚無の穴を空けるわけだが、そうした「工程の穴」は他のメンバーが残業したり、派遣会社から来た代替の人員が埋めてしまったりする。ビジネス的には人月で数えられた我々の「数字」などというものはちょっとした帳尻あわせでなんとかなってしまうらしい

4. 都道府県別ポケストップ数 東京 62785 神奈川 29099 大阪 21979 愛知 21254 埼玉 14884 千葉 14363 兵庫 11773 福岡 11765 北海道 11144 京都 10079 静岡 7857 岐阜 5405 宮城 4985 茨城 4731

(追記1：2016/7/11　7/7以降のブログ記事などを追加) (追記2：2016/11/24 延期発表の記事を追加) こんばんは。SE兼PM見習いです。 例のみずほ銀行の次期システム開発が話題になってますね。 blog.livedoor.jp blog.livedoor.jp 毎年この時期に、みずほ案件がグダグダだよね、という情報が出てくるのはもう恒例行事となってますが、開発工程終盤を迎えていよいよヤバイ状況が隠しきれなくなっているようです。 趣味が悪いと言われますが、デスマウォッチャーでして、特にこのみずほ銀行案件をウキウキとウォッチングしているのですが、ここでブックマークしている過去の情報を時系列に振り返ってまとめてみたいなと思います。 2002年〜合併時のシステム障害〜 次期システム案件の話に入る前に、みずほ銀行合併時の大規模システム障害に触れておく必要があります。 https: