はじめに こんにちは、GMO Flatt Security の小島です。弊社では、KENRO byGMO（ケンロー）という脆弱性への攻撃と修正で学ぶハンズオン演習に特化した、開発者向けのセキュアコーディング学習サービスを開発しています。 flatt.tech 本日はこのサービスに関連して、セキュアコーディング研修を始める上でどのような項目を検討すべきか、そしてその中で最も悩みのタネである外部の学習コンテンツの活用方法についてまとめたスライドを公開しました。 スライドは下記のSpeakerdeckのURLより無料・登録不要で閲覧・ダウンロードいただけます。 https://speakerdeck.com/flattsecurity/secure-coding-handbook この記事では、そのスライドを公開のお知らせを兼ねて、公開の背景や概要について紹介できればと思います。 はじめに スラ
「Diffd」は視覚的に指定したウェブサイトの差分を表示してくれるサービスです。コードベースでの差分ではなく、視覚的にどの部分がどう変化したかを示してくれます。ひと目で差分が確認できるので便利。 詳細は以下より。まずDiffdへアクセスしましょう。 こちらに書かれているように、このようなコードベースの比較をなくそうという試みです。実際コードを見て差分を確認するのもよいですが、やはり視覚的に分かるものであればそうしたいですよね。 Diffdを使った結果はこちら。緑と赤の枠で囲まれた部分が差分を示しています。コードで比較するよりも分かりやすいですね。パッとみてどこに変化があったのか調べられるので、エンジニアでない方でも差分を見つけることができます。ぜひウェブサイトの差分を比較したいときにご活用ください。 Diffd （カメきち）
最近のWebサイトで見かけるさまざまなレイアウト、レスポンシブ対応のレイアウトの構成、縦長ページ・横長ページでグリッドの効果的な使い方、ランディングページの要素の配置など、デザインの勉強になるインフォグラフィック・リソースを紹介します。
(訳注：2016/1/5、いただいた翻訳フィードバックを元に記事を修正いたしました。) セキュリティ – 誰もが見て見ぬふりをする問題 。セキュリティが重要だということは、誰もが認識していると思いますが、真剣にとらえている人は少数だと思います。我々、RisingStackは、皆さんに正しいセキュリティチェックを行っていただきたいと考え、チェックリストを用意しました。皆さんのアプリケーションが何千人というユーザやお客様に使用される前にセキュリティチェックを行ってください。 ここに挙げたリストのほとんどは概略的なもので、Node.jsに限らず、全ての言語やフレームワークに適用することができます。ただし、いくつのツールは、Node.js固有のものとなりますので、ご了承ください。 Node.jsセキュリティ に関するブログ記事も投稿してありますので、こちらも是非読んでみてください。 構成管理 HT
Vorlon.jsという開発者ツールを知っているだろうか？ このオープンソースツールを使えば、PCブラウザーで各種Webデバッグが行える。その機能概要と基本的な使い方を解説。 Vorlon.jsとは Vorlon.js（読み方： ヴォーロン・ジェーエス）とは、ChromeのDevToolsやIE／EdgeのF12開発者ツールと同じく、Webブラウザーの表示内容やネットワーク状態をデバッグするためのツールである。 最も特徴的なのが、ブラウザー上で動作することだ。PCブラウザーのデバッグはもちろん、スマホなどのモバイルデバイスのデバッグを、ケーブルをつなげることなく、Macを準備することなく、実現できるのが大きなメリットだろう。 マイクロソフトが開発したオープンソースプロジェクトであり、Node.jsとSocket.IOといったオープンな標準のみを使って開発されていて、プラグインの追加が容易で
Getting Started Prerequisites: please note that Vorlon.js doesn't work for now with Node v18, please use v16 until we fix it. Learn everything you need to about Vorlon.js 0.1.0 in this video Install and run the Vorlon.JS server from npm: $ npm i -g vorlon $ vorlon If you are on a mac $ sudo npm i -g vorlon $ sudo vorlon You may receive an error from npm during installation about Python, node-gyp a
便利なシステムを生み出し、ユーザーの感動体験に欠かせない「UI/UX」。デザイナーとしてお勤めの方はもちろんのこと、IT業界に関わっている・関心があるなら積極的に学んでいきたい分野です。 今回話をうかがったのは、人気IT企業におつとめのデザイナーの方々。「UI/UX」について学び考える上で、おすすめの書籍を教えていただきました。 ご回答いただいた企業はこちら 1 グリー株式会社 2 GMOインターネット株式会社 3 GMOペパボ株式会社 4 ピクスタ株式会社 5 株式会社ブラケット 6 ヤフー株式会社 7 株式会社リブセンス グリー株式会社 細川菜々恵さん スマートフォン向けアプリ開発を担うスタジオ「Wright Flyer Studios」にて、Art UI UXチームのUI/UXディレクターを務める細川菜々恵さん（以下、細川さん）。UI/UXを学ぶにあたり、おすすめを教えていただきまし
![最前線IT企業のデザイナーたちが参考にしてきた「UI・UXの良書」とは | nanapi [ナナピ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/6f819e6fb65420c2b090598b7c6ca5eefd67194b/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fp.cdnanapi.com%2Fr%2F2015%2F11%2F05%2F16%2F5dd1174c-ae44-4a73-aa5b-9b981c8e5b1e.jpg)
インターネット上には数々の翻訳サービスが存在しますが、それらに「翻訳がひどすぎて使いものにならない」という問題があることはご存知のとおり。しかし、「あるひとつの工夫」が問題を解決すると断言するのは、『英文"秒速"ライティング Yahoo!翻訳でミスのない文章を書くルール』（平田周著、日本実業出版社）の著者。 それは、英語にする日本語を「中間日本語」に直しておくことです。たったこれだけのことで、誤訳をなくすだけでなく、ネイティブに通じる英語になります。中間日本語とは、英語的な構造をした日本語、いうなれば「英語っぽい日本語」です。（「はじめに」より） 著者によれば、コンピュータが誤訳するのは、日本語と英語の文章構造があまりに違うから。日本語を直訳するコンピュータは、両者の違いを理解できないわけです。だとしたら、直訳してもきちんとした英語になるように、日本語の方を変えておけばよいということ。 た
インターネットで痴漢された話をすると、自慢だと言われるそうです。 いったいどうしてそうなるのでしょうか？ あとハンガーって、捨ててないのになんで減っていくのでしょうか？ ＜登場人物＞ エリコちゃん 相槌を打ったり話を聞き逃したりするOL。 ミカ先輩 日和見主義でどっちつかずの態度を取ることが多い先輩社員。 アニメに出てくる目がキラキラした老人 かわいい女の子の描き方で描かれたので、かわいくなった老人。 先輩、今日はトゥギャッチの読者から質問が来てますよ。 やった～。 エリコちゃんミカ先輩こんにちは、いつも楽しく拝見しております。私は最近 インターネットでとてもストレスに感じていることがあります。それは、痴漢 被害に遭った女性やその告白に対する男性全般の「露出度の高い服を着ている 女性の方が悪い」という自己責任論的な意見や、勇気を持って告白しても「や れやれ、痴漢されるほど魅力がある自慢かね
書籍『Webプロジェクトマネジメント標準』を全文PDF無償公開 ロフトワークは、書籍『Webプロジェクトマネジメント標準』全文をPDFデータで無償公開します。 ロフトワークは、2002年という早い段階からWebとクリエイティブの領域に世界標準のプロジェクトマネジメントの知識体系「PMBOK（ピンボック）」を導入し、Webプロジェクトのフレームワーク確立やリスクの軽減などに努めてきました。その過程で得た知識や経験を体系化、Webの制作現場につながるように編綴し、2008年に技術評論社より書籍『Webプロジェクトマネジメント標準』（共著=林千晶・ロフトワーク代表取締役、高橋宏祐・富士通グループWebサイト統括（*1））を出版しました。 『Webプロジェクトマネジメント標準』は、プロジェクトの課題が個人の能力・努力の問題であると苦しんでいる方々にこそ読んでいただき、制作側・クライアント側の双方が
自分が普段からどちらかといえばデザインよりもコーディングなどの作業が多いので、中にはただのコーダー側の意見や愚痴っぽいのもあるかもしれませんが、Photoshopでデザインする際に見やすく綺麗なPSDにすることができると思うポイントや知っておくと便利だと思う機能をいくつかあげてみました。 最近だと特にレスポンシブが関連してIllustratorやSketchを使ってるという人も多いとは思いますが、デザイン制作時にPhotoshopを愛用しているという方は参考にしてみてください :) あくまで個人的に思ったことなので、バリバリのデザイナーさんとかで「もっとこうしたら良くなるよ！」とか「それはしない方が良いのに...」みたいな意見があればアドバイスやツッコミ大歓迎です。 ここで紹介している内容やキャプチャは「Adobe Photoshop CC 2017」を使用した想定のものになり、バージョン
The fastest way to build beautiful Electron apps using simple HTML and CSS Powered by Electron Underneath it all is Electron. Originally built for GitHub's Atom text editor, Electron is the easiest way to build cross-platform desktop applications. If you can write a bit of HTML, CSS, and JS, you can build full featured applications. Companies like Microsoft, Facebook, and Slack are using it – why
Webサイトを立ち上げたものの売上があまり上がらず、予算の投下が難しいサイトに対して、高速PDCAサイクルを回しながら、SEOに加えてコンテンツ改善を行うことで、月間売上が半年で16倍になったノウハウを紹介します。 ボックスティッシュ販売サイト「TAKARABAKO」の背景ボックスティッシュ販売サイトのTAKARABAKOは2014年8月にオープンした企業向けボックスティッシュ販売サイトです。製造元だからできる高品質、低価格の商品を小ロットで販売しています。ネット販売が中心でしたが、なかなか集客ができないことが悩みでした。 施策の方向性サイトオープン当初、TAKARABAKOの売り上げがあまりなかったこともあり、サイト運営や広告にかける予算が潤沢にありませんでした。そこで、予算をそこまで掛けることなくできる、次のような集客施策を2015年3月より約半年間かけて、段階的に実施しました。 第1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
