ニューヨーク州立大学バッファロー校のビジネススクールで助教授を務め、現在は早稲田大学ビジネススクールで教鞭を採る入山章栄氏。そして、マッキンゼーを経てオックスフォード大学でPh.D.を取得し、立命館大学経営学部の教壇に立つ琴坂将広氏。世界の最前線を知る気鋭の経営学者による対談がスタート。なぜ彼らは経営学に魅了されたのか。第1回では、二人の学びの原点が語られる。全4回。 二人の出会いはスタンフォード大学 琴坂 入山さんと私が初めて実際に会ったのは、たしかスタンフォード大学で行われていたカンファレンスですよね？ 入山 章栄（いりやま・あきえ） 早稲田大学ビジネススクール 准教授 1996年慶應義塾大学経済学部卒業、98年同大学大学院経済学研究科修士課程修了。三菱総合研究所で主に自動車メーカーや国内外政府機関への調査・コンサルティング業務に従事した後、2003年に同社を退社し、米ピッツバーグ大学

ページを表示する時に、スライド、フェード、回転、ぱたりなどのかっこいいアニメーションを加えるjQueryのプラグインを紹介します。 アニメーションは表示する時だけでなく、リンクがクリックされて離れる時にも適用することができます。 Animsition Animsition -GitHub AnimsitionはWordPressのプラグインとしても用意されているので、WPを使っている時はプラグインの方が簡単に利用できると思います。 Page Transition -WP Plugin Directory Animsitionのデモ Animsitionの使い方 Animsitionのデモ デモはChrome, Safari, Firefox, Opera, IEは10+でご覧ください。 demo: fade エフェクトは全部で18種類！ その中からデモで、9種類が楽しめます。 demo:

Webサイトを構築する際、角丸、グラデーション、アニメーション等、従来では画像やプログラミング言語を使わないと不可能だったデザイン表現が、CSS3を使うことで可能となりました。さらに、CSSの拡張言語であるSCSSや、SCSSのフレームワークであるCompassと組み合わせると、CSSによる表現の幅が広がります。今回は、CSSのみでのデザイン表現をテーマとし、SCSSやCompassの便利な機能を活用した幾何学模様の作り方をご紹介します。 別画面でデモを再生する ソースコード(SCSS) なぜSCSSやCompassを使うのか プログラミングを使って図形を描く場合、基本的な四則演算や三角関数といった数学的な処理や、繰り返し文（for文）、条件分岐（if文）等が扱えると便利です。しかし、CSSではcalc()メソッドを使った簡易な計算しかできず、繰り返し文や条件分岐等は実装されておりません。

Webページ上でベクターのアイコンを簡単に表示できる憎いアイツ。そう、アイコンWebフォント。 Retinaディスプレイでも綺麗に表示されるし導入は（そんなに）難しくないし至れりつくせり。 セマンティック？なにそれおいしいの？ そんなわけで今回はよく使っておりますアイコンWebフォントのセットと、ジェネレーターをまとめてみました。 ※紹介しているフォントを使用する際は、ライセンスを必ずご確認ください。 Font Awesome とっても有名なアイコンフォント、Font Awesome。600を超えるアイコンを使用できるのが特徴です。ソーシャル系のアイコンも揃っております。線のRは少し強めの印象。 個人・商用利用なのも嬉しい。 Font Awesome, the iconic font and CSS toolkit Entypo キリッとしたアイコンがエレガントなイメージなのがEntypo

請求書、見積書、納品書など、その違いってご存知ですか？ ●ビジネスに欠かすことのできない書類の一連の流れご紹介。 簡単に以下の流れを把握してください。 1. 見積依頼 顧客が受注者に見積りを依頼する。複数の会社に見積依頼をし、比較することを「相見積り」という。 ▼ 2. 見積書 顧客が依頼した商品・サービスの詳細、単価、数量、合計金額を記した見積書を受注者が発行する。受注者が提出した見積書が顧客の予算や要望にあわない場合、改めて見積依頼を受けることもある。 ▼ 3. 発注書 見積書の内容に同意したら、受注者に発注書を提出する。発注書は注文内容と合計金額の確認、希望納期の提示などの役目がある。また、受注者は発注を承諾する「注文請書」を発行することもある。 ▼ 4. 納品書 商品・サービスを受け渡す準備が整ったら、納品書とともに商品を納品する。返送用の受領書も同封する。 ▼ 5. 受領書 顧客

私たちソニックガーデンの「納品のない受託開発」に取り組むソフトウェア開発のスタイルは、一般的に「アジャイル開発」と呼ばれるものに近いです。 しかし実際のところ、私たちは「アジャイル開発」をしようなんてかけ声をかけたこともないですし、普段から社内で「アジャイル開発」が話題になることもありません。「アジャイル開発」をしようと思ってしている訳ではないにも関わらず、「アジャイル開発」をやっているように見えるというのです。 この記事では、「アジャイル開発」について私たちが考えていること、そして、なぜ多くのアジャイル開発は失敗してしまうのか、うまくいくためにどうすればいいのか考えてみました。 2012-12-28 / Giåm 結果としてのアジャイル開発〜究極のアジャイル 「あなたにとってのアジャイルとは何ですか？」 先日、ある勉強会で質問されました。ちょっと想定外の質問だったので、しばし考えたあと私

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

当サイト提供の、Toodledo 専用 Extention にFirefox版が仲間入りしました。 例によって完全な需要無視での公開となっておりますが、Toodledoをご利用中のFirefox…さらに読む https://blog.toodledotips.jp/wp-content/uploads/2021/11/add_to_toodledo_for_firefox-1.png 675 1200 toodledotipsjp https://blog.toodledotips.jp/wp-content/uploads/2017/02/cropped-icon.png toodledotipsjp2021-11-17 23:13:362021-11-17 23:13:36Firefox版のExtension「Add to Toodledo for Firefox」を公開しました 当サ

画像をデスクトップの広いスペースではそのまま表示し、スマホやタブレットなどの狭いスペースでは指定した箇所を中心にクロップして表示する、レスポンシブ対応の画像をクロップするjQueryのプラグインを紹介します。 FocusPoint -GitHub 左：オリジナルの画像 右上：画像の中央をクロップ、右下：FocusPointで指定した箇所を中心にクロップ FocusPointのデモ FocusPointの使い方 FocusPointのデモ デモでは、画像をさまざまなサイズにクロップし、指定した箇所を中心に表示しています。 高さが狭い横長だけでなく、幅が狭い縦長でもOKです！

CSSはどちらかと言えばやさしく、雑にコードを書いてもなんとかなってしまう言語です。 しかし、雑にコードを書いてしまうと、昨日書いたこのコードなんだっけ？ とか、新しくスタイルを増やすと別のスタイルがおかしくなってしまうことはありませんか？ 大規模なプロジェクト、長期に渡るプロジェクト、複数のメンバーが関わるプロジェクト、そして明日の自分も一年後の自分も使える、メンテナンス性に優れた一覧性のある美しいCSSを書くのに役立つガイドラインを紹介します。 CSS Guidelines 2 CSS WizardryのHigh-level guidelinesの最新版（2014年8月リリース）。 大規模で長期に渡るプロジェクト向けのメンテナンス性に重点をおいたスタイルシートのガイドラインです。スキルの異なる制作者、新規で加わる制作者などでも、統一されたコードでの制作が可能になるのを目的としています。

本稿では、まず「ウェブサービス開発の現場で、ウェブデザイナーの仕事はエンジニアに奪われつつある」という脅威を語る。次に、生存戦略を考えるヒントとして「分かりやすい生存戦略」を2つ提示する。「アートディレクター」と「フルスタックウェブデザイナー」という2つの生存戦略だ。 なお、「仕事を奪われていくプロセス」と「生存戦略を遂行するプロセス」について、5〜10年程度のタイムスパンをイメージしている。 ウェブデザイナーの仕事がエンジニアによって奪われつつある ウェブサービス開発の現場では、ウェブデザイナーの仕事がエンジニア／プログラマーによって少しずつ奪われつつある。とくに小さな組織や新規事業の現場では。 象徴的なのは「Bootstrapがあればデザイナー不要だよね」論。「もはや社員としてデザイナーを雇う必要はなくて、必要な時にランサーズで発注すればいいよね」「スタイルシートいじったり画像パーツ作

「HN Beautify」は見づらいHacker Newsを見やすくしてくれるChrome拡張機能です。Hacker Newsは海外のITエンジニアには有名なサイトで話題性のあるギークな内容が載っています。日本のITエンジニアでもアンテナ感度が高い人は読んでいるのではないでしょうか。そんなHacker Newsですが、残念なくらいに見づらいです。HN Beautifyを入れるとスッキリした綺麗なデザインに変わります。 以下に使ってみた様子を載せておきます。まずHN Beautifyへアクセスしましょう。Google Chromeにインストールしましょう。 Hacker Newsにアクセスするとこのとおり。つめつめの見づらいデザインからすっきりしたデザインに変身。毎日見ている方は必須の拡張機能ですね。他にも無限スクロールしたりPointsでソートできる拡張機能などもあります。Hacker N

新しいスキルを学ぶことは、市場価値と幸福度を高める最良の道のひとつです。とはいえ、それほど簡単ではありません。新しいスキルを効果的に習得するにはどうすればいいでしょうか？　今回は、新しいスキルの学習について、科学的見地から見てみます。 脳は謎に満ちています。今後の何年かで、脳の働きはかなり解明されるでしょう。とはいえ、脳が新しいことをいかに学ぶのかについては、まだわかりはじめたばかりです。 以下、科学的に効果がある学び方を解説する前に、新しいスキルを学ぶときに脳で何が起きているかを見てみることにします。 新しいスキルを学ぶとき、脳はどう変わるのか？ 新しいことを学ぶと、脳は実質的に変化します。そして、学んだスキルが身につくだけでなく、その恩恵は生活全般に及びます。 米ニューヨーカー誌が指摘するとおり、新しいスキルを学ぶと、短期記憶の改善、言語的知能の向上、言語スキルの向上など、さまざまな副

ご無沙汰しております、アシアル笹亀です。 ブログを書くのは、大変久しぶりになります。実はアシアルでは最近、noteもはじめております。アシアルの仕事の取り組み方、考え方、様々なメンバーについて知ることができます！是非、ご興味があるかたはこちらも一読いただけますと嬉しいです。 https://note.asial.co.jp/ 久しぶりにiPhoneアプリをアップデート申請をするときありますよね？ iPhoneのアプリを継続的に保守管理をしていると、申請作業をクライアント様におまかせして、あまりエンジニア自身で長い間、アップデート申請をしてこなかった方々は何気に多いのではないかとおもい（自分もその１人）、ブログにも残しておこうとおもいました。 こまめに改修などを加えており、その度にアップデートの申請をされている場合には、あまり実感はないかもですが、１年振りとかにアップデートの申請をしたりする

画像やSVGは使用せず、CSSで作成されたサークル・アロー・チェック・リストなど、Webページで使うさまざまなアイコンをJavaScriptで変形させるMarkaを紹介します。 変形は下記のように異なる形状へ変えたり、サイズやカラーだけを変更することもできます。もちろん、CSSで実装されたアイコンをそのまま利用するだけでもOKです。 Marka Marka -GitHub Markaのデモ Markaの使い方 Markaのデモ 上記gifアニメーションの実際の動きは、下記ページで楽しめます。 Chrome, Safari, Firefox, Opera, IEは10+でご覧ください。 各アイコンのスタイルシートファイル では、Markaの使い方を。 Step 1: 外部ファイル 当スタイルシートとスクリプトを外部ファイルとして記述します。 <head> ... <link rel="sty

「Toodledoで人生が変わったサラリーマンの、Toodledo運用例・全部入り」へ至った道のり5段階 1．「Toodledoで人生が変わったサラリーマンの、Toodledo運用例・全部入り（2014.2段階）」は、結果にすぎない 半年ほど前に、この記事を書きました。 Toodledoで人生が変わったサラリーマンの、Toodledo運用例・全部入り（2014.2段階） 当時のToodledo運用例を、全部詰め込みました。 この記事に対しては、「参考になった」というコメントをいただいた一方で、「とてもここまではできない。」「自分にはこれを続ける自信はない。」というコメントもいただきました。 ここに書いた運用例は、シンプルです。少なくとも、私はそう思っています。たしかに、記事は長いです。でも、ここに書いてあるのは、要するに、Toodledoを締切りと案件を管理するタスクリストとして使っている

例外メッセージ スクリプトが割り当てまたは制限に達すると、次のようなメッセージとともに例外がスローされます。 Limit exceeded: Email Attachments Per Message.。スクリプトが上記の割り当てまたは制限のいずれかを超えたことを示します。 Service invoked too many times: Calendar.: スクリプトが 1 日に所定のサービスを何度も呼び出したことを示します。 Service invoked too many times in a short time: Calendar. Try Utilities.sleep(1000) between calls.: スクリプトが特定のサービスを短期間に何度も呼び出したことを示します。 Service using too much computer time for one day

quoitworksのムラマツこと、muuuuu.orgの中の人、ムーちゃんです。こんにちは。お盆休みまでもう少しですね！みなさま仕事の進捗はいかがでしょうか。 webのデザインの現場でよくオーダーとしてあるのが、「紙っぽいデザイン」です。 webのデザインはコーディング時のことを考えすぎてしまったり、ユーザビリティや、web独自の視線の流れを意識しすぎてしまうあまりにダイナミックさに欠けたりすることが多いような気がします。 またお客さんとしても生まれてからwebを見ている時間よりも、紙のデザインを見ることが多いので、イメージとして紙（ポスター、雑誌）のような完成図をイメージされることが多いのではないのでしょうか。（特集ページや、LPや、メインビジュアルなどです。検索画面とかは違いますよ！） それで今回はＬＰやアバウトページ、特集ページでよくある「紙っぽく」オーダーをスマートに解決するため