2017年3月25日、コミュニケーションスペース「amu」にて JST/RISTEX「人と情報のエコシステム」採択プロジェクト「日本的 Wellbeing を促進する情報技術のためのガイドラインの策定と普及」のキックオフ・シンポジウムが開催されました。第1弾では、日本におけるウェルビーイングの状況や事例、海外の動向などについて、キーパーソンが語りました（この記事は「amu」のサイトから転載しました）。 ウェルビーイングと制度設計ドミニク・チェン氏（以下、ドミニク）：では水野祐弁護士に「ウェルビーイングのリーガルデザイン」というお題で発表をお願いしています。彼は、僕と同じクリエイティブ・コモンズというムーブメントの同志で、アートやデザイン、IT産業にも造詣の深い法律家として、僕も尊敬している人です。 今回プロジェクトに入ってもらったのも、人の心をどう扱うかをきちんと法制度のところまでもってい

なぜ、SQLは重たくなるのか？──『SQLパフォーマンス詳解』の翻訳者が教える原因と対策 『SQLパフォーマンス詳解』の翻訳者の松浦隼人さんに、8つの「SQLが重たくなる原因とその対策」を聞きました。システムのボトルネックになるような「問題のあるSQL」を回避するノウハウを学びましょう。 データの操作や定義をする言語「SQL」は、どのような領域を担うエンジニアにとっても必修科目です。しかし、その仕様をきちんと理解し、パフォーマンスに優れたSQLを書ける方はそれほど多くありません。問題のあるSQLを書いてしまい、知らぬ間にそれがシステムのボトルネックになってしまう事態はよく発生します。 では、どうすればそうした事態を回避できるのでしょうか？ そのノウハウを学ぶため、今回は『SQLパフォーマンス詳解』の翻訳者であり、自身もエンジニアでもある松浦隼人（まつうら・はやと／@dblmkt）さんに8つ

「エンジニアはITコンサルタントへの転職で幸せになれるのか？」ー評価・年収・キャリアー徹底解説 3月4日 6:30

webpack（ウェブパック）とはJSファイルをまとめる高機能なモジュールバンドラー。まとめることでウェブページのHTTPリクエストの数を減らしたり、高度なウェブアプリケーションの開発に役立ちます。 連載ではTypeScriptやBabelなどのES2015+の環境構築、ReactなどのJSライブラリの設定方法を網羅。サンプルファイルで詳しく解説します。 webpackの入門記事は他のサイトにもありますが、対象バージョンが古くて使えなかったりします。検索結果の上位の野良記事を参照にしたら古いバージョンの内容ばかり。解説記事通りにやったのにうまく動かない･･･なんて困った方も多いのではないでしょうか。本記事は常に最新版に対応させているので、安心して読み進めてください。 ※本記事では2026年5月現在のwebpack 5（2020年10月リリース）以上で解説しています。 本記事で解説しているこ

はじめに（追記） SynologyのNASによるAmazonプライムフォトへの自動バックアップ機能はなくなりました。今は手動でバックアップする必要がありますので注意ください。 NASの買い換え 今までずっとI-O DATAさんのLANDISKをデータ保存用のNASとして使っていました。ちなみにNAS(Network Attached Storage)というのは、要はネットワークに繋がったハードディスクです。これ豆ね。自分はよくPCにLinuxとか入れてデータごとHDDを吹っ飛ばしたりしていたのと、家に複数PCあるので複数のPCからアクセスできるデータストレージがあると便利なので、家庭内でもNASを好んで使っていました。 今のNASも、少し容量が心配になってきた(2TB）くらいで、特に問題はなく困っていることもなかったのですが、Hi (id:hisway306)さんの以下の記事をみて少し考え

Strategy パターン 一連のアルゴリズムを定義し、それぞれをカプセル化してそれらを交換可能にする。 これによって、アルゴリズムを使用するクライアントとは独立して、アルゴリズムを変更できる パターン適用前 鳥が複数いるとします。飛び方や鳴き方は、すべての鳥で共通ではありませんが、ある鳥同士は共通であったりします。 パターン適用後 コード <?php abstract class Bird { protected $name; protected $fly; protected $sing; public function __construct(){ } public function fly(){ $this->fly->fly(); } public function sing(){ $this->sing->sing(); } public function status(){

【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・

担当サイトが受賞したので、アニメーションの演出に使ったJavaScriptライブラリ、webツールを晒してみる こんにちは、まろCです。 最近、僕が担当した JOYSOUNDのキャンペーンサイトで、いろいろな賞を受賞することができました。 CSSREEL Design Awards Asis CSS WINNER 今回は、このような演出を入れるサイトで僕がいつも使っているJavaScriptライブラリや、webツールを晒したいと思います。 アニメーションの基本的なフロー 基本的に、アニメーションはCSSにtransitionやanimationで記述しています。 javascriptで、ロードやスクロールをトリガーにして、その要素にaddClassやremoveClassしてアニメーションを発動しています。そのほうが軽いからです。 より複雑、かつ連動して動かしたい場合は、ライブラリを使用し

游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事『Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ』を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 font-feature-settin

さくらインターネットのレンタルサーバにはGitが既にインストールされていて、リモートリポジトリを作成することができます。 これを利用して、サイトのファイルのバージョン管理と更新をいっぺんにできないか試してみました。 レンタルサーバがgitをサポートしているかどうかを確認する まずSSHでプロバイダーのレンタルサーバー領域にアクセスし、Gitのバージョンを確認します。 $ ssh <ユーザ名> @<プロバイダーのレンタルサーバのホスト名> →パスワードを入力 % git —version git version 2.7.0と表示されました。 bareリポジトリとbareでないリポジトリ ここで気をつけなければならないことがあります。それはbareリポジトリと、bareでないリポジトリには違いがあるということです。 bareリポジトリ リモートリポジトリとして使用され、ローカルリポジトリからp

運営元のロゴ Copyright © 2007-2026 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。

recruit-lifestyle.co.jp

こんにちは、ほそ道です。 今回からjQueryを操る際には書かせない「jQueryもとい$変数」にディープに迫ります。 対象バージョン：jQuery-2.1.1 目次はこちら 前提の共有 下記の内容はここから先に進む上での前提とします。 当ブログ内での便宜的な呼び方 - jQueryでアクセス出来る変数の事を「jQuery関数」と呼びます - jQuery関数の戻り値を「jQueryインスタンス」と呼びます - jQueryインスタンス[number]でアクセス出来る要素群を「コレクション」と呼びます。 予備知識 - $とjQueryは同じものです - jQueryインスタンスはArrayに見えますが独自のObjectです。 jQuery関数の実行パターン jQuery関数は第一引数の内容によって、その挙動が大きく変わります。 第一引数ベースで挙動を簡単にまとめました。 第二引数はほぼ省略

【News】電子書籍化しました！ Gitbook Read Online Download PDF Download EPUB Download MOBI この記事は、敷居が低いもののなかなか中上級に進めず困っているJavaScript学習者の方を対象としています。よりJavaScriptに対する理解を深める際に気を付けるべき事柄、知っておくべきキーワードの提供をゴールとします。 「クロージャーについてもっと知りたい！」「カリー化なるものがあるのか、知らなかった！」といったきっかけになれば幸いです。 JavaScriptは書ける人が多く、ベストプラクティスが整ってあるものの、逆に間口が広すぎてコピペで済ませてしまったり（場合によってはしょうがないことですが）基礎を学ぶ機会がなくなんとなく現場に出てしまったりすることがありますので、ぜひこの機会にJavaScriptを復習してみてください。

はじめに React（通称 React.js1）を全く知らない、あるいは幾つか記事を見たけどなんなのかピンと来ていない、という人のために書いています。 「jQuery くらいしか知らない」くらいの人に具体的に雰囲気を知ってもらうのが目的であり、すでにやる気がある人向けのチュートリアルではありません。やる気が出れば日本語版ドキュメントを読んで手を動かせばあっという間なので、そこまでの興味が出ることを目標にしています。 以降では ES2015 (ES6) の文法（アロー関数とか）を使っています。この部分が怪しい人は先にアロー関数と const 文だけでも知ってから先に進んでください。 以下の説明中、このアイコンで表すのは（2023 年現在から見た）『昔話』です。新しく自分のコードを書く際には本来知らなくていいことですが、古い記事を見たときに混同しないための参考情報として書いてあります。この記事

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

【News】電子書籍化しました！ Gitbook Read Online Download PDF Download EPUB Download MOBI この記事は、敷居が低いもののなかなか中上級に進めず困っているJavaScript学習者の方を対象としています。よりJavaScriptに対する理解を深める際に気を付けるべき事柄、知っておくべきキーワードの提供をゴールとします。 「クロージャーについてもっと知りたい！」「カリー化なるものがあるのか、知らなかった！」といったきっかけになれば幸いです。 JavaScriptは書ける人が多く、ベストプラクティスが整ってあるものの、逆に間口が広すぎてコピペで済ませてしまったり（場合によってはしょうがないことですが）基礎を学ぶ機会がなくなんとなく現場に出てしまったりすることがありますので、ぜひこの機会にJavaScriptを復習してみてください。

※注意！映画のネタバレしてます！ 世界で最も有名な怪獣の中の怪獣、それがゴジラである。だが、実はゴジラとは非常に多くの問題点を抱えた、映画的には扱いづらい存在でもあることをご存知だろうか。 最も致命的なのは動きが鈍重であるということだ。そしてなぜか年を重ねるごとに巨大化するその体躯が加わることで、都市に突如現れて急襲しようにも、そのデカさ故に人間側が否応なしにその存在に気付いて、問題に対処するための時間を与えてしまう。それに対して、こちらも日本が誇る怪獣の雄、ガメラには飛行能力があるので、突如として大都市に飛来し大暴れするという芸当が可能になる。平成ガメラ3部作が現在まで語り継がれる伝説的な作品になっている要因として、ガメラのその機動力の高さによる貢献は非常に大きい。 ガメラ トリロジー 平成版ガメラ3部作収録 Blu-ray BOX (PS3再生・日本語音声可) (北米版) 出版社/メー