[{"data":1,"prerenderedAt":310},["ShallowReactive",2],{"$ft6jtkd6xhw3c":3,"$f2ctfpyhfcvabe":263},{"featured":4,"latest":129,"categories":227},[5,14,27,37,48,56,66,76,86,96,106,114,122],{"slug":6,"title":7,"date":8,"excerpt":9,"image":10,"categories":11},"custom-database-tables","Custom DataBase Tables","2015-11-24T02:29:34","You can create the new own table freely in the your WordPress database via this plugin. Then, you can make the management of table or (as view or entry or edit) data in a simple user interface.\\nAlso,","\u002Fassets\u002Fuploads\u002F2016\u002F02\u002Fcdbt-overview.png",[12],{"slug":13,"name":7},"cdbt",{"slug":15,"title":16,"date":17,"excerpt":18,"image":19,"categories":20},"10_php_tips_for_developers","PHP開発者が心得ておくべき10の鉄則","2016-01-11T18:38:09","PHPだけに限った話ではないが、プログラミングを行うに当たって、心得て、準備しておくと失敗が劇的に減る事柄をまとめてある良い記事を見つけたので、私なりの解釈で意訳しつつ、経験則を踏まえてあらためてまとめてみた。 オリジナ…","\u002Fassets\u002Fuploads\u002F2016\u002F01\u002Feyecatch-php-10-tips.jpg",[21,24],{"slug":22,"name":23},"column","コラム",{"slug":25,"name":26},"development","開発関連",{"slug":28,"title":29,"date":30,"excerpt":31,"image":32,"categories":33},"jquery-timeline-v1","2種類の横型タイムラインを簡単に作成できる「jQuery.Timeline」をリリース","2017-05-29T14:55:46","現在開発しているサービスで利用するべく、横型タイムラインを生成できるjQueryプラグインを自作したので、そこだけ単独でリリースしてみた。 ソースコード等はGitHubの方にリリースしてあるので、興味のある方は、そち…","\u002Fassets\u002Fuploads\u002F2017\u002F05\u002Fjquery_timeline_image.png",[34],{"slug":35,"name":36},"jqtl","jQuery.Timeline",{"slug":38,"title":39,"date":40,"excerpt":41,"image":42,"categories":43},"optimize-browser-cache-of-static-resources","更新されたJS、CSS、画像のみブラウザキャッシュを破棄して読み込ませる","2018-01-31T15:47:47","WEBサービスの保守や開発をやっていると、JavaScriptやスタイルシート、画像などの静的リソースを更新した際、しばしば「確認したけど、更新されてないよ」とか云われて、「ブラウザのキャッシュを消してからもう一度見て…",null,[44,47],{"slug":45,"name":46},"codes","コード集",{"slug":25,"name":26},{"slug":49,"title":50,"date":51,"excerpt":52,"image":53,"categories":54},"jquery-timeline","jQuery.Timeline version2 – full documentation","2019-03-04T20:40:48","Plugin Overview The jQuery.Timeline plugin provides you two types of the horizontal timeline. You can create a…","\u002Fassets\u002Fuploads\u002F2019\u002F03\u002Fjquery.timeline_v2.jpg",[55],{"slug":35,"name":36},{"slug":57,"title":58,"date":59,"excerpt":60,"image":61,"categories":62},"released-the-sloth","Released the Sloth of mobile-first CSS micro framework!","2019-04-16T18:04:25","I released the “Sloth” that is mobile-first CSS micro framework. I have long used frontend framewo…","\u002Fassets\u002Fuploads\u002F2019\u002F04\u002Fsloth_doc_head.png",[63],{"slug":64,"name":65},"sloth","Sloth",{"slug":67,"title":68,"date":69,"excerpt":70,"image":71,"categories":72},"challenge-to-conceal-the-wordpress-site","WordPressサイトを徹底的に秘匿化する","2020-02-02T23:59:58","私は自分の個人サイトをはじめ、仕事でもWordPressサイトを運用している。WordPressは気軽にサイトを立ち上げられてカスタマイズも簡単な、素晴らしいオープンソースなのだが、世界中で使われまくっているその知名度…","\u002Fassets\u002Fuploads\u002F2020\u002F02\u002Fshutterstock_1878005929.jpg",[73],{"slug":74,"name":75},"wordpress","WordPress関連",{"slug":77,"title":78,"date":79,"excerpt":80,"image":81,"categories":82},"what-is-forkor","Made a shortened URL app called Forkor","2020-07-07T22:27:01","What’s Forkor? Forkor is a service that provides a shortened URL feature that allows you to redirect any…","\u002Fassets\u002Fuploads\u002F2020\u002F07\u002Fforkor.png",[83],{"slug":84,"name":85},"forkor","Forkor",{"slug":87,"title":88,"date":89,"excerpt":90,"image":91,"categories":92},"manual-about-svg-japan","インタラクティブな日本地図を生成するJSプラグイン「SVG Japan」","2020-11-16T21:19:58","各都道府県をそれぞれ選択・クリック可能なインタラクティブな日本地図を生成するネイティブJavaScript建てのプラグイン「SVG Japan」を作ったので、その紹介と使い方をまとめておく。ちなみにソースコードはgit…","\u002Fassets\u002Fuploads\u002F2020\u002F11\u002Fsvg-japan.png",[93],{"slug":94,"name":95},"svg-japan","SVG Japan",{"slug":97,"title":98,"date":99,"excerpt":100,"image":101,"categories":102},"wp-ignitor-plugin-to-conceal-wordpress-site","WordPressサイトを秘匿化するプラグイン「WP Ignitor」","2021-01-19T15:28:21","以前「WordPressサイトを徹底的に秘匿化する」という記事で、WordPress建てのサイトを秘匿化する方法を取り上げたのだが、あれをサイト構築時に毎度実施するとなるととても労力が必要であった。そこで、もっとお手軽…","\u002Fassets\u002Fuploads\u002F2021\u002F01\u002Fbanner-1554x500-1.png",[103],{"slug":104,"name":105},"wp-ignitor","WPイグナイタ",{"slug":107,"title":108,"date":109,"excerpt":110,"image":111,"categories":112},"tastewp","無料でWordPressサイトを複数作成できるWEBサービス「TasteWP」","2021-03-25T20:21:59","私が日本語翻訳に協力しているWEBサービス「TasteWP」について紹介しようと思う。 https:\u002F\u002Ftastewp.com このサービス、サインアップすることなく無料で自分用のWordPressサイトを作れるとい…","\u002Fassets\u002Fuploads\u002F2021\u002F03\u002FTasteWP_screenshot.png",[113],{"slug":74,"name":75},{"slug":115,"title":116,"date":117,"excerpt":118,"image":119,"categories":120},"monster-hunter-rise-skill-simulator","モンハンライズのスキルシミュレータを作ってみた！","2021-06-28T20:24:52","コラムで連載していたNintendo Switch版『モンスターハンターライズ』のスキルシミュレータ開発がやっと一段落して一通り完了した。いやぁ、記事書きながら同時並行で開発すると思っていた以上に時間がかかるもんだなぁ…","\u002Fassets\u002Fuploads\u002F2021\u002F06\u002Fmhrss_v100.png",[121],{"slug":25,"name":26},{"slug":123,"title":124,"date":125,"excerpt":126,"image":42,"categories":127},"comparison-of-javascript-date-libraries","JavaScriptの日時ライブラリを比較してみた","2021-07-28T22:39:19","ネイティブJavaScriptで日時を取り扱う場合、ビルトインされているDateオブジェクトを使うことになるのだが、このDateオブジェクトは取り扱いにクセが多く、直感的に日時を操作できない点でも有名である。そこで、専…",[128],{"slug":25,"name":26},[130,141,153,165,175,184,192,195,198,206,213,220],{"slug":131,"title":132,"date":133,"excerpt":134,"image":135,"categories":136},"pulllog_launched","ガチャ履歴を記録・分析できるWebサービス「PullLog」","2025-08-22T13:05:30","このたび、新しい個人開発サービスとして 「PullLog（プルログ）」 をリリースした。 URLはこちら https:\u002F\u002Fpulllog.net PullLogとは？ PullLogは、ソーシャルゲームのガチャ履歴を記録…","\u002Fassets\u002Fuploads\u002F2025\u002F08\u002Fpulllog_stats_jp.png",[137,140],{"slug":138,"name":139},"industries","プロダクト",{"slug":25,"name":26},{"slug":142,"title":143,"date":144,"excerpt":145,"image":146,"categories":147},"mockapi-php-openapi-schema-generation","モックAPIのレスポンスから OpenAPI 3.0 スキーマを自動生成するPHPツール","2025-04-17T09:31:52","私自身がそうなのですが、OpenAPI仕様書を毎回手作業で書いていて「面倒だな」と思ったことはありませんか？ そんな（私と）あなたにぴったりのツールがあります。 レスポンスの例さえ用意すれば、OpenAPI 3.0 スキ…","\u002Fassets\u002Fuploads\u002F2025\u002F04\u002Fswaggerui-preview.png",[148,151,152],{"slug":149,"name":150},"mockapi-php","MockAPI-PHP",{"slug":138,"name":139},{"slug":25,"name":26},{"slug":154,"title":155,"date":156,"excerpt":157,"image":158,"categories":159},"ambient_playlist_customize","Ambientでメメントモリのラメントプレイヤーを作る","2023-11-30T17:32:39","「Ambient」の最新バージョン 1.2.0で実装した「疑似フェーダー」機能を使って、ソーシャルゲーム「メメントモリ」のYouTube公式チャンネルで公開されているMVを集約したラメント専用プレイヤーを作ってみた。 ラ…","\u002Fassets\u002Fuploads\u002F2023\u002F11\u002Fambient_mememori_1.png",[160,163,164],{"slug":161,"name":162},"ambient","Ambient",{"slug":138,"name":139},{"slug":25,"name":26},{"slug":166,"title":167,"date":168,"excerpt":169,"image":170,"categories":171},"released_ambient_demo_version","Ambientメディアプレイヤーのクラウド版デモを公開","2023-11-22T13:47:36","つい先日「Ambient」の最新バージョン 1.1.0をリリースして、それに合わせてクラウド版デモサイトも公開してみた。 なお、クラウド版デモでローカルのホストコンピュータのメディアを再生するには、そのメディアファイルも…","\u002Fassets\u002Fuploads\u002F2023\u002F10\u002FAmbientMediaPlayer-typologo.png",[172,173,174],{"slug":161,"name":162},{"slug":138,"name":139},{"slug":25,"name":26},{"slug":176,"title":177,"date":178,"excerpt":179,"image":170,"categories":180},"ambient-media-player","YouTubeと自分のPC内メディアを同時に再生できるメディアプレイヤーを作ってみた","2023-10-20T00:00:25","私はよくPCで何か作業をするときには音楽を垂れ流していることが多い。 そういう時にかける曲は、手持ちのアルバムCD等からPCに取り込んだ音源だったり、さらにはYouTubeの動画だったりとメディアや再生環境がバラバラだ。…",[181,182,183],{"slug":161,"name":162},{"slug":138,"name":139},{"slug":25,"name":26},{"slug":185,"title":186,"date":187,"excerpt":188,"image":189,"categories":190},"what-is-the-sunorhc","Sunorhc is a date-time library for JavaScript","2021-08-25T22:55:55","Sunorhc is a lightweight library for handling dates and times for JavaScript. The library wraps a native JavaS…","\u002Fassets\u002Fuploads\u002F2021\u002F08\u002Fshutterstock_1091212919_resized.jpg",[191],{"slug":25,"name":26},{"slug":123,"title":124,"date":125,"excerpt":126,"image":42,"categories":193},[194],{"slug":25,"name":26},{"slug":115,"title":116,"date":117,"excerpt":118,"image":119,"categories":196},[197],{"slug":25,"name":26},{"slug":199,"title":200,"date":201,"excerpt":202,"image":203,"categories":204},"mhrise-skill-simulator-creation-chapter-12","モンスターハンターライズのスキルシミュレータを作ってみる！ 第12回","2021-06-21T13:11:46","今回は「マイセット登録」と護石データの「エクスポート／インポート」機能の追加をしていく。折り良く（悪く？）「FF7リメイク・インターグレード」や「FORTNITEシーズン7」が出たこともあって、そっちをプレイしてたらこ…","\u002Fassets\u002Fuploads\u002F2021\u002F04\u002Fb6ca09e9a7f6faf27641f62dabe64c6ff97b4f326aa478379e3c112aa28eb9ab.jpg",[205],{"slug":22,"name":23},{"slug":207,"title":208,"date":209,"excerpt":210,"image":203,"categories":211},"mhrise-skill-simulator-creation-chapter-11","モンスターハンターライズのスキルシミュレータを作ってみる！ 第11回","2021-06-07T14:52:31","さて、今回はユーザー個別データの管理部分を開発していく予定だが、まずその前にやっておくことがある。 新スキル「風雷合一」に対応する Ver.3.0の大型無料アップデートで追加された新スキルに「風雷合一」というのがある…",[212],{"slug":22,"name":23},{"slug":214,"title":215,"date":216,"excerpt":217,"image":203,"categories":218},"mhrise-skill-simulator-creation-chapter-10","モンスターハンターライズのスキルシミュレータを作ってみる！ 第10回","2021-06-02T00:29:10","今回は、護石管理画面の作成だ。この護石管理では、ユーザーごとに護石の登録を行う機能と、登録した護石を削除する機能を持つ仕様になる。この画面から登録した護石データはデータベースに格納するので、フロントエンド側からのリクエス…",[219],{"slug":22,"name":23},{"slug":221,"title":222,"date":223,"excerpt":224,"image":203,"categories":225},"mhrise-skill-simulator-creation-chapter-9","モンスターハンターライズのスキルシミュレータを作ってみる！ 第9回","2021-05-22T23:56:27","さて、今回はVuexによるデータ・キャッシュの実装だ。一度データベースから読み込んだデータをフロントエンド側で再利用可能なストアに格納することで、データベースへの接続回数を減らしてシステム負荷を下げるとともに、UX的な…",[226],{"slug":22,"name":23},[228,230,232,236,238,239,240,241,242,244,247,248,250,252,254,258,261],{"slug":161,"name":162,"count":229},3,{"slug":13,"name":7,"count":231},7,{"slug":233,"name":234,"count":235},"csnp","Custom Sticky Notes",2,{"slug":84,"name":85,"count":237},1,{"slug":35,"name":36,"count":229},{"slug":149,"name":150,"count":237},{"slug":64,"name":65,"count":237},{"slug":94,"name":95,"count":237},{"slug":74,"name":75,"count":243},37,{"slug":245,"name":246,"count":237},"wpqt","WP Qiita",{"slug":104,"name":105,"count":237},{"slug":22,"name":23,"count":249},29,{"slug":45,"name":46,"count":251},16,{"slug":138,"name":139,"count":253},5,{"slug":255,"name":256,"count":257},"lifelog","ライフログ",64,{"slug":259,"name":260,"count":235},"uncategorized","未分類",{"slug":25,"name":26,"count":262},45,{"type":264,"post":265},"post",{"slug":266,"title":267,"date":268,"excerpt":269,"image":270,"categories":271,"modified":268,"html":273,"tags":274,"related":281,"prev":294,"next":302},"very-cool-phrase-ict-glossary","まるで必殺技名のようなICT用語集","2017-08-28T20:34:42","この業界に長く関わっていると、毎年のように新たな言葉が生まれて、注目され、それが一般化していく流れをよく目の当たりにする。そんな中、（新しい用語に限った話ではないのだが）たまに聞いたことがない用語を耳にすると、それを知…","\u002Fassets\u002Fuploads\u002F2017\u002F08\u002Fict_words.png",[272],{"slug":22,"name":23},"\u003Cp>　この業界に長く関わっていると、毎年のように新たな言葉が生まれて、注目され、それが一般化していく流れをよく目の当たりにする。そんな中、（新しい用語に限った話ではないのだが）たまに聞いたことがない用語を耳にすると、それを知らない自分に恥ずかしさを覚えて、その場は「あぁ、それねー」とか言ってごまかしつつ、その後、人知れず「教えてGoogle先生っ！」って検索エンジンに向かう──という経験って、誰しも一回はあるのではないだろうか。\u003Cbr \u002F>\n　そうやって新しく覚えた言葉は、積極的に会話に取り入れていきたくなるのも人のエゴだ。で、それを聞いた人がまたググって…という、このバイラル的なループが、ICT（Information and Communication Technology）用語を加速度的に拡散させていくのだろう。\u003Cbr \u002F>\n　ただ、同じ会社内でまだあまり知られていないICT用語を発信したりすると、それを知らない人たちから「先進的な専門知識を持っている人（＝アーリーアダプター）」としてちょっとしたリスペクトを受けられる。だが、その一時の優越感に浸って気をよくしていると、噂を聞いた上司なんかに「君はトレンドに詳しいみたいだから、ちょっと相談に乗ってほしい案件があるんだ…」とか、藪から大きな蛇を呼び出すことにもなるので注意が必要だ。\u003Cbr \u002F>\n　さらに、同じICT業界内でも、特定のエンジニア間でしか通用しないような用語を、専門ジャンルが異なる人との会話で使ってしまうと、「それ誰の必殺技だよ？」とか言われかねない。\u003C\u002Fp>\n\u003Cp>　そんな、知らない人が聞いたら、いや、知っている人が聞いても、\u003Cstrong>まるで必殺技の名前のような”素敵な”ICT関連用語\u003C\u002Fstrong>を集めて、その用語の正しい意味とともに紹介していこうと思った次第。\u003C\u002Fp>\n\u003Cp>（順不同）\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>ストアドプロシージャ\u003C\u002Fstrong> – \u003Cem>stored procedure\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　データベースエンジニアにはお馴染みの用語。よく略して「ストプロ」と呼ばれる。語尾の「シージャ」の響きが聞き慣れないフレーズで美しいので、一度聞くとかなりのインパクトで記憶に残る。必殺技名としては、攻撃系よりもバフ系っぽい雰囲気があるかと。\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　データベースの一連のクエリ処理をまとめたものに名前をつけて、関数のように再利用可能としたもの。定義されたストアドプロシージャはデータベース内に永続的に保存されて、外部のアプリケーションや言語に依存せずに、いつでも利用できる。\u003Cbr \u002F>\n　一回の呼び出しで、複数のクエリ処理を実行でき、引数の受け渡しも可能のため、ケースによっては外部アプリケーション側にロジックを持たなくてもデータベース内で処理を完結できるようになる。\u003Cbr \u002F>\n　また、手続き後に戻り値がないもののみを「ストアドプロシージャ」と云う。戻り値があるものは「ストアドファンクション」と呼ばれる。\u003Cbr \u002F>\n　例えば、特定のテーブルのデータを更新したら、その更新データと別のテーブルのデータ値とを演算加工してその結果を集計用のテーブルに保存する──といったビジネスロジックが必要な場合、これを外部アプリケーション側から制御しようとすると、UPDATEクエリとSELECTクエリとINSERTクエリを順次発行する必要がある。しかし、UPDATE後のSELECT＋値の加工＋INSERTの手続きをストアドプロシージャとして保存しておき、UPDATEトリガーにそのストアドプロシージャの呼び出しを指定しておくと、外部アプリケーション側ではUPDATEを実行するだけで期待する処理がすべて行われるようになるのだ。\u003Cbr \u002F>\n　ストアドプロシージャによるメリットは、クエリコストの削減によるアプリケーション側とデータベース側との実際のI\u002FOを減らせることだ。これによって、アプリケーション全体としてのパフォーマンス向上につなげられる。また、ビジネスロジック変更時のロジック修正をストアドプロシージャ内の手続き変更のみで済ますことができるというデータモデル保守性の向上にも寄与するかもしれない（逆にアプリケーションエンジニアにストプロのコーディング知識がないと保守の難易度が上がるので、一概にメリットとは言えないケースもある）。\u003Cbr \u002F>\n　一方でデメリットもあり、ストアドプロシージャのコードは利用するデータベース（RDBMS）に大きく依存してしまうため、異なるデータベース間でのコードの再利用性が低いことなどがあげられる。\u003Cbr \u002F>\n　\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>ガベージコレクション\u003C\u002Fstrong> – \u003Cem>garbage collection\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　システムバックエンド側のプログラマーにはお馴染みの用語。一方で、デザイナーやフロントエンドエンジニアで知っている人は少ないのではないだろうか。字面や語感が格好いいので、ついつい使いたくなる言葉でもある。必殺技としては、探索補助系とかバフ系っぽい名前でもある。\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　プログラムの処理中に不要になったメモリを自動的に開放する仕組みのことで、直訳すると「ガベージ（＝ゴミ）コレクション（＝収集）」となる。\u003Cbr \u002F>\n　およそプログラム言語において実行される処理は、実行する時に必要なデータをメモリという領域に格納して処理を行う。そして、プログラム側で指示がない限り、処理が終わった後も不要になったデータはメモリに残ったままである。このまま他の処理が続々と実行されると、いつしかデータを入れるメモリが足りなくなって、処理ができなくなるいわゆる「メモリリーク」が起きてしまう。それを防ぐため、ある処理が終了した時点で、不要になったと判断されるメモリを自動で掃除（解放）していく機能が、この「ガベージコレクション」である。\u003Cbr \u002F>\n　PHPやRuby、JAVAといった言語にはこのガベージコレクションが実装されているので、開発時にメモリの残容量等を厳密に考慮しなくても、プログラム言語側でよしなにメモリ管理をしてくれるのだ。逆に、C++やDelphi、Objective-Cなどは実装方法が異なるので、注意が必要だ。\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>プログレッシブエンハンスメント\u003C\u002Fstrong> – \u003Cem>Progressive Enhancement\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　フロントエンドエンジニアを救った金言的な概念である。かつて「Web2.0」などに端を発してWEBコンテンツが爆発的に溢れた際、世のすべてのフロントエンドエンジニアには途方もない「クロスブラウザ」の壁が立ちふさがっていた。その頃のインターネットの世界では、フィーチャーフォンからスマートフォンへのデバイスシフトや、自動アップデート型のChromeの登場による、IEやFirefoxなどのパッケージ型レガシーブラウザからのブラウザシェアの急速な変遷といった大きなパラダイムシフトが起きていた。そんな過渡期にあっても、WEBのフロントエンドには新旧すべてのデバイス、ブラウザでのコンテンツ配信性能が求められていたのだ。\u003Cbr \u002F>\n　そして、それに応えるべく編み出されたのが「レスポンシブデザイン」である。\u003Cbr \u002F>\n　しかし、レスポンシブデザインをもってしても、すべてのレガシーデバイスをカバーし切れなかった。制作サイトの対応ブラウザ条件にIEのバージョンまで明記していなかったがために、「IE6でデザインが崩れるんだけど…」とかクライアントから電話が来たりして、（最新バージョンがIE9の当時）「IE9で見てくれよ！」と本心で思いつつも、IE6用のCSSハックを追加する──というような作業を延々と繰り返していたものだ。\u003Cbr \u002F>\n　そんな苦境に立たされていた世のフロントエンドエンジニアを「クロスブラウジングの悪夢」から救ったのが、まさに必殺技「プログレッシブ・エンハンスメント」である。\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　HTML5の基礎理念でもある「セマンティックさ（文書としての「意味」を重要視する考え方で、見栄えではなく、題名は見出しタグへ、記事本文は段落タグへといった、正しく意味付けされたマークアップを行うべきという表現手法）」を土台にして、どのユーザーにも同じ意味のコンテンツが提供されるが、見栄えとしてのコンテンツ表現はユーザーの閲覧環境により差異が生じることを是とする考え方。\u003Cbr \u002F>\n　モダンなブラウザを使用しているユーザーにはよりリッチな表現でコンテンツが表示され、レガシーなブラウザ環境のユーザーにはコンテンツの表現力は低下しているものの最低限の意味は伝わる。このように、ユーザーの閲覧環境の差による見栄えの差はあれど、両者が受け取るコンテンツの意味が同一であることこそが重要である、という解釈だ。\u003Cbr \u002F>\n　このプログレッシブエンハンスメントの概念は、文章の「セマンティックさ」を担保することで、リッチな見栄えの適応範囲を最大限絞り込み、制作側のマークアップコストを最適化するのに大いに役立った（はずだと思う）。\u003Cbr \u002F>\n　例えば、見積もり時に「今回制作するサイトの対象ブラウザは「プログレッシブエンハンスメント」に準じてローンチ時の最新ブラウザで考えています」とコミットしておけば、とりあえずレガシーブラウザへの対応に苦慮することからは解放された。\u003Cbr \u002F>\n　まぁ、当時は「プログレッシブエンハンスメント」を正確に理解しているクライアント自体が少なかったので、その後デザイン納品時のクライアントチェックになって、やれあのブラウザで表示が違うだの色々とリテイクを求められることも多かったのが実情なのだが…。\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>ディレクトリトラバーサル\u003C\u002Fstrong> – \u003Cem>directory traversal\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　ネットワーク脆弱性の用語の一つ。脆弱性関連の用語は、実際の攻撃手段の名前ということもあって、まさに必殺技的な名前の宝庫である。これに関して言えば、「トラバーサル」のフレーズが小気味良い。\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　ネットワーク上のファイルの保存場所（＝ディレクトリ）を遡（さかのぼ）るように横断（＝トラバーサル）することで、本来提供者側がアクセスを想定していないファイルへアクセスして、システムへの攻撃を行う攻撃手段。\u003Cbr \u002F>\n　主に親ディレクトリへの遡上を伴うことから、ネットワークシステムでディレクトリを遡上するためのパス指定方法である「..\u002F」より「ドットドットスラッシュ攻撃」とか、「ディレクトリクライミング」などの別名で呼ばれることもある。\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>コンテンツインベントリ\u003C\u002Fstrong> – \u003Cem>contents inventory\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　デザイナーやディレクターといったフロントエンドの設計に携わる人にはお馴染みの用語で、文字通りコンテンツの目録（＝インベントリ）のこと。元々ICT業界では「インベントリ」と云うと、資産管理分野でのPCなどの機器情報の一覧を指していたようだ。\u003Cbr \u002F>\n　必殺技としてはバフやデバフ系のイメージ。インベントリという語呂感が妙に艶っぽくて印象に残る。\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　WEBサイトの情報設計（IA：インフォメーション・アーキテクト）に関わる用語。\u003Cbr \u002F>\n　主に制作するWEBサイトにおける全コンテンツの一覧をまとめたドキュメントのこと。全体の制作ボリュームを把握したり、必要となる機能要件を洗い出すためのひな形になったり、コンテンツのカテゴライズやサイトマップ作成のベースとなったり、と用途は多い。\u003Cbr \u002F>\n　特にコレといった定型的な書式が存在するわけでもなく、作成するWEBデザイナーやディレクターによって表現手法は千差万別である。一般的に、サイトマップやコンテンツリストと同義的にとらえられることも多く、それらのモダンな呼び名として認識している人もいる。\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>スキャフォールディング\u003C\u002Fstrong> – \u003Cem>scaffolding\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　単に「scaffold（＝スキャフォールド）」とも呼ばれ、MVCフレームワークを利用してプログラミングしているエンジニアにはお馴染みな用語だ。アプリケーションの大枠を作る際にしか使われないコマンドの一種でもあるので、大規模な開発等に参加しているエンジニアには、実際に使用する機会が得られないケースも多いかもしれない。\u003Cbr \u002F>\n　必殺技の名前としては、探索補助系とかバフ系のイメージか。\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　MVCフレームワーク等にて、データモデルの型をベースにして、いわゆるCRUD（クラッド：追加＝Create／読込＝Read／変更＝Update／削除＝Delete）を行うための画面やコードを自動生成する機能のことを指す。\u003Cbr \u002F>\n　Scaffoldの単語自体が「足場」という意味なので、アプリケーションの「足場作り」という処理や機能でも利用される言葉だ。\u003Cbr \u002F>\n　注意しないといけないのが、このスキャフォールディングで作られるのはあくまで「足場」であって、最終的なアプリケーションのビューやコントローラーとしては未熟であるということだ。スキャフォールディングで生成されたコードがいかにクールだったとしても、それをそのままローンチするアプリケーションに転用するのは避けた方が良い。\u003Cbr \u002F>\n　ちなみに、（私の知見がある範囲内では）Ruby on Railsのスキャフォールディングが素晴らしく、プロジェクト作成後にモデルを指定しながらscaffoldを実行することで、DBマイグレーション用のファイルとモデル、コントローラー、ルーティング、ビューまで、およそ必要となるアプリケーション関連ファイルをすべて一括で自動生成してくれる。Railsはアプリケーションの生産性に優れる、とよく云われるが、この強力なスキャフォールディングこそ、その所以の最もたるところなのではないかと思う。\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>スパイラルアプローチ\u003C\u002Fstrong> – \u003Cem>spiral approach\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　別に「スパイラルモデル」とも呼ばれる。モダンなプロジェクト・マネージャを自認するのであれば、覚えておかなければならない開発手法だ（実際にマネージメントできるかどうかはさておきだが…）。\u003Cbr \u002F>\n　必殺技としては攻撃系っぽいが、アプローチ部のフレーズがやや語彙的に力強さに欠けるのでバフやデバフ系もありか。\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　ユーザからのフィードバックや要望に対して具体的な対応をしながら、設計とプロトタイピングを繰り返しつつ、徐々に完成に近づけていくシステム開発の手法である。小規模なものは「アジャイル」開発とも呼ばれ、大規模なものが「スパイラルモデル」や「エクストリーム・プログラミング」などと呼ばれる。\u003Cbr \u002F>\n　従来の「ウォーターフォールモデル」の「最初にガッチリ仕様を定め、既定の工程を順序良く辿って行く」という開発手法では、開発途中における変更要望に柔軟に対応することは難しく、実際のユーザからのフィードバックも開発が完了してからでないと受けられないため、シーズとニーズの乖離によるリスクヘッジができなかった。そのアンチテーゼとして考え出された反復型開発モデルの一つが、スパイラルアプローチである。\u003Cbr \u002F>\n　スパイラルアプローチでは、作業工程を可能な限り分割して、分割したシステム単位でプロトタイプを作成し、ユーザからのフィードバックを元にシステム補正を行う。これによって、システムを成長させながら反復型開発を続け、らせん状（＝スパイラル）に巻き昇るような形で完成させるという流れになる。\u003Cbr \u002F>\n　スパイラルアプローチなどの反復型開発モデルは、パッケージではないSaaS（サース：Software as a Service）型のアプリケーション・ソフトウェアの開発に向いていて、ユーザのフィードバックからの柔軟かつ速やかな要求反映や機能改善が可能な点で、大きなアドバンテージがある。一方で、反復型開発モデルではリファクタリングやリバースエンジニアリングのスキルが重要になってくることもあって、エンジニアリング条件が高度になるとともに、適確なリソース管理や課題管理を継続的に行っていく必要もある。また常に成長し続けるシステムに追従するドキュメンテーションにも難があり、保守・開発が属人化し易いというデメリットもみられる。\u003Cbr \u002F>\n　このモデルをマネージメントして成功に導くためには、従来の「ウォーターフォールモデル」でのマネージャとしての知見よりも、実際の開発現場で得た、実処理をグループ化してプロトタイプモデルとして小分けできる感性や、ユーザからのフィードバックから現実的なシステム補正要件に落とし込んでスケジュール化できる柔軟性の方が強く求められるのではないかと思う。\u003Cbr \u002F>\n　世のクライアントや非エンジニア畑出身の上司などは、このモデルが「要件が柔軟に変えられる」ものだという一側面のみにフォーカスして、開発途中での無茶な変更要望もお構いなしに投げてくるケースが多い。これらの無理難題を上手く捌（さば）きつつ、品質をキープしながら上向きなスパイラルを形成していける──そんな凄腕のマネージャさんに一度はお目にかかってみたいものだ。　\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>スキューモーフィズム\u003C\u002Fstrong> – \u003Cem>Skeuomorphism\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　WEBのデザイン関連用語。あまり会話レベルで登場する言葉ではないが、WEBデザイナーでこの言葉を知らないと、かなり恥ずかしい思いをするので、基礎知識として覚えておく必要がある。\u003Cbr \u002F>\n　言葉の意味的には錬金術系統、フレーズからは幻惑関連のデバフ系の必殺技っぽいイメージがある。\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　デザインにおける表現手法の一つで、実際にある物質に似せた形状のデザインや装飾を施すことで、ユーザーに馴染みのないモノを、馴染みあるモノのように思わせて利用を促進する手法だ。\u003Cbr \u002F>\n　WEBにおいてこれと対極に位置するのが「フラットデザイン」であり、こちらの知名度はかなり高い。\u003Cbr \u002F>\n　WEBデザインの潮流では、一昔前（2000年後半～2012年頃）に流行っていた表現手法で、例えば、ボタンにさも押せそうな立体的な質感を持たせたりしていた。iPhoneのランチャーアイコンなどが有名で、今はフラットなデザインになっているが、昔は凸感のある陰影が追加されていたのが懐かしい。\u003Cbr \u002F>\n　現在のWEB上では、主流のフラットデザインに圧（お）されてなかなか見かけなくなったが、ゲームなどでは多く取り入れられていて、テーマ性を持った世界観を表現するうえでは非常に有効なデザイン手法であるため、今後も廃れることはないだろう。\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>クロスサイトリクエストフォージェリ\u003C\u002Fstrong> – \u003Cem>cross-site request forgeries\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　ネットワーク脆弱性の用語の一つ。脆弱性関連の用語は、実際の攻撃手段の名前ということもあって、まさに必殺技的な名前の宝庫である。\u003Cbr \u002F>\n　クロスサイト系の脆弱性攻撃手段には、有名な「クロスサイトスクリプティング」や「クロスサイトトレーシング」「クロスゾーンスクリプティング」などがあるが、このクロスサイトリクエストフォージェリがフレーズ的に一番格好いいと思う。\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　別名CSRF（シーサーフ）攻撃とも呼ばれ、WEBアプリケーションが意図していない外部サイトからのリクエストを受け付けてしまう脆弱性を衝いた攻撃手段だ。\u003Cbr \u002F>\n　例えば、ログインが必要なWEBアプリケーションにて、ログイン後の任意の処理で、その処理リクエストが許可された場所からのものかどうかを確認していないような場合に、攻撃者が外部にその処理リクエストを発行するWEBページ等を設置して、対象とするWEBアプリケーションにログイン可能なユーザーをその攻撃用のWEBページに誘導するように仕向ける。もし攻撃を受けるユーザーが該当のWEBアプリケーションからログアウトしないまま、攻撃用WEBページにアクセスしてしまうと、意図しない処理が実行されてしまうことになる。\u003Cbr \u002F>\n　過去には、偽装された攻撃用URLにアクセスしたら、とある掲示板に自分のアカウント名で誰かの殺害予告が投稿されてしまい、誤認逮捕されたケースなどかなり怖い事例がある。\u003Cbr \u002F>\n　アプリケーション提供側は、利用者が常に善なるもの、提供側の意に沿ったアクションをしてくれるものと考えて、しばしばログインなどの認証を経た後のリクエストは安全なものであると信じ込んでしまいがちだ。そのため、これらの脆弱性に気づかずに攻撃者に利用されることになるのである。\u003Cbr \u002F>\n　また、この脆弱性への対策にリクエストメソッドにGETを許可しないようにすればいいと誤った認識を持っているエンジニアもいる。だが、この攻撃を防ぐためには、その施策は的外れで、正解としてはリクエストを受け取った都度、リクエストの出どころの正当性を検証する（リクエスト毎に発行されるトークンを認証したり、リファラーを確認する等）必要がある。\u003Cbr \u002F>\n　\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>プロビジョニング\u003C\u002Fstrong> – \u003Cem>Provisioning\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　ネットワーク・サーバ運用に関わるエンジニアにとってはお馴染みの用語。元々は「この後起こる事象に備えて準備をしておく」という意味で、ICT業界では主にネットワーク・サーバ運用の分野でよく使われるようになった。\u003Cbr \u002F>\n　必殺技の名前としては、言葉の意味や語感からもバフ系だろう。\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　ネットワークやコンピューター（≒サーバ）といった設備を、必要に応じて速やかに提供できるように予測し、準備しておくこと。もしくは、それら準備されたリソースを実際に提供すること。\u003Cbr \u002F>\n　プロビジョニング関連の用語には対象とするリソースやケース等で「サービス・プロビジョニング」や「シン・プロビジョニング」などいくつかあるが、私が関わったことがあるMSP分野でよく利用される「サーバ・プロビジョニング」がメジャーではないだろうか。\u003Cbr \u002F>\n　サーバ・プロビジョニングの実例としては、プロビジョニング要求に応じて、提供すべき仮想サーバ（＝インスタンス）を選定し、OSやミドルウェアといった各種アプリケーションをデプロイし、システムやネットワークの設定（IPアドレスの付与、DNSの設定、ポートフォワーディング等）を行い、WAFやL\u002FBの下へサーバ・インスタンスを配置して、サービスを提供可能にするところまでの一連の作業があげられる。これら一連の作業を自動化するために、事前にDockerコンテナやChef、Ansibleといった技術を使って準備を行うこともまた「プロビジョニング」の一環であり、プロビジョニングの語彙が示す作業範囲は非常に広い。\u003Cbr \u002F>\n　クラウド技術の汎用化に伴って、仮想化された大量のサーバをリモートで一元的に制御できるようになっている昨今は、エンドユーザやクライアントからのいついかなる要求にも応えられるようにこの「プロビジョニング」が非常に重要になって来ていると云えよう。\u003Cbr \u002F>\n　\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>ディスクストライピング\u003C\u002Fstrong> – \u003Cem>disk striping\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　単に「ストライピング」とも呼ばれ、ネットワーク・サーバ運用のエンジニアで知らない人はいないだろう。いわゆるディスクアレイ（＝ハードディスク）の「RAID（レイド）0」のこと。\u003Cbr \u002F>\n　その名の通り「分断」系の攻撃技の名前以外は考えられない。\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　1つのデータを2つに分割（＝ストライピング）してハードディスクに書き込むこと。複数のディスクにデータを分散して格納するディスクアレイ（＝ハードディスク）の仕組み「RAID（レイド：Redundant Array of Independent Disk）」のデータ分散機構の一種で、単純なデータ分割のみを行うレベル0の「RAID 0」の仕様である。\u003Cbr \u002F>\n　保存すべきデータが分割されて複数のディスクに同時に書き込まれるため、データサイズが小さくなり、書き込みや読み込み時のI\u002FO（＝ハードディスクへのアクセス時間）が減って、高速なデータ操作が可能になるメリットがある。しかしながら、分散されたどちらかのデータが破損すると、1つのデータとしては再現できなくなるデメリットもある。\u003Cbr \u002F>\n　例えば、ひらがなの「あ」は2進数では「11000001000010」となり、これを保存時に「1100000」と「1000010」に分割して複数のディスクに保存したと（便宜上）仮定すると、もし片方のデータが破損してしまうと、ひらがなの「あ」というデータを再現することができなくなるということだ。\u003Cbr \u002F>\n　保存するデータの性質にもよるが、一般的には、データのミラーリング（＝二重化）ができる「RAID 1」や、エラー訂正コード（パリティコード）によるデータ復旧が可能な「RAID 3」以上のアーキテクチャを選定することが望まれる。\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>トランザクション\u003C\u002Fstrong> – \u003Cem>transaction\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　データベース・エンジニアおよびプログラマーにとってはお馴染みの用語。データベースを取り扱う際は、このトランザクションを知らずに取り扱ってはいけない。特に決済などお金に絡むような仕組みを開発する時には、きちんとトランザクションを理解したエンジニアに任せないと、後々とんでもない目に遭ったりする。\u003Cbr \u002F>\n　必殺技としては、「分割できない」という語意から転じて、対象者の行動を制限するようなデバフ系がしっくりくる。\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　言葉の本来の意味は「取引」とか「処理」であり、トランザクション自体に特別な意味が付与されるのはデータベース管理分野においてだけである。その特別な意味も、Wikiとかを引いてみると「分けることのできない一連の情報処理の単位」などと書いてあっていまいちピンとこない。\u003Cbr \u002F>\n　私なりに意訳すると「トランザクションとは、データベースの処理において“分割してはならず”、“失敗時には実行されない”、単一もしくは複数のSQLクエリの塊」と云える。\u003Cbr \u002F>\n　つまり、トランザクションとして定義されたSQLクエリの塊は、それぞれの単一のSQLクエリとして分割してはならず、塊内のすべてのSQLクエリが成功した場合のみ、データベースに永続的に保存されるものなのである。\u003Cbr \u002F>\n　例えば、ECサイトでの商品購入を（便宜上の）トランザクション処理とした場合、ステップ1：購入された商品の在庫をマイナスして、ステップ2：購入者のお財布から購入金額をマイナスして、ステップ3：ショップ側の売り上げをその分プラスして、ステップ4：購入者のステータスを購入完了にして、ようやく決済完了の後続処理につながるとする（クレジットカード決済の場合、ステップ2が外部APIとの連携になってしまうので、この一連の流れを１トランザクションとして処理化できない。便宜上としたのは、ECサイト内に顧客がお財布口座を持っているという仮想の仕組みになる）。\u003Cbr \u002F>\n　もしトランザクション処理内のそれぞれのステップが分割処理可能としてしまうと、ステップ3でもしトラブルが発生してその後の処理が継続できなくなった場合への対処を別途考えてロジック化しておく必要があるだろう。最悪、再決済を行った購入者に二重課金が発生してしまう等のリスクもありえる。\u003Cbr \u002F>\n　トランザクション処理では、全てのステップが正常に処理されない限り、各ステップの処理結果はデータベースに保存されない。一つでもステップが失敗した場合はトランザクション処理はロールバックされて、トランザクション開始前の状態に戻ることになる。つまり、購入者は何も購入しなかったことになり、在庫も減っていない状態で再度商品購入を行うことができるのだ。\u003Cbr \u002F>\n　このトランザクションの性質は、ACID（アシッド：Atomic＝原始性／Consistent＝一貫性／Isolation＝独立性／Durable＝永続性）特性と呼ばれ、課金決済など世の中の多くのシステムで利用されている。\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>マイグレーション\u003C\u002Fstrong> – \u003Cem>migration\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　データベースエンジニア、プログラマー、情報システム担当エンジニアなどに馴染み深い用語かもしれない。「何を」マイグレーションするかによって呼び名が変わるので、マイグレーションという言葉だけでは広義の「移行」という意味でしかない。\u003Cbr \u002F>\n　必殺技名としてはちょっとインパクトが弱いが、系統としてはバフ系か。\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　単語の意味は「移動・移住」であり、「OSマイグレーション」「レガシーマイグレーション」「データベースマイグレーション」等、システムやプラットフォーム、データベースといったIT資産の移行のことを指す用語だ。\u003Cbr \u002F>\n　WindowsやCentOSなどOSのメジャーバージョンを最新版へ移行することを「OS（Windows）マイグレーション」と云い、レガシーなプラットフォーム上のシステムをオープンソース等を利用した最新のプラットフォームへ移植することを「レガシーマイグレーション」、データベースのデータを異なるバージョンのDBや、RDBMSへ移動することを「データベースマイグレーション」と呼ぶ。ちなみに、Ruby on Railsでデータベースを新たに作成する際も「DBマイグレーション」と呼ぶが、これにはちょっと違和感を覚える。\u003Cbr \u002F>\n　「レガシーマイグレーション」の規模になると、相当の人員と工期がかかる大手術になることが多く、あまり関わる機会は少ないのではないだろうか。\u003Cbr \u002F>\n　逆に「OS（Windows）マイグレーション」あたりは個人のPCで行うこともしばしばあり、PCを自作している人などにとってはお手のモノかもしれない（毎度、面倒ではあるのだが…）。\u003Cbr \u002F>\n　「データベースマイグレーション」は新規開発以外のシステム開発ではよく「データ移行」とか云われて、開発タスク化されることが多い。オープンなDBマイグレーションツールもいくつか公開されているので、認知度が高いマイグレーションの分野かもしれない。\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>コアコンピタンス\u003C\u002Fstrong> – \u003Cem>core competence\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　ICT業界に限った話ではなく、広く使われるマーケティング用語である。類似語に「コンピテンシー（＝高水準能力）」とかもある。\u003Cbr \u002F>\n　俗に「意識が高い系」の営業担当やマネージャ、経営者などの会話でよく使われていると感じるのは私だけだろうか。お互いに言葉の意味がきちんと理解されて使われているのかどうかが怪しいシーンでよく聞く言葉だ。\u003Cbr \u002F>\n　必殺技の名前としては、バフ系だろう。\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　経営戦略における自社の「強み」を表す用語だ。ICT業界に限らないが、日本人同士の会話の場でこの「コアコンピタンス」を口にするような人とは親しくなれそうな気がしない（私個人的に…）。「わが社の強みは～」って話してくれた方が、信頼感増す気がする（私個人的に…）。\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>ファシリティ\u003C\u002Fstrong> – \u003Cem>facility\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　施設や設備という意味を持つ言葉だが、ICT業界では主にネットワーク・サーバ運用のシーンでよく使われる。よくデータセンターの紹介ページなどに「ファシリティ的に～」とか「堅牢なファシリティを～」とか書いてあるが、ファシリティ自体の語彙がそこまで認知度がないので、サーバ運用とかに疎い顧客にとっては内心「そもそもファシリティって何なんだよ！？」と思っている人もいるのではないだろうか。\u003Cbr \u002F>\n　「器用さ」という意味もあるので、必殺技名とするならバフ系か。\u003Cbr \u002F>\n　\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　ネットワーク・サーバ運用のシーンで頻出するフレーズで、企業内のサーバルームといった施設から、データセンターのような建物、サーバラック等に供給される電源の容量や空調、耐震性といった設備の仕様まで、およそ情報通信機器の運用において物理的なコストがかかるモノについてはすべからくファシリティと称する文化がある。\u003Cbr \u002F>\n　ネットワーク・サーバ運用に関わるエンジニアは、会話の流れや文脈から、ファシリティ（マネージメント）のことなのかファシリティ（コスト）なのか、単に固有名詞としてのファシリティなのかを適確に判断してコミュニケーションを取れるスゴイ人たちなのである。\u003Cbr \u002F>\n　ちなみに、Linuxなどのサーバにおいてファシリティというとログの種類を指すようだが、今までログ関連でファシリティというフレーズを聞いたことがないので、こちらはかなりマイナーな用途なのかもしれない。\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>フィジビリティスタディ\u003C\u002Fstrong> – \u003Cem>feasibility study\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　略して「フィジビリティ」とも云い、「F\u002FS」と表記されることもある。これもICT業界に限らず、広く使われるマーケティング用語である。\u003Cbr \u002F>\n　必殺技名としては、バフ系のイメージ。\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　新規事業やプロジェクトなどが実現可能かどうかを検討するために、事前に行う調査や研究のことを指す用語で、新規事業の企画書などに含まれる市場調査や競合状況、販売計画、採算性などの指標が実際のアウトプットとなる。マーケティングの要素が強く、主に経営判断や投資判断の材料として使われているので、エンジニア側には縁遠い用語かもしれない。\u003Cbr \u002F>\n　プロジェクト・マネージャをやっていると、プロジェクトの初期に予備調査としてシステム開発の実現可否を判断する指標としてのフィジビリティスタディを求められることがある。そういう場合、大抵はRFP（Request For Proposal）的な要求事項と制約事項、利用可能なプラットフォームやソリューション案を提示して、プロジェクト実施判断を仰ぐことになる。\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>ハドゥープ\u003C\u002Fstrong> – \u003Cem>Hadoop\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　ネットワーク・サーバ運用に関わるエンジニアや、ビッグデータを取り扱うエンジニアにはお馴染みの用語。ハドゥープ自体はオープンソースソフトウェアの名前なのだが、大規模データを分散処理するための蓄積・管理の仕組み全体を指す固有名詞的にも使われている。\u003Cbr \u002F>\n　ちなみに、「ハドゥープ」という名称は開発者であるDoug Cutting氏のお子さんの象のぬいぐるみの名前とのこと（素敵なネーミングセンスだ！）。\u003Cbr \u002F>\n　何だかわからないけど強そうな感じのフレーズなので、攻撃系の必殺技でいいかも。\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　ハドゥープの中核は、大規模データ（＝ファイル）を分散して蓄積する仕組みであるHDFS（Hadoop Distributed File System）で、データは複数に分割され、さらに複数の場所に複製が保存される。この時点でデータに対する信頼性が確立するため、各分割先のディスクにおけるRAIDを必要としない。\u003Cbr \u002F>\n　もしも分割保存先のディスクが故障したとしても、それら機器の故障を検知して別の場所に再びデータの複製が行われるため、基本的に故障したディスクの差し替え等を考慮しなくてもよい。さらに、データ保存領域はフレキシブルにスケールアウトできるため、とりあえず大規模データを入れっぱなしにしておいてもハドゥープ側でよしなに管理してくれるという、まさに夢のようなストレージと云える。\u003Cbr \u002F>\n　オープンソースで利用しやすく、元々機器は故障するものとして、そのうえでデータストレージとしての信頼性を追求しているソフトウェアのため、寄せ集めのPCを使ってハドゥープを組むことも可能である。RDBMSのようにスケールアウト時にスキーマの拡張が必要ないのも魅力的で、とりあえずデータノードの領域だけ確保しておけば大規模データを永続的に蓄積しておくことができる。\u003Cbr \u002F>\n　ハドゥープの仕様を紐解けば解くほど、「サーバ運用なんてものは極限まで楽できるんだよ！」という人のエゴが見え隠れしていて、非常に共感を覚えるのは私だけだろうか。\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>グロースハック\u003C\u002Fstrong> – \u003Cem>Growth Hack\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　ICTエンジニアリングにおける新しいマーケティングの概念を示す用語で、このグロースハックな活動を行う人をグロースハッカーと呼ぶ。「ハッカー」と云っても悪いことをする人ではないので注意が必要だ。もともと「ハッカー」とは技術的な探求心が旺盛で、専門的な分野において深い知識を持ち、そしてロジカルで柔軟な思考を持ち合わせた人たちを指す言葉だ。つまりはエンジニアの中においてもニッチな「ハイレベル・エンジニア」のことであり、その能力を悪い事に利用する者は「クラッカー（cracker）」と呼ばれて区別される。\u003Cbr \u002F>\n　一般的に「ハック」の意味が曲解されて浸透してしまった現在では、このフレーズにネガティブな印象を受けやすいが、本来の意味からは回復系やバフ系の必殺技名こそがふさわしい。\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　グロースハックの言葉が使われ始めたのが2014年頃からなので、まだIT業界的にも新しい概念と云える。グロースハック自体は新しいデジタルマーケティングの手法であり、従来のシステム開発とマーケティングが分離・独立したサービス運営構造ではなく、マーケティングとシステム開発を同時並行的に実施しながらサービスを成長させていく新しいサービス運営保守の形である。\u003Cbr \u002F>\n　元々、スタートアップやベンチャー企業が「いかにお金をかけずに」マーケティングを行いつつ、自社サービスを改善していくかという実践的な試行錯誤の結果から生み出されたもののようだ。そのため、グロースハックでは「コストをかけない」という事が重要である。\u003Cbr \u002F>\n　しかしその後、多くの企業がこのマーケティング手法に注目し、ICT業界に広まっていく流れの中で、「コストをかけない」という本来のグロースハックの定義部が薄れ（もしくは欠落し）てしまい、モデル論や方法論が一人歩きしてしまっているのではないか、と私は感じる。\u003Cbr \u002F>\n　根本的にグロースハッカーはエンジニアでなければならず、さらにマーケティングの知識が豊富な優秀なマーケターである必要もある。その彼（彼女）が、日々マーケティングの成果から逆算した起因となる指標を探り出し、その指標を最大化するための裏付けとしてシステムを改修していくことになる。おそらくほとんどの施策は失敗するが、失敗してもあきらめずに新たな指標を探し、ひたすら成果を得るための改善を続けていく──というのが、グロースハッカーの役割だ。\u003Cbr \u002F>\n　世にあふれるMA（マーケティングオートメーション）ツールを利用してポップアップ広告用のJavaScriptを追加するような付け焼刃な手段はグロースハックとは呼べないだろう。\u003C\u002Fp>\n\u003Ch2>アクショナブルメトリクス – Actionable Metrics\u003C\u002Fh2>\n\u003Cp>　グロースハックにおける、マーケティング用語の一つである。アクショナブルメトリクスという言葉よりも、その実体であるマーケティングモデル「AARRR（アー）」の方が有名なので、それなら知っているという人も多いかもしれない。\u003Cbr \u002F>\n　まぁ、「AARRR（アー）」とか「ARRRA（アーラ）」とかだと、まったく必殺技っぽくないので、あえてマイナーなアクショナブルメトリクスを選んだ次第だ。\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　グロースハックにおけるマーケティングモデルを示す用語で、アクショナブルメトリクスは「（ユーザが）行動を起こすことができる指標（＝行動指標）」のことを指す。いわゆる、ページビュー（PV）やユニークユーザ数（UU）といった何かしらの施策を行った後に結果として現れる指標ではなく、その結果を得るための起因となる指標だ。本来この指標はサービスごとに異なるものであり、その指標を探し出すことがグロースハッカーの真の役割でもある。\u003Cbr \u002F>\n　だが、そう簡単にそれらの指標を導き出せないのも事実である。\u003Cbr \u002F>\n　そこで、今までの数々のグロースハックの成果から得られた一定の指標をモデルケースとして体系化したものが、アクショナブルメトリクス「AARRR（アー：Aqcuisition Activation Retention Referal Revenue）」である。これは、一般的なWEBサービスにおけるユーザの行動を分類したモデルで、マーケティングにおいて今、力を注ぐべき段階はどこなのかの一つの目安にすることができる指標だ。\u003Cbr \u002F>\n　AARRRの構成要素を簡単に紹介しておこう。\u003C\u002Fp>\n\u003Cul>\n\u003Cli>アクイジション（Aqcuisition）：新規ユーザ獲得期における指標（ユーザ数などの量的なもの）\u003C\u002Fli>\n\u003Cli>アクティベーション（Activation）：ユーザ活性化における指標（サインアップ率など質的なもの）\u003C\u002Fli>\n\u003Cli>リテンション（Retention）：継続ユーザの行動における指標（再訪問者数など質・量とも）\u003C\u002Fli>\n\u003Cli>リファラル（Referal）：紹介による拡散指標（ツイートやシェア数など質・量とも）\u003C\u002Fli>\n\u003Cli>レベニュー（Revenue）：収益による指標（サービスの売上など量的なもの）\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>　サービス黎明期であれば、アクイジションやアクティベーションの成果の最大化を図るべく、それらに関連する部分のシステム最適化、UX改善や分析強化といった施策を“考えてみるべき”というモデルだ。なぜ、施策“すべき”ではなく“考えてみるべき”なのかと云うと、サービスの独自性やその時の状態によって施策するべき箇所は異なるからだ。このモデルが示す指標をまさに道標（みちしるべ）として、その時の状況を勘案しながら、力を入れるべきマーケティングポイントを見つけ出すことこそが、リアルなグロースハックであり、グロースハッカーのやるべきことだ。\u003C\u002Fp>\n\u003Ch2>\u003Cstrong>アンビエントファインダビリティ\u003C\u002Fstrong> – \u003Cem>Ambient Findablity\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp>　IoT（Internet of Things）における新たなるユーザー体験として定義されたアンビエントユーザーエクスペリエンス（Ambient UX）に関連する用語。\u003Cbr \u002F>\n　概念に対してようやく技術が追いついて来たような形で、昨年頃から注目を浴びるようになった言葉だ。なので、知らない人が多いかもしれない。\u003Cbr \u002F>\n　必殺技の名前として考えると、バフ系がしっくりくる。\u003Cbr \u002F>\n　\u003C\u002Fp>\n\u003Ch4>\u003Cstrong>解説\u003C\u002Fstrong>\u003C\u002Fh4>\n\u003Cp>　アンビエントユーザーエクスペリエンスの概念は、古くは2006年頃からあるらしく、今後のIoTやA.I.といった最新技術が汎用化されていくICT社会を形作る「アンビエント社会」におけるユーザ体験を表す言葉だ。概念としては昔からどこにでもあるありふれたもので、スーパーで買い物している時に見かける商品陳列情報のサインや、待合室で流れるBGM、電車の中で流れているテロップニュースなどがよく例示されている。あまりピンと来ないが、つまりはそれがアンビエントというものらしい。\u003Cbr \u002F>\n　アンビエント社会でのサービスは、WEBの検索エンジンのようにユーザ側からのアクションを契機にしないのが特徴で、サービス側からユーザに対してアクションを持ちかけ提供する形になる。例えば、ユーザの「今の」情報をIoTのセンサーなどで取得し、A.I.がそのユーザにとって必要なサービスを推論して、提供を持ちかける──といった感じだ。まさに、近未来的な社会だが、現在のICTを見る限りそう遠い未来図ではないように思える。\u003Cbr \u002F>\n　そんなアンビエントユーザーエクスペリエンスの中における、アンビエントな（＝周囲を取り巻く環境に溶け込んだような）ファインダビリティ（＝検索性、探しやすさ）は、従来のユーザ主体型のユビキタスなファインダビリティとは異なる検索性能の指標となるものである。\u003C\u002Fp>\n\u003Cdiv class=\"clearfix\" style=\"margin-bottom: 3em\">\u003C\u002Fdiv>\n\u003Cp>　いやはや、長くなったが、今回はここまで。\u003Cbr \u002F>\n　また、素敵なICT用語を見つけたら追加していこうと思う。\u003C\u002Fp>\n",[275,278],{"slug":276,"name":277},"ict","ICT",{"slug":279,"name":280},"%e7%94%a8%e8%aa%9e","用語",[282,285,288,291],{"slug":199,"title":200,"date":201,"excerpt":202,"image":203,"categories":283},[284],{"slug":22,"name":23},{"slug":207,"title":208,"date":209,"excerpt":210,"image":203,"categories":286},[287],{"slug":22,"name":23},{"slug":214,"title":215,"date":216,"excerpt":217,"image":203,"categories":289},[290],{"slug":22,"name":23},{"slug":221,"title":222,"date":223,"excerpt":224,"image":203,"categories":292},[293],{"slug":22,"name":23},{"slug":295,"title":296,"date":297,"excerpt":298,"image":42,"categories":299},"wordpress-emergency-tool","WordPressの管理画面にログインできなくなった時の緊急対処ツール","2017-06-17T00:13:27","WordPressのテーマとプラグインを開発していて、ログイン周りなどをカスタマイズしている時、ブラウザのセッションが切れて管理画面に入れなくなってしまう事などがまれにある。 私の例だと、WordPressの会員制サ…",[300,301],{"slug":74,"name":75},{"slug":45,"name":46},{"slug":303,"title":304,"date":305,"excerpt":306,"image":307,"categories":308},"wordcamp-tokyo-2017-review","WordCamp Tokyo 2017 レヴュー","2017-09-17T14:42:40","WordCamp Tokyo 2017 の一日目「セッションデイ」に参加したので、感想をレビュー。 Gutenberg が切り開くWordPressの新UX キーワード * WP5.xでの新エディタとして採用される見込…","\u002Fassets\u002Fuploads\u002F2017\u002F09\u002FWordCamp_Tokyo_2017.png",[309],{"slug":74,"name":75},1793391397599]