ReactはJavaScript向けのビューライブラリですが、変更点を気にせずに全面的に画面を書き換えるように処理を書きつつ、その差分を検知して最小限の変更に済ませてくれるのが特徴となっています。 その結果として作られたのがReact MineSweeperです。確かにどこが押されたのか、状態がどうなっているのかなどを管理しようと思うと面倒ですがReactなら簡単そうです。 React MineSweeperの使い方 React MineSweeperは通常のマインスイーパのようにクリックでパネルを開ける、右クリックでフラグを立てるようになっています。イージーはこのサイズ。 途中でミスしてしまいました。 ハードは爆弾の数が100個です。 Reactであれば爆弾のあるところやパネルの状態などを変数で適切に管理できます。クリックされてパネルを開けると言ったアクションもシンプルにできそうです。意

I'm utilizing the magic of jQuery.ajax( settings ). However, I'm wondering if anyone has played with the timeout setting much? I know it's basically for dictating the local time for a request, but can it trigger anything if the timeout is reached? Or does it simply stop listening for a response? Reading the jQuery site, I can see there are no arguments passed, so it seems like a simple setting wit

<div ng-controller="ParentCtrl"> <div ng-show="isShow">foo</div> <div ng-controller="ChildCtrl"> <button ng-click="toggle()">click</button> </div> </div> こういうHTMLがあったときに、ChildCtrlから$scope.isShowを操作しても反映されない。 これだとダメ。 var app = angular.module('app', []); app.controller('ParentCtrl', function($scope) { $scope.isShow = false; }); app.controller('ChildCtrl', function($scope) { $scope.toggle = function(

2018.5.26 日本ならではのすごいスキンケア「RAIZ」に出会った！後編【美的クラブ通信】 こんにちは、美的クラブの大平りえです。…

非同期通信（Ajax）を行うとき、きちんとタイムアウト処理を入れていますか？ スマートフォンやタブレットでWebサイトを閲覧しているとき、地下に入ったりして通信ができなくなるというケースは頻繁に起こります。そんなとき、きちんとタイムアウト処理をしていないと、場合によってはいつまで経ってもローディングが終わらず、ユーザーが離脱してしまうということが起こります。質の高いWebコンテンツ制作のために、必ずタイムアウト処理は入れましょう。 jQueryでの実装例 たとえばjQueryでAjaxを扱うajax()メソッドには、timeoutという便利なオプションがあります。timeoutに指定した時間（ms）が経過しても通信が完了しない場合、エラー処理が実行されます。手軽に実装できるので、ajax()メソッドを使うときは必ず設定しましょう。 // 10秒経っても通信が成功しない場合は失敗処理を実行す

fiddleはこちら。 Angularjsで$scopeの状態を見るには、Chrome ExtentionのBatarangを入れるのがいい。 それと、consoleでangular.element($0).scope(); jsfiddle自身のサイトではangularが見えない。 上記fiddleのURL末尾に/showを付けてやるとホストされた状態で見える。参考 http://jsfiddle.net/taketon_/x6G4F/show これでBatarangを通してscopeの状態も見えるし、angularからelementを取ることもできる。 上記fiddleでは確かにdivそれぞれに対して異なるidのscopeが割り当てられているのが見て取れる。 まぁコントローラを分けろというのはわかる。 Storage的なサービスを作るか、persistent.jsあたり使ってgloba

2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod

たまに検討するけど、よく忘れるのでまとめておく。ごく個人的な感想としては、Rundeck, Azkabanあたりで始めてみるのがいいかもと思う。 要件 重複実行の防止 ジョブの実行結果、かかった時間、ログ出力などが見れる 失敗時の通知 候補 OSS系 Rundeck http://rundeck.org/ Java Runtimeで動く RUNDECK PROという有料サービスもある http://simplifyops.com/ 参考: http://heartbeats.jp/hbblog/2015/01/rundeck.html Oozie http://oozie.apache.org/ Workflow Scheduler for Hadoop Java http://oozie.apache.org/docs/4.1.0/DG_Overview.html Webコンソールもある

セキュリティ・キャンプ全国大会2015の講義で使用された資料のまとめ。公開されていない講義が多いので、すべての講義資料があるわけではありません。随時追加。 高レイヤートラック Webプラットフォームのセキュリティ JavaScript難読化読経 HTTP/2, QUIC入門 SSL/TLSの基礎と最新動向 フレームワークに見る Web セキュリティ対策(これからのWebセキュリティ) これからのWebセキュリティ フロントエンド編 クラウドセキュリティ基礎 バグハンティング入門 解析トラック 仮想化技術を用いたマルウェア解析 講義内容 TOMOYO / AKARI / CaitSith ハンズオン（アクセス解析初級・中級） セキュリティ・キャンプ全国大会2015でのマルウエア分析講義(2015-09-10) チューター発表 「脆弱性をみつける」から「脆弱性をなくす」へ カーネル空間からのセ

NOTE: 本記事はすでに内容が古く、今読んでも役に立つ度合いはほぼないです。 本記事は、先日社内勉強会のために準備した、Webサービスのリアルタイム通信周りのまとめシリーズ の1つを転載して公開するものです。 まだまだわかっていないことが多いので、ぜひぜひ間違っている点などにご指摘いただければと思い公開します。 ぜひぜひ優しくマサカリをいただけると泣いて喜びます！ 目次 目次 はじめに プロトコルと手法 前世代のやり方であるComet について Polling 系 Streaming 系 過渡期といわれてる手法 将来有望といわれてる手法 Polling メリット デメリット 向いているシーン Long Polling (Comet) Polling の発展版 メリット デメリット LongPolling 自体は双方向通信ではない 接続が閉じられるケース 向いているシーン Server S

By Paul Inkles interviewing.ioの創立者であるアライン・ラーナーさんの前職は、指定の商品を買うのと引き換えに無料体験ができるサービス「TrialPay」の採用担当で、これはアラインさんがエンジニアとしての経歴を持っていたからでした。TrialPayで約1年間という短い期間ながら300人のエンジニアと面接を繰り返してきたアラインさんが、その中で得た「有能なエンジニアを採用するためのポイント」を簡潔にまとめてくれています。 Lessons from a year’s worth of hiring data | Aline Lerner's Blog http://blog.alinelerner.com/lessons-from-a-years-worth-of-hiring-data/ TrialPayでアラインさんが面接してきたのは、大学の中退者からMITやハ

いろいろな仕事を渡り歩き、今はインフラ系エンジニアをやっている。いろんな業種からの視点も交えてコラムを綴らせていただきます。 ▪コスト感覚を語らせる前に エンジニアとして仕事をしていて「コスト感覚を高めろ」という話をされた事はないだろうか。私のいた現場では、たまに朝礼の話題に上がったりした。だが、内容を要約すると、「お前らの給料高いから、安い値段でいっぱい仕事しろ」ということだ。思えば失礼な内容だ。 コスト感覚については、あくまで常識の範囲内で十分だと考えている。どうやって儲けるかは別セクションの人が考える問題だ。情報提供をして話し合うなら分かる。だが、なぜ技術プラス損益の責任まで負う必要があるのだ。営業に強引に技術をやらせるのと同じだ。部署を分けてる意味が無くなる。 もう一つ、キャパシティー的な問題がある。人一人のキャパシティーは限られたものだ。得手不得手もある。コスト計算の技術とIT技

100万口コミを突破したマンション口コミサイト・マンションノート。月間90万UUを集めるまでに成長したサービスを創業期から支えるのが今回お話を伺った小原氏だ。フロントエンド、サーバサイドの両面を一人で担い続け、現在も少人数での開発を続けるマンションノートの開発スタイルとは？ ▽博報堂出戻りと起業を経て見つけた「絶対正義」の口コミサービス｜マンションノート 藤井真人 【Profile】 株式会社レンガ 取締役 小原和磨 Kazuma Ohara 大学を中退して、2004年にシステム開発会社へ入社。20代前半からリードエンジニアとして10名のエンジニアを率いる。2009年にエニグモに入社。2011年、ITベンチャーを取締役CTOとして共同創業。2012年、創業メンバーとしてレンガに参画し、現在は開発担当取締役としてシステムの全領域を担当する。 できるだけ作らない選択の上でハードワークに徹する

PC向けページを一切作らず、モバイル向けページだけのサイトを公開しても問題はないのでしょうか？ GoogleのJohn Mueller（ジョン・ミューラー）氏によれば、まったく問題ないとのことです。 PC向けサイトがなくてもまったく問題なし 現状では、モバイル向けサイトだけしか提供していない。 PC向けサイトを作らずに、モバイル向けサイトだけだとSEO的に問題があるか？ 英語版のウェブマスター向けオフィスアワーで出たこの質問に、ミューラー氏は次のように答えました。 モバイル向けだけのサイトを作っても何も問題ない。すべてのサイトがPC版を持つ必要があるということではない。 モバイル向けページであってもPCで利用することができるだろう。もっとも見え方は多少違ってくるだろうが。 だけどモバイルだけのサイトは完全にありえる。検索でもほかのサイトと同じように私たちは扱う。 気を付けたいのは、PCから

iOS/Androidアプリを作る際に理解しておいて欲しい「Model」という役割について説明します。わりと意識していないケースがあるので、チェックしてみてください。

ヘッドライトの黄ばみがサッとキレイに! メッキ・ホイール・シートにも使えるマルチ過ぎなお手軽クリーナー「ウルトライト」

Help us understand the problem. What are the problem?

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

1年以上前に、私は最初の 12 Little-known CSS Facts（あまり知られていないCSSの12の事実） を発表しました。SitePointで最も人気の高い記事となりました。この記事を書いた後も、私はCSSのアドバイスやちょっとした情報の収集を続けました。だって、大ヒット映画も必ず続編を制作するじゃないですか。 注釈 SitePoint/ Natalia Balska によるイラスト それでは、早速今年も開発のヒントになる12の事実について話しましょう。もちろん、中にはもうすでにご存じのこともあると思いますが、この中で初めて知ったという事実がありましたら、コメントでお知らせください。 1. border-radius プロパティに”スラッシュ”シンタックスを使用できる事実 このプロパティについてはSitePointに4年以上 前に書いた のですが、この機能が存在することを、未

10.How do JavaScript closures work? http://stackoverflow.com/questions/111102/how-do-javascript-closures-work JavaScriptのクロージャーについて 結構とっつきにくい「クロージャー」に苦労されている人も多いかもしれませんが、サンプルコードが多いので英語わからなくても助かります 個人的にはQuestionの「Like the old Albert Einstein said: ... 」というくだりが好きw 9. What does “use strict” do in JavaScript, and what is the reasoning behind it? http://stackoverflow.com/questions/1335851/what-does-use

連載バックナンバー 本連載では、ネットワーク管理の基本コマンドを順を追って紹介していきます。基本書式と用法、主要なオプション、用例サンプルを示しますので、manやhelp代わりに通読し、各コマンドでできることを順次おさらいしてみてください。今回は、端末のネットワーク設定を行う際に利用する「dhclient」コマンドを紹介します。 なお、本連載では、執筆時点の最新版「Red Hat Enterprise Linux（RHEL）」および「CentOS」環境で動作を確認しています。また、用法事例はIPv4（Internet Protocol version 4）ネットワークを前提にしています。コマンドのサンプルなどで一部環境に依存した出力例となる場合がありますので、その際には適宜ご自身の環境に合わせて読み替えてください。

Master Canary Forging: 新しいスタックカナリア回避手法の提案 by 小池 悠生 - CODE BLUE 2015CODE BLUE

デブサミ2016登壇資料。サーバ技術の評価軸、HTTP/2、サーバプッシュ、HTTPS化の負荷、Brotli、サーバ内スクリプティングを俯瞰

Webサイトのデザインで大切なのは、小さなディテールの積み重ねです。一つひとつは些細なことかもしれませんが、それらをおろそかにしてしまうとWebサイト全体が台無しになってしまいます。 アマチュアのデザイナーが普通によくやってしまう間違いとその改善方法を紹介します。 Top 10 Mistakes that Make your Website Look Unprofessional 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 1. デザインされたテンプレートを使う時の注意点 2. Bootstrapのデフォルトのデザインを使ってませんか？ 3. コンテンツを分かりやすくするフォントの使い方 4. 暗いカラーの背景はデザインが難しい 5. 似たようなボタンを数多く配置するのは逆効果 6. 空白スペースを効果的に使うシンプルなルール 7

デザインの指示書やスタイルガイドを作成するのは、なかなか時間がかかりますよね。 使用している要素のサイズやマージンやカラーやフォントなどの情報を自動で取得したり、コメントを添えたり、指示書やスタイルガイドをプロジェクトのメンバーと共有できる「Zeplin」を紹介します。 1プロジェクトまで完全無料、2つ以上から有料ですが、機能制限などは一切ありません。 Zeplin Zeplinの特徴 Sketchでの下準備 Zeplin ソフトウェア版 for OS X Zeplin ブラウザ版 for OSX, Win, Linux Zeplinのインストール Zeplinの特徴 Zeplinは、Sketchで作成したデザインリソースから指示書やスタイルガイドなどを自動で生成するソフトウェア（無料）とオンラインサービス（無料と有料）です。 無料と有料の違いはプロジェクト数だけで、機能はまったく一緒。

Start Up 【Interview】たった1行のスクリプトでウェブを多言語化！絶好調のクラウドサービス「WOVN」に迫る 手間もコストもかけず、“たった1行のスクリプト”で、ウェブサイトを多言語化するサービス「WOVN（ウォーブン）」。 2014年のリリースから、約1年。今では多くの優良企業が、そのシステムを採用している。 7月には、完全 SEO に対応した、多言語化ライブラリ「WOVN++（ウォーブン・プラスプラス）」を新たに実装。 これまで課題とされていた、検索結果に多言語版が表示されない仕組みも、解決できるようになったという。 開発元は、スタートアップ企業のミニマル・テクノロジーズ。波に乗る同社代表取締役の林 鷹治（はやし たかはる）氏に、インタビューを行った。（写真：向かって一番左が林氏） ・A/Bテストの仕組みを多言語化に応用 Q1:「WOVN」開発のきっかけを、お聞かせ

セキュキャン 2015 高レイヤートラック(Jxck) 本資料は、セキュキャン 2015 高レイヤートラックの講義資料です。 セキュキャン参加者であるセキュリティエンジニアの卵を対象に、 Web のセキュリティの知見が、実際どのように Web アプリ開発に反映されているか、もしくはどう反映すべきかを、フレームワークの視点から解説することを目的としています。 将来、 Web のセキュリティに興味を持ったエンジニアが、その知見を多くの開発者に啓蒙する手段として、フレームワークに反映するというのは非常に有効な方法です。 ここではその実例として Rails を例にとり、 Rails がこれまでに積み上げてきたセキュリティに関する知見を振り返るとともに、フレームワークとしてそれをどう取り入れているかを解説します。 Intro Web アプリケーションを開発する場合、 Web アプリケーションフレーム

Slack経由で家の外からエアコンをon, offできる装置を、Raspberry Piで作ってみた。（しかも御坂美琴ちゃんが応答してくれる）電子工作RaspberryPiSlack赤外線リモコンラズベリーパイ 背景 今年の冬は寒い。 最近新宿のボロアパート（立地だけで選んだ）に引っ越して以来、断熱性のカケラもないくそ寒い家に帰るのが嫌でしょうがなかった。 幸いにして（？）エアコンはあるので、家に入ってから暖房をつけるのだが、暖まるまではそこそこ時間がかかり、その間はコートも脱がず凍えるしかない。 そこで、かねてから欲しいと思っていたインターネット経由でエアコンをon, offできる装置を作ることにした。 電子工作は全くの初心者なので、使うのはとっかかりの簡単そうなRaspberry Piにした。 また、一人の家に帰る寂しさを紛らわせるために、最近エンジニアに人気のチャットツールslack

株式会社クリアコードさんにご協力いただき「リーダブルコードワークショップ」が行われました。 ピクシブ株式会社からは7名、永和システムマネジメントさんからは1名が参加した合同ワークショップです。 このワークショップを通して、 通常のレビューでは良くない部分ばかり見てるけど、良い部分も共有しよう。 コミットメールを受信して、push式でコードを読む習慣をつけよう。 といった、チームにとって読みやすいコードを書くための方法を実践形式で学びました。 その詳細についてご紹介します。 ワークショップ開催までの経緯 SEゼミにてクリアコード須藤さんから弊社リードエンジニアedvakfにワークショップについてのお話をいただき、人数や構成などが対象として適しているチームが弊社にあったため話が進んでいきました。 そのチーム(BOOTH&pixivFACTORYチーム)では 開発メンバーの入れ替わりによってベテ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

myModule.directive('myDirective', function($parse){ return { link : function($scope, $element, $attr) { //自分のカスタムディレクティブから値を取るだけ var ngModel = $parse.attr('myDirective'); } }; }); class myDirective implements ng.IDirective { public constructor($parse : ng.IParseService){ } public link(scope: ng.IScope, element: ng.IAugmentedJQuery, attrs : ng.IAttributes){ var ngModel = $parse.attr('myDirective');

「特別警報」は、「東日本大震災」や「伊勢湾台風」といった、誰もが一度は聞いたことがあるような大災害が起こるおそれがあるときに、住民の皆さんに最大限の警戒を呼びかけるものです。特別警報が発表された場合は、お住まいの地域ではこれまで経験したことのないような非常に危険な状況にありますので、ただちにお住まいの市町村の避難情報に従うなど、適切な行動をとってください。 ただし、特別警報が発表されない場合でも災害が発生するおそれがあるので、警報や注意報、その他防災気象情報等の把握に努めてください。 1「警報」とは何が違うの？ 重大な災害の起こるおそれが著しく高まっている場合に発表 「特別警報」は、「警報」の発表基準をはるかに超える現象が予想され、重大な災害の起こるおそれが著しく高まっている場合に発表し、対象地域の住民の方々に対して最大級の警戒を呼びかけるものです。また、お住まいの市町村から住民の方々へ確

干渉されたくない理由で、なぜ自分がこんな人間になったか考えたところ、以下の原因があると気づきました。 ・頑固（我が強い） ・気にしすぎ（自意識過剰、かっこつけ） では、それぞれについて説明していきます。 頑固（我が強い）なのは生まれつきもうこれは生まれ持ったものなので、直せないと思って諦めています。 なので、「この人は頑固そうだな」と思ったら、（彼氏、彼女で恋人関係であっても）干渉しないのがオススメですw それによって、嫌われることはなくなりますから。 他人は他人。私以外は私じゃないあなたにも変えられない性格があるはずです。 それが相手にとっては「頑固」なのです。 ですから、そこは諦めてしまいましょう。 相手の反応を気にしすぎているあと、干渉を嫌う根源には「自意識過剰、気にしすぎ」というものもあります。 干渉を嫌う人のだいたいは、どんな相手でも距離とりたい人間で、相手からの接触を恐れます。

お金を借りました（事業用の資金調達） 事業のお話。 もう少しちゃんと言うと事業計画書を作り、市と地元の金融機関に申請をして融資を受け取りました。いわゆる「制度融資」ってやつです。 自分自身融資なんて一度もしたことなく数ヶ月前は何も分からない人間だったので軽く補足すると、制度融資というのは事業を初めて間もないような人たち（例えば開業して5年以内、の事業者とか）が無担保、低金利で借りられるような融資です。返済の据置期間（その間は金利分だけ払えば良い）が1年程あるのが多いのも特徴ですかね。 ちなみに「制度融資」というのは大きなククリ？の呼び方みたいなもので、実際には各市町村が提供している「◎◎創業資金（◎◎に市町村名とか）」のようなものが正式名称になってきます。 これまでやってきた仕事をしていく分には全く不要だったんですが、新しいこと（事業）始める上で必要になってきたので資金調達したという感じで

先日、過去に転職エージェントで働いていたことがあるという人と会う機会があり、人材紹介サービス全般について色々と教えてもらった。この手の情報はネットで調べるとたくさん出てはくるのだけど、やはり直接経験のある人から話を聞くと裏話的なものも含めて色々と面白い話が聞ける。このブログを読んでいる人の中にも、転職を検討中だという人がいるかもしれない。そこで今回は、先日聞いた話とそれを補足するために調べた情報を元に、転職エージェント（人材紹介サービス）について少しまとめてみたいと思う。転職エージェントの利用を検討している方は、ぜひ参考にしてみてほしい。 転職エージェントとは何か そもそも、転職エージェント（人材紹介サービス）とは何なのだろうか。転職希望者の視点から一言で説明するならば、「その人のキャリアプラン・職歴等をヒアリングし、希望に沿う転職先を紹介してくれるサービス」だと言える。単なる転職サイトの

エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。

僕も７月の終わりから、「顧問エンジニア」のロールのあり方を模索しています。で、こちら。 iritec.jp これはいわば、「Developer as a Service」というモデル。御社のために出張料理人を派遣しますので、うまいこと使って下さいと。それだけITの裾野が広がり個人でもITシステムを作れる環境が整ってきた、ということでしょう。この流れは鈍化する理由がないので、似たようなサービスが増えていくと思います。 ただ、僕の考える「顧問エンジニア」とはちょっと違います。僕が考える顧問エンジニアは、開発をしないことを前提としています。なーに言ってんだとお思いでしょうが、先日書いた「要件定義+PaaSの活用」で作らない開発を目指し、顧問エンジニアの主な仕事はIT戦略立案から自動生成ツールへの落とし込みです。ノンプログラミングで作れたら、それに越したことはないのです。 aroundthedis

この記事では、二人のエンジニアが書いたWeb開発者のためのアドバイスを紹介する。一人はおすすめの有用なツールとテクニックについて、もう一人はブラウザ向けに書くときに遭遇する課題への対処についてアドバイスしている。 今年のはじめ、BazaarvoiceのソフトウェアエンジニアであるRebecca Murphey氏は「A Baseline for Front-End [JS] Developers: 2015」というブログ記事を書き、クライアントサイドWeb開発に使えるツールとアプローチをJavaScript開発者にアドバイスした。記事を要約すると、彼女はこう言っている。 ECMAScript 2015を学ぶ。 Understanding ES6、ES6 Rocks、BabelJSがおすすめだ。私たちはこのリストにAxel Rauschmayer氏の新しい本、Exploring ES6を加える

こんにちは！おおはしりきたけです。今回も突撃！隣の開発環境という形でイケてる開発会社さんの開発環境についてインタビューさせてもらいました。第9弾として、nanapiさんに訪問させてもらいました。インタビューに答えていただいたのはCTOの和田さん、CCO/デザイナーの上谷さんです。 突撃！隣の開発環境とは 技術事例やノウハウなどは、ブログや勉強会などで共有されることが多いと思います。しかし、各社の開発環境や開発体制などは意外と共有されていないこと多いと思います。ノウハウの流出になるかもしれませんが、それ以上に、より良い開発を目指している会社さん同士で情報交換を行い、良いチーム、良いプロダクトを作っていくという志の会社さんの為の情報共有のための企画になります。開発環境や開発体制なども技術領域によっても変わってくると思いますが、この突撃！隣のシリーズでは様々な会社さんのイケてるツールの使い方や、

それとも、”私はデザイナーなので、そんなことを知る必要はありません”と言い張るのか 私の職業はデザイナーです。私はエンジニアが好きです。ちょっと度が過ぎるくらい好きかもしれません。以前、Facebookの グループ に参加した時、かなり前からチームのメンバであるiOSのエンジニアと初めて話して、口から泡を吹いたことを思い出します。私はその時、これまでに自分がObjective-Cでコーディングしたものについて、勢い込んで話し始めました。まるで、高校の新入生が、上流階級の生徒に対して、自分が付き合う価値のあるカッコいい人間だと証明しようとしているみたいだと感じました。 デザイナーの多くが、エンジニアとの話し合い方を実はよく分かっていないと思います。もちろん、デザイナーはエンジニアと話しますが、本当の意味で関わろうとしていません。この記事を書いた理由はそこにあります。ソフトウェアエンジニアの懸

ある日、TwitterのTLがある勉強会の内容で埋まった。 自分はその勉強会には出ていなかったのだけれど、隙をみては追っていた。 その中でちらほら「学習コスト」というキーワードが目に入った。 「学習コストが高すぎて導入できない」 その通りなんだろうなと思う。 ただ、なんだろう、違和感を感じた。 その方たちが言ってることに対する違和感じゃなく、自分の中に閉じた違和感のようなもの。 少し考えてみるとすぐに気づいた。 自分は「学習コスト」って言葉に対する現実が薄くなっている。 「なっている」と書いているのは、少し前までは明確に自分がリアルに感じて持っていたもので、よく使っていた言葉でもあったからだ。 どうして僕は「学習コスト」という言葉にリアルを感じなくなってしまっているんだろう。 原因 実は原因は明確だった。 一つしか思いつかない。僕に起こった変化はただ一つ。 転職 だ。 転職前はとあるスター

Viscuitは、コンピュータの本質やプログラミングの楽しさを伝えたくて開発した ――まず始めに、プログラミング言語の「Viscuit」を開発された背景をお聞かせください。 原田　コンピュータが少しずつ一般家庭に普及し、教育現場にまで導入されるようになりましたが、2003年あたりでしょうか、気付いたら子どもに触らせてはいけない悪いモノになっていました。某掲示板で殺人予告があったりして、その影響もあったのだと思います。 でも、悪者扱いする大人が知っているのは、コンピュータではなく、上で動いているアプリです。悪いアプリと良いアプリの違いが分からない大人が、子どもにコンピュータを触らせるなと言うのはよろしくないと感じました。しかも、この風潮は未だ残ったままです。それを変えたいと思ったのが一つです。 青野　（コンピュータの本質が分からず、けしからんと言う大人は）コンピュータをあまり触ってこなかった

常に新しいトレンドが生まれる渋谷の街というのは意外に古く、一本路地に入れば、築数十年以上の古い雑居ビルが所狭しとひしめき合っている。ビットバレーの中心地である渋谷で産声をあげたスタートアップの多くが、会社の成長と共に、恵比寿や代々木など隣接する街に移転してゆく背景には、そんな渋谷ならではのオフィス事情も影響しているようだ。 渋谷にはコワーキング・スペースやミーティング・スペースも少なくないが、収容人数の大きな場所を見つけるのは難しい。少々大きめのイベントを開催するなら、大企業の会議室を拝借することもできるだろうが、その多くは、管理の行き届いた近代的なオフィスビルに入居しているので、外来者の自由な入退館は難しいというデメリットもある。 今月1日、渋谷のファイヤー通りと公園通りの交差点近くにオープンしたイベント＆コミュニティスペース「dots.（ドッツ）」を訪れると、まず驚くのはその広さと見通

「小さなシステム開発会社」≒「ソフトハウス」 世の中には星の数ほどのシステム開発会社がありますが、その大半がシステムインテグレーターもしくはソフトハウスです。 言葉の定義としては システムインテグレーター（System Integrator）・・・ 読んで字のごとく、システムをイングレーション（統合、完成）するという意味から、クライアントから依頼されたシステム開発を請負、完成品を納品するのが主な事業内容です。要件定義や設計・開発だけでなく、システムで利用するパッケージやハードウェアの選定も行います。顧客と直接取引を行うことが多いため、プライムコントラクターや一次請けと呼ばれることもあります。1,000人程度から1万人程度の規模の会社が中心です。 ソフトハウス（Soft House）・・・ 一般的にシステムインテグレーターからシステム開発の一部（主に詳細設計から製造）を請負、システム開

株式会社nanapiの代表古川氏とCTO和田氏に、今後Web業界でどのようなキャリアを構築していけばいいのか、インタビューを実行。そもそも起業時にはどんなキャリアの構想があったのか。起業から振り返りつつ、Web業界の最先端を走り続けているからこそ予測できる将来のキャリア像を一緒に考察します。 ネットすごい！ハマった動機はいたってシンプル ────まずはインターネットへ関心を持ったきっかけからお尋ねしたいと思います。nanapiの起業に至るまでどのようなキャリアを歩まれたのでしょうか。 けんすう　最初ネットに触れたのが和田のバンドのHPを作るところです。その頃からネットはすごいという想いがあったのは覚えています。その後、浪人時代に受験生向けの掲示板サービス「ミルクカフェ」を立ち上げています。当時、効率良く勉強する方法、試験問題の傾向などを知っている方が有利と漠然と考えていたんですが、ネットで

育児休業を取得したイクメンSEのインタビューの2回目は、日本IBM グローバル・ビジネス・サービス 第2インダストリアル・ソリューション 製造ソリューショニング推進 アソシエイト・アーキテクトの関鋭生（せき・えいぶ）さんにご登場いただく。製造業の顧客の業務システムを開発するSEである関さんは、2011年春に第一子の男の子が生まれ、そこから半年は関さんの配偶者が育休を取り、バトンタッチする格好でその後半年を関さんが育休を取った。「家事と育児を分かち合うのは妻との絶対の約束でした」と話す関さんは働きぶりをガラッと変え、育休中も今もその約束を果たしている。 普段のお仕事ぶりを教えてください。 学生時代からコンピュータが好きで日本IBMに新卒入社しました。今年で14年目になります。ずっと製造業のお客様の業務アプリケーションを開発する業務SEをしてきました。 現在は建築系のお客様を担当しています。震

2015年8月10日 Webサイト制作, 便利ツール 以前、すでにWeb制作者として就職している方から「まわりの同僚のように早く作業ができない」「作業の効率のいい進め方がわからない」という悩みを受けたことがあります。作業の効率化について紹介しているWebサイトや書籍も多く見つけられるかと思いますが、実際に手を動かしているところを見るのもひとつの方法です。他の人がどう作業を進めているか、見てみましょう！ ↑私が10年以上利用している会計ソフト！ 人がコーディングしているところを盗み見 「盗み見」なんてあまりいい響きではありませんが、賛否はどうあれ「技術は見て盗め！」という昔からの教育方針も存在します。会社の先輩、学校やコワーキングスペースの凄そうなオーラを醸し出している人の作業を見てみるといいかも。もちろん、絶対に作業の邪魔はしないようにしましょう！ 「技術を見て盗む」メリット 作業の新しい

エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。

便利な新機能が数多く搭載された「Windows 10」ですが、インターネットに出回っている情報を信じるなら、プライバシーと名のつくものすべてを骨抜きにしてしまう機能も盛り込まれているようです。けれど、そうした見方はちょっと大げさすぎます。ここでは、問題とされているWindows 10の設定が実際にはどんなものなのか、1つずつ検証するとともに、本当にプライバシーの侵害につながるものを洗い出していきましょう。 Windows 10は、これまでのバージョンと比べて「おうちに電話する」（Phoning Home：ユーザーが望まないのに、端末からサーバーに各種データが送信されること）頻度が高いと言われています。こうした評判はおおむね事実ですが、これらの機能の多くは「Windows 8」の時代からすでに存在していましたし、「Android」や「iOS」、あるいは「Chrome」などの他社製品にも搭載さ

しゅな (id:asimino)さんのエントリ 月100時間の残業で心身が衰弱して人生を見つめなおした話 - あしみの 日記asimino.hatenablog.com が、なんだかとても好評らしいので、自分も触発されて、酷い残業をしていた頃の話を書いてみようと思った。 死にたいくらいに憧れた、花の都大東京。 1997年。自分が就職活動に明け暮れていた頃だ。この年、長くバブル崩壊の余波に苦しめられていた日本経済が、ひょっとしたら持ち直して、就職戦線も例年より厳しいものではなくなるかもしれない、という話が新聞に書いてあった。今にして思えば、どういう根拠だったのか忘れてしまったが、とにかくそんなことが書いてあった。 自分も、「そーなんだー、そりゃ助かるな」的な軽い気持ちで就職活動をしていたのだが、そんな就活生を大事件が襲った。山一證券の破綻である。この事件のせいで、一気にその年の就職活動は厳し

こんにちは、ソウルドアウト株式会社のモッチです。 ランディングページで売上アップ！のつもりが、あれ？思うように売れない……。なんてことはありませんか？ それは、ランディングページの基本中の基本が抜けてしまっているからかもしれません。 ランディングページでありがちなミスは？ たとえば、こんなランディングページになっていませんか？ 企業側の言いたいことを詰め込んでいる 商品・サービスと関係性の薄いメインビジュアルを使用している そもそも何の商品・サービスなのかがわからない 今回は、ランディングページの顔であり、売上改善に大きなインパクトを与える「ファーストビュー」にフォーカスして、改善すべきポイントをご紹介していきます。ぜひ、参考にしてみてください。 売上改善のカギ「ファーストビュー」とは？ ファーストビューとは、Webページにアクセスした際に、スクロールせずに見えるブラウザの画面範囲のこと。

ユーザファーストと聞いて、何を思い浮かべるだろうか？よく、ユーザの声をしっかり聞いていないからユーザファーストではないとか、顧客第一ではない、なんて話を聞くけど、それは全くのナンセンスだ。 ユーザは自分のほしいモノはわかっていないし、無責任まず大前提として、ユーザは自分がほしいものは分かっていない。いくらグループインタビューを重ねても、そこからipodは生まれなかっただろうし、Appleもユーザヒアリングはしないことで有名だ。それから、ユーザに「このボタンの位置についてどう思いますか？」と問われれば、「そうですね、もっと右にあったほうがいいと思います」と、意見を言わないと！いう善意から、責任も伴わない思いつきの意見をどんどんいう。だから、ユーザに「どう思うか」と聞くのは愚の骨頂だ。 長期的視点と短期的視点それから、ユーザファーストという時に、それはユーザにとって短期的にいいものか、長期的に

朝会は毎朝やるミーティングです。一般的には、立ってやるとか、こんな話するとか、スタイルの説明がありますが、それでは私たちの朝会の実態を表している感じがしないんですよね。今日はスタイルだけではわからない、私たちの朝会の実態を説明したいと思います。ちなみに私たちのチームの規模感は 十数年 x 小学校1クラスより少ないくらいのイメージです。チケット数は数万くらい。 朝会の流れ 私たちの朝会では、現在のイテレーションに配置されたチケットを全部さらいます。メンバーが順に話すのではなく、チケットをひとつずつ見ていきます。（その結果、ほとんどのメンバーにパスが回ります。） メンバーの負荷の方に興味があるチームの場合はなにかしら変化の起きる可能性の高い「メンバーが手をつけているチケット」について聞いて回る方が効率もいいかもしれませんね。 私たちは、各メンバーが昨日やったこと／今日やること、ではなく、チーム

ビジネスパーソンがやりがいをもってはたらくためのヒントをお届けするWebメディアです。はたらいていると誰しもが感じる“もやもや”を、少しでも解消して、もっと自分らしく「はたらく」ために。さまざまなコンテンツを通じてサポートしていきます。 詳しく見る 読者登録をすると、最新情報が届きます！ ※はてなのアカウントが必要です。

・トイレが広くて綺麗。手をかざすと勝手に石鹸が出る。掃除しなくていい。 ・一枚扉を隔てた向こうはオフィスじゃない環境でするトイレは快適 ・オフィスにお菓子が売っている。 ・冷蔵庫（綺麗）がある。 ・草花がある ・会社全体で過ごしやすいオフィスを推進している ・机が広い。椅子が新しい。 ・通路がすれ違えるくらい広い ・電話が綺麗。電話線がこんがらない ・怒鳴る人がいない。 ・静か。 ・昼休みに電話番をしなくて済む ・仕事量が適切 ・プライベートな話（主に恋愛系）を根掘り葉掘り聞かれない ・オフィスが臭くない ・会社の近くにおいしいお弁当屋や飲食店がある ・眺望がいい ・座り仕事は体があまり疲れない。帰宅しても体力に余裕 ・空調が適度。寒すぎない暑すぎない ・仕事中に誰かの目線を気にしたり、機嫌を伺ったりしなくて済む ・備品が充実 ・サービス残業がない ・休憩スペースがある ・昼休みになるとチ