[B! develop] ytkwsmのブックマーク

5分で分かるスクラム用語集

みなさんこんにちは。@ryuzeeです。スクラムは、スクラムガイドで定義されています。したがってスクラムを学習したり実践したりする際には、まずスクラムガイドを読むのが大前提となります。とはいえ、短時間で人に説明したり、リファレンスが必要になったりすることも多いので、ぼくが使っている用語集を共有します。基本用語プロダクトオーナー開発するプロダクトにおける責任者である。そのプロダクトが実現するビジネス価値に対して責任を負う。主な役割としてプロダクトのビジョンを明らかにして周りに伝える、プロダクトバックログのメンテナンス、プロダクトバックログアイテムの優先順位付け、リリース計画の立案、開発者が作成したインクリメントを受け入れるか受け入れないかの判断、ステークホルダーとの調整などをおこなう。作業自体は委任できるが、最終的な責任はプロダクトオーナーが負う。実施中のスプリントをキャンセルする

ytkwsm 2019/03/15

リンク

[フロントエンド] AndroidのChromeをPCからデバッグする - YoheiM .NET

こんにちは、@yoheiMuneです。スマホ向けWebサービスを開発していたら、Android端末での表示確認やデバッグが大変だった経験が誰しもあるのではないでしょうか？今日はAndroid ChromeをPCからデバッグする方法をブログに書きたいと思います。目次やりたいこと開発したアプリケーションをAndroidのChromeブラウザで表示した場合に、CSSの確認や、ログの確認や、JSの実行などのデバッグ作業を高速に行いたい、というのが今回の目的です。以降のステップを行うと、PCのChromeと同じようにディベロッパーツールからデバッグを行うことができます。手順1：Android端末の開発者モードを有効化する AndroidとPCをUSBで接続してデバッグを行います。そのためAndroidの「開発者向けオプション」をONにする必要があります。基本的には設定アプリ内のビルド番号

ytkwsm 2019/03/07

“chrome://inspect/#devices”

リンク

知っておくとかなり便利！Chromeのデベロッパーツールであまり知られていない実用的な機能とテクニックのまとめ

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

ytkwsm 2017/06/27

リンク

情報処理推進機構：情報セキュリティ：脆弱性対策：安全なウェブサイトの作り方

「安全なウェブサイトの作り方」は、IPAが届出(*1)を受けた脆弱性関連情報を基に、届出件数の多かった脆弱性や攻撃による影響度が大きい脆弱性を取り上げ、ウェブサイト開発者や運営者が適切なセキュリティを考慮したウェブサイトを作成するための資料です。「安全なウェブサイトの作り方」改訂第7版の内容第1章では、「ウェブアプリケーションのセキュリティ実装」として、SQLインジェクション、OSコマンド・インジェクションやクロスサイト・スクリプティング等11種類の脆弱性を取り上げ、それぞれの脆弱性で発生しうる脅威や特に注意が必要なウェブサイトの特徴等を解説し、脆弱性の原因そのものをなくす根本的な解決策、攻撃による影響の低減を期待できる対策を示しています。第2章では、「ウェブサイトの安全性向上のための取り組み」として、ウェブサーバの運用に関する対策やウェブサイトにおけるパスワードの取扱いに関す

ytkwsm 2015/03/16

リンク

[Chrome] DevToolsのWorkspaceでローカルプロジェクトをライブエディット&デバッグする - Qiita

※ 執筆時点ではCanaryで利用できます ChromeのDevToolsに「Workspace」という機能が追加されました Workspaceを使うとDevToolsをエディタとして使うことができますローカルフォルダの追加 DevToolsを開いて歯車アイコンからSettingsを開くと項目に"Workspace"があるので選択 Add folderでフォルダを選択リソースへのアクセス許可を求められるので許可を選択 Sourcesパネルに選択したフォルダが追加されるリソースの編集の自動反映を有効にするブラウザのリロードなしに編集・保存したファイルが反映されるようになる(htmlはむり？右クリックメニューから"Map to network resource"を選択ダイアログでDevToolsの再起動を求められるので許可(Chromeの再起動ではない) 右側のエディタ部分でCSS

ytkwsm 2013/09/05

リンク

ブラウザ動作の理解－リフローとリペイント及びその最適化 | ゆっくりと…

ブラウザ動作の理解の2回目です。今回はレンダリング・ツリーの更新に絡む、リフロー（要素の大きさ、位置などの再計算）とリペイント（描画）に関する解説を、「High Performance Web Pages – 20 new best practices」の著者 Stoyan Stefanov のブログエントリーから「Rendering: repaint, reflow/relayout, restyle」を翻訳してお届けします。同記事は、前半がリフローとリペイントに関する解説と、表示レスポンスを向上させるためのスタイル変更に関する Tips、後半は dynaTrace AJAX Edition と SpeedTracer を使った IE および Chrome の描画パフォーマンスの計測の解説で構成されてる、長い記事となっています。今回はその前半部分をご紹介します。レンダ

ytkwsm 2013/08/05

js練習に合わせてこういうの意識しないとあかんかと。。。orz

リンク

『デザイナーがデザインしたとおりになっているかは...』

少し昔を思い出してました。当時いた会社の制作物のデザインは、一時期ほぼすべて巨匠とよばれるベテランデザイナーがやってたのですが、ぼくはPMの立場でわりとぞんざいに扱っていました。入社した頃はデザインセクションとシステムセクションが半々だったのですが、受注額に年々差が付いて行きいつしか人数比でエンジニア9に対しデザイナー１くらいまで減っていました。そして経験の浅いPMであるぼくは、デザインの適正価格があまりみつもれず500万のiPhoneアプリ開発だと50万円くらいとか、価格比もそんな割合にしていました。UIデザインを頑張ると開発工数も連動して、あるいは数倍に跳ね上がることを知ってたので、案件が炎上しないようデザインにこだわったアプリを受注することを嫌ったのです。そして受注した後僕は巨匠にこう言います。「この案件、予算少ないんで雑なデザインでいいですよ」しかし、巨匠はきっちり仕事を

ytkwsm 2013/08/02

誰が尊重するかって、デザイナーがクオリティチェックして修正依頼出すのは出来るんだけど、そもそも予算とか期間などデザイナーがコントロール出来ないところ見ているPMが、それでもクオリティよくしたいよねってチ

リンク

Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめこんにちは、デザイナーの王です。今回の記事では、ChromeのDevTools（デベロッパーツール）について、「多分、周知されていないけど、使わないともったいない！」的な機能を紹介させて頂きたいと思います。フロントエンジニアにも、デザイナーにも、きっと効率アップに繋がる小技が見つかるはずです。開発者なら「Chrome Canary」を使おう！みなさんはChrome Canaryを使っているんでしょうか？一般向けにリリースされている安定版であるChromeより、ほぼ毎日アップデートしている「Canary」ビルトを選ぶ理由があります。それは、開発者向けの新機能がいち早く利用できるからです！リリースがノロノロしているChromeを使ってたら、いつまでも最新の便利な機能の恩恵が受けられ

ytkwsm 2013/07/31

リンク

Chrome Developer Toolsを使いこなそう！

入門 Kubeflow ～Kubernetesで機械学習をはじめるために～（NTT Tech Conference #4 講演資料）NTT DATA Techno logy & Innovation

ytkwsm 2013/07/12

リンク

Mac で iPhone シミュレータを直接起動する方法（と、そもそものインストール方法）

Mac で iPhone シミュレータを直接起動する方法（と、そもそものインストール方法） 2012年12月14日 16:54Mac Mac に Xcode を入れると iPhone (iOS) シミュレータをインストールできますね。 Xcode で iOS アプリケーションの開発をしているときならプロジェクトから起動できます。でもちょっと iPhone の Safari でウェブサイトを表示したいぐらいの時にいちいちそんなことやってたら日が暮れてしまうので iOS シミュレータを直接開けるようにしといた方がいいかもしれません。公開されてるサイトならまだ実機で見られるけどシミュレータのブラウザなら開発機の localhost にもアクセスできるし。けどこのシミュレータがどこにあるかちょっとわかりにくいのでメモしておきます。シミュレータのありかシミュレータは Xcode の

ytkwsm 2013/06/28

右クリだったとは。。

リンク

ノンプログラマのためのウェブサーバ入門

XML と PHP のイケナイ関係 (セキュリティ的な意味で) -Introduction of XXE attack and XML Bomb with...Kousuke Ebihara

ytkwsm 2013/06/21

リンク

Sublime Text2との恋を見送り、Adobe Bracketsに巡り会いました

永らくHTMLエディターを移ることなく過ごしてきたのですが、先日Adobe Bracketsの記事を見て一目ぼれし、インストールしてみました。ごめんな、Sublime Text…！どうもハマれなかったSublime Text 私は普段HTMLを書くときに結構適当なエディターを使ってきたんですが、いい加減ちゃんと効率のいい、Zen-Codingにも対応してて、HTML5の予測変換も出来てSassに対応したエディターを使わなきゃなーと思ってました。そして現れたのがSublime Text。 ”恋に落ちるエディタ”「Sublime Text」完全入門ガイド！ | 株式会社LIG 確かに、知人友人のweb制作者達がこいつの魅力にバッタバッタとやられてました。私も望んでいる要件を満たしているこいつが気になってはいました。恋する速度を爆速化。Sublime TextでZen-Codingを使用

ytkwsm 2013/06/18

気になってたBracketsの操作法

リンク

JavaScriptのテストを開発工数に入れてもらうには？

2013年4月27日、六本木ヒルズ森タワーのグーグルにて「第38回HTML5とか勉強会」が開催された。HTML5とか勉強会とは、HTML5に関心のあるエンジニアやWebデザイナ向けの勉強会だ。今回のテーマはJavaScriptのテストフレームワーク。別室のサテライト会場を用意しなくてはならないほど会場は多くの参加者であふれた。テーマへの関心の高さがうかがわれる。テストフレームワークを使いこなす現場のプロたちの解説により、その最新事情と基本的な使い方が分かった。 JavaScriptテストの必要性と最新事情サイボウズの佐藤鉄平氏は、JavaScriptのテストの基礎知識と全体像について語った。公開スライド佐藤氏は、結合テストやユニット（単体）テスト、そのほかにユーザビリティテストなど、そもそもテストにはどんな種類があるのかを解説した後、ユニットテストの重要性を強調した。技術面で開発チー

ytkwsm 2013/05/27

リンク

hostsファイルをクリック1つで変更できる「Hosts Manager」 | OSDN Magazine

Windowsでは「hosts」と呼ばれるファイルを修正することで、手動でホストとIPアドレスの対応付けを行うことができる。しかし、短期間のテスト目的などで頻繁にhostsファイルを修正するのは非常に面倒くさい。このようなhostsファイルの書き換えを支援するGUIツールが「Hosts Manager」だ。 hostsファイルは「＜システムドライブ＞\Windows\System32\drivers\etc」というフォルダ内に格納されている。このファイルの所有者は「SYSTEM」となっており、Windows Vista/7のUAC（ユーザーアカウント制御）が有効の場合、編集する際には管理者権限で起動したエディタでファイルを開かなければならない。また、DNSのキャッシュが行われている場合は、hostsファイルの編集後にキャッシュの破棄を行う必要がある。Hosts Managerではあらかじめ

ytkwsm 2013/05/27

リンク

はてなブックマーク

タグ

関連タグで絞り込む (29)

developに関するytkwsmのブックマーク (14)

お知らせ

今週のはてなブックマーク数ランキング（2024年6月第3週）

今週のはてなブックマーク数ランキング（2024年6月第2週）

月間はてなブックマーク数ランキング（2024年5月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス