Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

テキストをJavaScriptで省略して語尾に「･･･」を付けたいケースは割とよくある。jQueryプラグインなども存在するがjQueryを読み込んでいるのであれば下記のように5行の記述で長いテキストを「…」で省略することが可能。 半角0.5文字、全角1文字版を追記

ユーザーのためのデザインが重視される現在、Webやスマホにおけるユーザビリティについて、実例を交えながら、超明快にすっきりと分かるオススメの本を紹介します。 今、そしてこれから取り組むWebサイトやスマホアプリのユーザビリティを改善する手立てに。また、自身のキャリアパスを広げることができる何度も読み返したい一冊です。 本書は世界的ベストセラー「Don't Make Me Think」の第3版（2014年刊行）の翻訳版で、米Amazonでは2017年7月現在でもベストセラーの常連です。 著者は、Appleなどを顧客としてきたユーザビリティコンサルタントの第一人者。 デザインに関わる人なら誰でも知っておくべきユーザビリティの基本原則が楽しく学べます。

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

マーケティングにおいてペルソナは非常に重要な位置にあり、ターゲットとするユーザーの指標をチーム内で認識を共有するためにも必要なものになります。 ペルソナは想定されるユーザーの情報をただ箇条書きにすればいいのではなく、理想とするユーザーの人物像を作り上げていくことに意味があり、その人物像がチーム内で１人の人間として認識されるようになれば、それは非常に重要な財産となります。 目次 ペルソナに必要なデータ ペルソナがもたらすもの ペルソナを立てる時に考えること 良質なペルソナを作るには？ ペルソナのサンプル ペルソナに必要なデータ ペルソナは１人の人間ですので、名前はもちろん、年齢、仕事、趣味など人を構成するものを持っていなければなりません。 名前 性別 年齢 性格 居住地 仕事 服装 趣味 家族構成 友人関係 健康状態 一日のスケジュール 人生の目標 普段利用しているサービスや情報と、それに対

こんにちは。エアコンの設定温度はいつも１８度にしている「だんキチ」です。 さて、僕は先日より「クラウドソーシング」にて「ライター」の仕事をしているのですが、今回は「発注側」に回って記事を書いてもらいました。 そう、僕がワードプレスで作り上げた「アフィサイト」へ記事を上げるために発注したのですが…少し後悔しています。 なぜ僕が、クラウドソーシングにて記事を発注したことを後悔しているかというと文章の「質」が著しく悪かったためです。 正直、もう少しまともな記事がわんさか来ると思っていたのですが…残念です。 しかし、それは僕の提示金額が安かった為このような結末になった可能性もありますので、これから発注を考えている人は「提示金額」を少し高めに設定するのも視野にいれたほうがいいかもしれません。 記事発注はランサーズで 僕自身は「クラウドワークス」にて仕事を受注していますが、発注は「ランサーズ」で行いま

この連載では、機械学習にまだなじみがないITマネジャーやエンジニアに向けて、ビジネスへの活用を前提に、機械学習とその応用について説明している。 第1回（機械学習は、なぜ「未知の問い」への答えを出せるのか）では機械学習についての大まかなイメージを、第2回（利用者をイライラさせないレコメンド機能を機械学習で実現する）ではネットショップのレコメンド（推薦）エンジンを例に取って機械学習の仕組みをそれぞれ解説した。前回までで機械学習の大枠はご理解いただいたと思う。 今回は、機械学習を応用する際に知っておくと便利な勘所を紹介したい。前回までと同様、やや専門的な用語が出てくるが、頭の片隅に置いていただければと思う。 高校までに習う数学の考え方と逆 連載第1回で「y＝a＋bx」という簡単な式を紹介したことを思い出してほしい。この式の「xとy」というサンプルデータを教師データとして学習させて、パラメーターで

ユニアデックス システムマネジメントサービス事業本部 NWソリューション統括部 WiFi＆NFV技術部 第ニ課 第1グループ 無線LANインフラをいったん構築すれば、あとは何もしなくていいと思っていないだろうか。残念ながら、その考えは誤りだ。 実際には、無線LAN構築後も状況は刻々と変化する（図3-1）。例えば、APが故障することもあるし、何らかの原因でAPの位置や向きが変わってしまうこともある。また、従来はなかった障害物の出現やフロアレイアウトの変更により、電波が届かないエリアができる可能性もある。接続する端末数が当初の想定よりも大幅に増えたり、新たな電波干渉源が現れたりするかもしれない。

日本の存亡を懸けた政府のIoT戦略。要は「セキュリティ」にあり：ものになるモノ、ならないモノ（72）（1/2 ページ） 連載目次 2015年9月、政府は「サイバーセキュリティ戦略（pdf）」を公表した。企業を脅威から“守る”など、どちらかといえば受け身なイメージが強い「セキュリティ」に対して、「戦略」という言葉が用いられているのが印象的だった。 企業経営者のマインドにおいても、セキュリティは費用対効果の見えにくい「コスト」として位置付けられていることが多い。セキュリティについて、「戦略」という発想を持ち合わせている経営者が果たしてどれだけいるだろうか？ 安倍晋三首相は、この冊子冒頭のあいさつ（サイト上のPDFには未収録）で、「セキュリティ対策を企業価値や国際競争力を高めるための『投資』とする発想の転換が必要だ」と説き、「サイバーセキュリティこそが日本の持続的成長の要になる」と明言している。

皮膚の黒ずんだ箇所の写真をアップロードすると、コンピュータが写真を解析し、「その病変が皮膚がんである確率は〇〇％です」とアドバイスしてくれる――。そんな診断サポートシステムのプロトタイプを開発したのが、画像認識などのAI技術にはまったくの素人だった筑波総合クリニック／筑波大学の皮膚科専門医、石井亜希子氏だ。

売れない商品を売れるようにしたい。ビジネスに携わる人ならば誰しもこのように思っているに違いない。最も大切なのはニーズに合致した商品を、顧客が払ってもよいと思う価格で販売することだろう。これに加えて、売れない商品を売るためのヒントが行動経済学に隠されている。 恐ろしいほど威力のあるアンカリング プロスペクト理論を提唱したダニエル・カーネマンとエイモス・トヴェルスキーがこんな実験をした。 （1）8×7×6×5×4×3×2×1 （2）1×2×3×4×5×6×7×8 カーネマンとトヴェルスキーは、2つの高校生グループに（1）または（2）の問題を提示して5秒以内に回答するよう要請した。計算の正しい答えは（1）も（2）も「40,320」だ。しかし5秒間で正解を回答するのは至難の業だろう。 この結果が実に面白い。まず、（1）の問題を提示されたグループである。彼らの回答の中央値は「2,250」だった。これ

経済学の一分野に行動経済学がある。経済学に心理学の知見を活用した比較的新しい学問ながら、すでに幾人かのノーベル経済学賞受賞者を輩出する注目の分野だ。ここでは行動経済学をアイデア発想の着眼点にするテクニックについて考えたい。 行動経済学の理論をアイデアの根拠にする 従来の経済学ではあたかも「ミスター・スポック」（映画「スタートレック」に登場する宇宙人）のごとく、何ごとも合理的に行動する経済人を念頭に経済モデルを構築してきた。 経済人、別名ホモ・エコノミカスはとにかく経済的合理性を旨とするのが特徴だ。たとえば、ある女性に2人の花婿候補がいた場合、この女性が経済人ならば資産の多い花婿を選ぶだろう。そちらのほうが経済的に得だからだ。 あるいは、夏祭りの余興でじゃんけん大会があったとする。勝ち残ったのは経済人のオジサンと幼稚園の男児である。じゃんけんに勝てば素晴らしい賞品がもらえる。こうしたシチュエ

次から次へと新しい情報が流れ込んでくる昨今、「1年間の出来事を整理して振り返る」といったことは、案外難しいのではないでしょうか？ 2015年のサイバーセキュリティ界隈（かいわい）では、「GHOST」に始まる数々の脆弱（ぜいじゃく）性騒動や、「SuperFish」問題、情報処理推進機構（IPA）の「パスワード－もっと強くキミを守りたい－」キャンペーン、そして日本年金機構への標的型攻撃など、さまざまな出来事がありました。皆さん、覚えていらっしゃいますか？ 「セキュリティクラスタ まとめのまとめ」は、筆者の山本洋介山氏が日々収集しているTwitter上のセキュリティネタを、月ごとにまとめた月刊連載です。サイバーセキュリティ関連の主要トピックを、柔らかく、分かりやすく解説します。 今回は、こちらの連載を1年分セットにして、「セキュリティクラスタ まとめのまとめ 2015年版」としてご提供します。ダ

今日は技術的な話題です。WebサーバーとしてApacheを使っているときに、「.htaccess」ファイルにたくさん処理を書くと重くなるといわれます。具体的に、どれぐらい遅くなるのでしょうか。試してみました。 .htaccessに2200行ほど書くと1リクエストあたり12ミリ秒の遅延になった一般的には、こう言われています。 .htaccessに処理を書くと、httpd.confに書くのに比べて、Apacheの動作は遅くなる 実際に測定してみた結論から言うと、たしかに遅くなるようです。 具体的には、私が行ったテストでは、.htaccessファイルに2200行ほどの設定を書いた場合、同じアクセス制御をhttpd.confに書いた場合と比べて、中央値で1リクエストあたり12ミリ秒ほど遅くなりました。 致命的だとも言えませんが軽視していいとも言えない速度低下ですね。 この時間はムダなので削りたいで

2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今

先日ふと思い立って50歳を前に「転職」を考えてみる・・・？という記事を書きました。 書いたあとで「あぁ、そういえばIT業界でなんだかんだと言いながら２７年ばかり働いてるのか・・・よく生き残ったなぁ」と。 IT業界は昔は（今も言うのだろうか）「35歳定年説」というのがあって、だいたい一線で活躍するのは35歳までで、技術者としてはそこまでで終わりと言われてました。 理由は日進月歩いやドックイヤーと言われる世界。その世界では若いもんには年寄りは勝てないと。それが35歳という年齢。 ちなみにドッグイヤーとは 俗に、IT業界の技術進化の早さを、犬の成長が人と比べて速いことに例えた俗語である。 1990代後半頃から用いられていた。 犬の1年は、人間の7年に相当すると言われている。 という意味。 実際は確かに集中力は衰えてくるが若者に技術的に負けるのではなく、上記に出した記事で書いた「技術者の単価」の話

こんにちは。エンジニアの @localdisk です。今回はリリースを間近に控えた Laravel 5.3 に関する変更点の中から特にアップグレードする際に注意しなければならないところを取り上げていきます。 このエントリの内容は 2016/08/01 時点での内容です。今回説明した内容は変更される可能性があります。 まずはインストール Laravel 5.3 は PHP 5.6.4 以上 ディレクトリ構造の変更 route ファイルの変更 認証用コントローラの変更 App\Providers\BroadcastServiceProvider Laravel と Vue.js Laravel-Elixir が 5 → 6 へ アップグレード時の注意点 MySQL の strict モードのデフォルト値変更 HHVM のサポート廃止 次回は まずはインストール さて、まずは動かしてみましょう。

2020-06-15 Go言語におけるOpenAPIを使ったレスポンス検証 Go言語 OpenAPI Swagger 本記事では、Go言語におけるOpenAPIを使ったレスポンス検証について紹介します。具体的には、kin-openapiパッケージを使ったテスト方法と、OpenAPIの表現力では足りないレスポンス表現についての拡張とそれに対応した検証方法を紹介します。 Go言語におけるOpenAPIを使ったレスポンス検証 2020-06-15 SQL Serverで断続的に発生するクエリタイムアウトの原因を調査した話 SQL Server Database トラブルシューティング チューニング こんにちは。ZOZOテクノロジーズの廣瀬です。 弊社ではサービスの一部にSQL Serverを使用しています。先日、「普段は数10ミリ秒で実行完了するクエリが、たまに5秒間実行され続けて最終的にタイム

言いたいこと Webフロントエンド界隈で「コンポーネント」という言葉が蔓延していて、「再利用可能になるように設計すべきだ」という論調があるが、実際には本当に再利用可能である必要性があるまで、極力考えないほうが良い。YAGNIとも言う。 以下、現時点での考え。 ビューの階層化自体はOK ここはReactの恩恵と言っても良い気がしていて、それまであんまり明言されて来なかった「ビューの階層化」について公式で説明している点がとても良くて、開発者全員がビューはツリーになってるよねというマインドで統一できた功績は大きいと思う。 再利用可能なコンポーネント ビューはツリーでいいんだけど、それをコンポーネントと呼んでいるのでなんとなくDatePickerとかTextEditorみたいな汎用的なものを想像して、「アプリケーションの事情を知っていてはいけない」という気持ちになって疎結合に作りたくなってしまう。

意外と分からずに、「とりあえず」とか「なんとなく」で使っちゃうパターンが多い系案件な気がして書いてみます。 こんな事ありませんか？ DIとDIコンテナの違いを説明出来ない DIとサービスロケータの違いを説明出来ない DIを使ってるつもりが、サービスロケータになっている DI、サービスロケータが、ただの「パターン」の１つであることを理解してない DI(Dependency Injection)を正しく理解する そもそも、Dependeny Injectionを日本語にするとどういう意味になるでしょうか。 多くの人が「依存性の注入」とか応えるのではないでしょうか？ 私もそうでした。きっと何かで読んだのでしょう。 (wikipediaに「依存性の注入」と書いてありますね) 補足 なぜ依存性を注入してあげると良いのか、そのメリット等は後述しますが、 DIというのはただのパターンの１つです。 たまに

うちの奥さんが現在使っているノートPCが、随分前からかなり調子が悪かったのですが、ついに買い換えることを決意したそうです。 パソコンを買い換えるときに、「WindowsにするかMacにするか？」は、多くの人が直面する問題の一つだと思います。 うちの奥さんも、随分前から調子悪かったのに、買い換えなかったのは、その例に漏れずWindowsにするかMacにするか、ものすごく迷っていたからなのだそうです。 だけど、数日前ついに、「Mac」にすることに決めたそうです。そして、「大きい画面でいろいろ作業したい！」とのことで、MacBookではなく、据え置きのiMacにすることになりました。 やっと決めたのか〜！って感じだけど、ここまで悩んだのは、これまでずっとWindowsを使ってきた彼女なりに、いろいろと思うことがあったからなのだとか。 買うことにしたモデルは27インチディスプレイのiMacの最上位

ますます進化するウェブデザインの世界を体感でき、コピー&ペーストで利用することもできる HTML/CSS スニペットをまとめてご紹介します。ただいま流行中のWebトレンドの実装を可能にする最新レイアウトから、どんなプロジェクトにも活用したくなるエフェクトやテクニックなどを中心にまとめています。 「Run Pen」をクリックすることで読み込みが開始されます。右下に表示された「Return」で再読み込みし、左上のHTML/CSS/JSタブを切り替えることで、それぞれのスタイリングを確認できます。実際にカスタマイズしたいときは、右上の「Edit on Codepen」をクリックしましょう。 詳細は以下から。 コピペでOK、最新トレンドを押さえたすごい HTML/CSS スニペット40個まとめ 01. Fixed Images That Fades as You Scroll 画面を２分割し、スク

Facebookが提供しているJavaScriptライブラリ・React.jsは「Yahoo!」「Airbnb」「Reddit」「Netflix」などで採用されています。 日本でも注目され始めているので、React.jsを使ってみたい方は多いのではないでしょうか。 これからReact.jsを学ぶ方の参考になるReact.jsの入門資料（サイト・記事・スライド）を12個ご紹介します。 他のJavaScriptフレームワークからReact.jsに乗り換えようか迷っている方の参考になる資料も紹介しています。 React.jsの学習の参考になるサイト・記事 今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference / HTML5 Expert.jp https://html5experts.j

精神的にまいってしまい、休職をするという理は分かる。 でもそのあと、よく復職できますね？ あなたが休職をすることで、周りの人たちに仕事のしわ寄せがいった。 恨み言を言うような人間はいないが、それはその状況を仕事として受け入れただけであり、あなたの休職を是としたわけではない。 あなたを許している人などいない。 あなたが復職をすることで、必要以上にあなたに気を使わなければならなくなった。 言葉には気を使わなければならないし、重い仕事を振ることは避けなければならない。 あなたは爆弾と同じだ。 あなたが精神的に弱いと主張するならば、あなたの行動は全く理解できない。 あなたは本当に傷つき、休まざるを得なかったのかもしれない。 それでも休んだときに他人に迷惑をかけ、復帰したときにも他人に心労をかけている事実は変わらない。 その自覚があるのなら、なぜ"精神的に弱い"あなたはそんなにも平然と過ごしているの

■連載／ヒット商品開発秘話　寝苦しい夏。ぐっすり眠れず、つい寝不足気味になる。そのため、夏になると体調を崩してしまうという人も多いことだろう。　疲れた体を休めぐっすり眠るため、この数年、高機能のマットレスが注目されている。国内・海外合わせて様々なブランドが脚光を浴びているが、アイリスオーヤマの『エアリーマットレス』もその１つで、人気を集めている。　2012年６月に発売された『エアリーマットレス』は、三次元スプリング構造による高い反発力が特徴。寝返りに必要な動きを助けるとともに、高い反発力により身体の沈み込みを防ぎ、腰や背中に集中する圧力を全身に分散して理想的な寝姿勢を維持する。ホームセンターや... 全文を読む 【開発秘話】累計150万枚以上出荷されている京セラの『セラブリッド フラ… ■連載／ヒット商品開発秘話　調理に不可欠なものの１つが、フライパンである。現在、傷がつきにくく、熱伝導の

指先でつまめるほどの小さな基板にCPU、メモリ、Wi-Fiなどを搭載し、拡張モジュールを組み合わせることでIoT用マシンとしても活用が可能なLinuxコンピューターの「Omega2」がクラウドファンディングサイトのKickstarterで出資を募っています。 Omega2: $5 Linux Computer with Wi-Fi, Made for IoT by Onion — Kickstarter https://www.kickstarter.com/projects/onion/omega2-5-iot-computer-with-wi-fi-powered-by-linux Omega2は筆箱に入る消しゴムぐらいの大きさの基板にクロック周波数580MHzのCPUを搭載したLinuxコンピューターで、メモリ容量64MB・ストレージ容量16MBのベーシックモデルと、メモリ容量128

海外の熱狂的なキーボードマニアの間で考案され、いくつかの自作例もある“タイプライター風キーボード”。 Bluetooth接続の「Qwerkywriter」の登場により身近になってきたタイプライター風キーボードだが、5万9800円という価格柄、気軽に手が出せる製品ではない。 コンパクトなタイプライター風キーボードが恵安から登場 そんな中、国内でAndroidタブレットやフォトフレーム、自作PC用電源などさまざまなデバイスを発売する恵安からも、タイプライター風のキーボードが発表された。見た目もさることながら、目を引くのはその価格だ。実売1万円という価格はQwerkywriterの約6分の1であり、メカニカルキーボードとしても安価な部類になる。