結城浩 / Hiroshi Yuki @hyuki 結城が知っている、数学が得意な人の特徴。 ・ルールを守るのはやぶさかではない。 ・ルールの境界（限界）を理解しようと思う。 ・一度定めたルールを適当な理由で変えると怒る。 ・ルールは便宜上定めたものだとよく理解していて、だからこそ（適切な理由がない限り）厳密に守ろうとする。 2015-03-09 17:54:52 TOKAGE @tokageiro @hyuki なるほど、ルールへの態度というのはわかりやすいですね。数学が好きじゃない人には、「数学はカタイ」とか言われることがありますが、私は数学ってすごーく自由で柔らかいと感じます。ルール次第でどんな世界でもつくれる自由があるからこそ、ルールは慎重に吟味するし、大切にする。 2015-03-09 18:10:16

漫画家のヒロユキ先生が漫画の背景などに3D CGなどを活用できないかと苦しんでる姿を見て、「そういえばこのジャンルってやってる人が少ないのかな？」、「それぞれが独自にやってて交流や情報交換って少ないジャンル？」と思ったのでまとめてみました。尚、3D CGも色々なソフトがあって無料のblenderやメタセコイアから、高額な商用3D CGソフトを使う方まで色々いますが、今回はblender（またはメタセコイア）を使ってる方に絞ってみました

【PR】 こんにちは。ヨッピーです。 みなさん、「イン・ザ・ヒーロー」という映画をご存じでしょうか。 特撮映画などで着ぐるみを着用して演じる役者を「スーツアクター」と言いますが、この映画はそのスーツアクターの夢に焦点を当てた物語です。 主役のベテラン・スーツアクター本城渉（50歳）を演じるのは、「20世紀少年」シリーズ以来、5年ぶりの主演映画となる唐沢寿明さんです。 同作は「夢」というのが大きなキーワードとなっています。本城は”顔出し”で映画出演することを夢見ながらも、福士蒼汰さん演じる新人スーツアクター・一ノ瀬リョウにその座を奪われるなど、何度も辛酸を舐めてきました。そこに、ハリウッド映画のアクション大作からオファーがかかるのであります。本城にとっては、一世一代のチャンス到来。 しかしそれは、命をも落としかねない危険なスタントでした。周囲の制止する声を振り切り、自分の夢のため、誰かのヒー

本テキストは2014年6月〜12月時点の情報をもとに制作しています。「Android」などのソフトウエア名「Google」などのサービス名はGoogle Inc.の米国およびその他の国における商標または登録商標です。 その他の製品名およびサービス名は、各社の商標または登録商標または商品名です。本テキストにおいては™、®、©マークは省略してあります。 本テキストのイラスト等の一部は、Google社が作成、提供しているイラスト類をベースに変更したもので、クリエイティブ・コモンズの表示3.0ライセンスに記載の条件で使用しております。

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; for (var i=0,len=arr.length; i<len; ++i) { var value = arr[i]; if (value > 5) { break; } console.log(value); } [runstant] Array.prototype.some 5 より大きかったら true を返す. するとそれ以降のループが止まるので forEach っぽく書けてかつ break っぽいことができます. var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; arr.some(function(value) { if (value > 5) { return true; } console.log(value); });

2015年3月10日の記事を再編集しています。 みなさん、WordPressはご存知ですか？ WordPressは日本だけでなく世界でも人気の高い無料のホームページ作成アプリケーションです。 今回は、アクセス解析が捗るWordPressプラグインを集めました。プラグインによってそれぞれ機能や特徴が異なりますので、カテゴリに分けてご紹介します。 1.プラグイン単体で動作するプラグイン 2.GoogleAnalytics連携のプラグイン 3.ヒートマッププラグイン プラグイン単体動作 プラグイン単体で動作するプラグインです。 すぐに計測が始めることができるので、外部サービスへの登録などが面倒な方にはおすすめです。 1.WassUp Real Time Analytics https://wordpress.org/plugins/wassup/ WassUp Real Time Analyti

OS X 10.10 YosemiteのSafariで、日本語入力の変換時にフリーズやレイテンシーがちょくちょくあって、困ったなと思っていたのですが、ちょっと設定を変更したら嘘のように快適になったので紹介します。もちろん、私の環境でしか再現性がないかもしれないという点はご了承ください。 まず、キーボードのユーザー辞書で「英字入力中にスペルを自動変換」をオフにする。 その下、スペルチェックが「言語ごとに自動」となっていますが、Englishだけにします。 たったこれだけ。私はSafariで、Wordpressのブログの記事を入力中しているときに、レイテンシー問題に度々見舞われていたのですが、嘘のようにサクサクとした入力になりました。 ヨカッタヨカッタ。

2015年は、映画を50本見よう！ っと思ったのですが、まだ3本…。 マインドマップ・インストラクターの私コウスケ（@kosstyle）は、映画を見終わったらマインドマップでメモします。 これがすごく楽しいんです。 3つのメリットを紹介します。 1. 映画について「思い出す」ことができる映画好きが集まるSNS「Filmarks」に、映画のレビューや感想を書くとき、マインドマップを見るととても書きやすい。 ちょっと間があいても、マインドマップをかくうちにどんな映画だったか、どんな感情が湧いたかを思い出すことができるんです。 映画レビュー | Filmarks（フィルマークス） 現在の価格: 無料（サイズ: 16.8 MB） 現在のバージョンの評価: （161件の評価） 全てのバージョンの評価: （842件の評価） 2. 映画について「考える」ことができるマインドマップをかく一番のメリットは「

AWSでサーバを運用する際にはEC2からAWS CLIを使って他のAWSのサービスと連携したりすることがあると思いますが、AWS環境ならではのシェルスクリプトを集めてみました。AWS CLIのバージョンは1.7.13、Pythonのバージョンは2.6.9を使っています。私はAmazon Linuxで動作を確認しています。 目次 準備する AWS CLIのインストール AWS CLIのアップデート aws configureでセットアップする IAM roles for EC2 instancesに関して 監視系 CloudWatchでカスタムメトリクスを設定する ZabbixからCloudWatchの値を取得する プロセス監視する バックアップ系 AMIとEBSのバックアップを作成する RDSのスナップショットを作成する S3のフォルダを削除する 便利スクリプト系 Route53の自動登録

理解しておきたい、CSSによるインラインレイアウトの仕組み（vertical-align編その1）Inline Layout─Frontrend Conference 高津戸壮（株式会社ピクセルグリッド） この記事は、Frontrend Conferenceのセッション「Inline layout」でお話させていただいた内容を基に、連載記事（全4回）として書き起こしたものです。今回は第2回目です。 なぜ画像の下部にスペースができてしまうのか？ 今回の記事では、vertical-alignについて解説していきます。前回は、行のレイアウトが、font-sizeとline-heightによりどう変わるのかを見てきました。この行の中で、要素を縦位置のどこに配置するかを決定するのがvertical-alignです。これを理解すると、前回の疑問、「なぜ画像の下部にスペースができてしまうのか」が分かりま

＜前編のあらすじと後編のお話＞ 本企画のホストである伊藤直也（以下「naoya」）と、『フリークアウト』執行役員であり『ヤフー』のフェロー／名誉黒帯でもある明石信之（以下「明石」）。意外にも初顔合わせとなる二人だったが、Web業界を長年リードし続けてきたという共通項もあり、酒肴を愉しみながらのマネジメント談義は大いに盛り上がりを見せた。明石氏が『フリークアウト』に参画後、色を組織名にするなど、破天荒とも思える組織マネジメントの実例も披露され、その深い洞察にもとづく一手に、naoya氏は大いに感銘を受けるのだった――。 ⇒【前編】の記事はこちら 【後編】となる今回は、明石氏の『フリークアウト』における取り組みを掘り下げていくことで、そのマネジメント論の神髄に迫っていきます。大の魚好きという点でも一致する二人の会話は、酒の力もあってますますヒートアップしていきます。 — naoya：チーム名の

今日は、Webフォントの話題を。日本語Webフォントは、「使いたい、でも重くなるからちょっと」という人が多いと思います。でも、グーグルがクラウド上でWebフォントを提供し始めたことで……。 グーグルが日本語のWebフォントをクラウドで提供開始グーグルが日本語のWebフォントを提供し始めていました。実は、2014年7月からあったらしいのですが、私はつい最近になって知りました。 その名も、「Noto Sans Japanese」。このページの表示も、「Noto Sans Japanese」にしてあります。 Noto Sans Japaneseは、6934文字に削減したサブセット版が提供されており、ウェイト（太さ）が7バリエーション。1ウェイトあたり約4.5Mバイトほどのサイズです。 使い方を簡単に説明すると、CSSで定義ファイルを読み込み、 <style> @import url(http:/

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

「食べログ ワンコインランチ」は、2020年10月31日をもちましてサービス終了いたしました。 長きに渡りサービスをご支持・ご利用いただきましたことを心より御礼申し上げます。 サービス終了に伴い、ワンコインランチ有料会員契約は2020年10月31日をもって解約されております。 解約に関して、お客様にて改めてお手続きをいただく必要はございませんのでご安心ください。 その他ご不明な点がございましたら、食べログお問い合わせ窓口までご連絡ください。 食べログでは、今後もユーザー様への一層のサービス向上に取り組んでまいります。 引き続き、食べログをよろしくお願い申し上げます。

>このコツを大いに活用してグラフィックデザインに挑戦してみてください！ ソーシャルメディア向けのデザインからイベント用の招待状まで、どんなデザインであろうと使えるグラフィックデザインのアプリはたくさんあります。 ペアリングフォントやスケールから行揃えやホワイトスペースまで、デザインの世界は複雑な面を持ちます。この25のグラフィックデザインのコツが、創作過程のあれこれを通してあなたの手助けになるでしょう。 各項目をイメージした画像をクリックして、 独自のデザイン に編集してみましょう。楽しいデザインを！ 01. フォント頼みをやめて、書体を制限してみる このデザインを編集してみる シンプルかつ効果的なグラフィックデザインのために読みやすいフォントを使いましょう。いくつもの書体を使用したデザインは読みづらいものです。統一されたフォントを使うようにしましょう。 ここではAileronのフォントフ

Webにはフリー(無料)のサービスがあふれている。調べ物ならGoogle検索やWikipedia、メールサービスもあればソーシャルネットワークもある。The Next Webの記事「300 awesome free things: A massive list of free resources you should know」で、仕事と生産性、ビジネスとマーケティング、デザインとコード、発見と学習と大きく4つのカテゴリに分けて300種のフリーツールを紹介している。 以下、「ビジネス」「生産性」「マーケティング」の観点から、有用と思われるツールをピックアップしてみた。 仕事や生産性関連では、おなじみオンラインワークスペースの「Evernote」、企業向け機能も充実してきたオンラインストレージの「Dropbox」、Web上の記事やコンテンツをまとめ読みできる「Pocket」、Gmail/Ch

About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-

素晴らしいアイデア満載のクリエイティブなスタイルシートのテクニックを紹介します。 これからのプロジェクトに使ってみたくなるような実用的なものから、CSSでこんなこともできるのか！という驚きのテクニックまで、今年もCSSに注目です。

昨年10月に福岡市天神にできた「スタートアップカフェ」に行ってみました。[map addr=”福岡県福岡市 中央区天神１丁目１１−１７”] ▲ TSUTAYA天神駅前福岡ビル店の3階にあります。 ▲ やたらとオシャレなTSUTAYAの奥の方に進んでいくと・・・ ▲ ありました！こちらがスタートアップカフェです。 ▲ 夜遅い時間でしたのでさすがに人は少なかったですが、それでも打ち合わせをしている人たちが数組。 福岡市のホームページによると スタートアップの裾野を拡げるため、「スタートアップしたい方」や「スタートアップを応援したい方」などが気軽に集まり交流できる場 とありました。上記ページの画像を引用させてもらうと、スタートアップカフェの機能は↓こんな感じです。 ちょっとふわっとした内容ですが、要はスタートアップカフェは福岡市の創業支援拠点であり、 ・創業に必要な情報を提供するよ ・創業の相談

GAIAX IS A STARTUP STUDIO DETERMINED TO SOLVE SOCIAL ISSUES ガイアックスは、人と人をつなげるため、 ソーシャルメディアとシェアリングエコノミー領域、 web3・DAOを用いた事業に注力する 起業家輩出のスタートアップスタジオです。

【2023年11月最新】Kindle本セール情報ページまとめ。無料マンガ特集や月替わり、日替わりセールなど

iOS 8.1でもIIJmioはご利用いただけます 恒例となった新iOSとIIJmio SIMカードの動作確認を報告いたします。検証結果はiOS 8.1でもiOS 8.0.xとほぼ同様で、おおむね問題なくご利用いただける物と思われます。この記事の後半に一覧表を掲載していますので、ご覧ください。 ちなみに、iOS 8.0.2からiOS 8.1の間で変化があったのは一つだけでした。 iPad 2のプッシュ通知(APNs)は、iOS 8.0.2では利用できなかったが、iOS 8.1では利用できる iPhone・iPadでIIJmioのSIMを使う場合のポイント いままでこのblogでもたびたびiOSの検証結果をご紹介してきました。iPhone・iPadでIIJmioのSIMを利用する際には、いくつか注意するポイントもありましたので、ここで現在の最新情報を一度まとめてご紹介いたします。 このサイト

こんにちは、LIGブログ編集長の朽木です。世の中には“わかりやすい人間”と“わかりにくい人間”がいて、概してわかりやすい人間の方がよくモテ、出世もしやすく、幸せな人生を送れると思う今日この頃です。 わかりにくい人間であるところの僕は、せめて自分の書く文章くらいはわかりやすくしたいと思っておりますが、みなさまの文章のわかりやすさはいかがでしょうか。 文章を書くことは、なにもライターや編集者だけの仕事ではありません。社内の報告書、社外へのビジネスメールなど、コミュニケーション・ツールとしての文章は、どんなに技術が進歩してもなくならないものです。 “他人が読むこと”を前提とするにあたり、目的は相手に情報を伝えること、であれば大切なのはその文章がわかりやすいかどうかになるでしょう。 僕は、月に100本くらいの原稿をチェックします。まだまだ勉強中の身ではありますが、そんな生活を続けていると、少なくと

昨年の１０月から１２月にかけ、募集した「アニメ映画ベストテン」には多数の参加をいただき、まことにありがとうございました。 総勢２０８名（新記録！）の参加者さまより、４１０本の映画がリストアップされました。 さて、今回は参加者も非常に多く、ぼくが比較的不得手なジャンルだということもあって、集計にたいへん時間がかかりました。 というより、ぼくが途中でダウンしてしばらく止まっていた、というのが現状であります。 この醜態を見かねて、助け舟を出してくれたのが、超人気映画ブログ（PVはだいたいうちの10倍ぐらい）「破壊屋」の管理人、ギッチョさまでした。 ぼくはエクセルの関数すら入力できないほどのITオンチなので、投票を目視して手動でポチポチ入力するしかなかったのですが、破壊屋さんは持ち前のITスキルを活用して集計用のプログラムを作成し、それを用いて、ぼくが手間取っていた集計を済ませてくれました。その手

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

2013年から2015年の2年間、オーストリア全域で撮影した600ものビデオクリップを1つにまとめた微速度撮影映像「A Taste of Austria」です。

コンテンツをスマートにするには、ページの概念を取り払ったコンテンツの細分化と管理が欠かせませんが、利用者へ届けるための技術も無視できません。数年前であれば、ネイティブアプリでしかできなかったことも、Web 技術で可能になりつつあります。 マークアップの仕方がここ数年で変化したように、Web 技術も激変してきています。従来のような全ユーザーに同じコンテンツを表示するのではなく、利用者の環境・文脈に応じてきめ細かな配慮が可能になりつつあります。 Web やアプリのデザインは、技術のことを知っているか知っていないかで大きく変わります。今この瞬間のデザイン（トレンド）だけでなく、これからどうなるのかを考えながらデザインするという観点が今の Web デザインに欠けていると感じることがあります。今 Web でできることは数年前と大きく変化していて、それが新しいデザイン提案に繋がるものもあります。Aja

先日、東京駅にてタダヤサイ.comの高橋さんにお会いし、話を伺った。 タダヤサイ.comには以前から注目していたのだが、この度、その立ち上げの理念、そして近況と今後の展望についても伺った。 さて、高橋さんは、その昔飲食店を経営しており、広告に頼りすぎた事業モデルに限界を感じたという。「携帯やスマホも普及し、より広告が必要になっている世の中で、良いものを作れば売れるという感覚では、経営は難しい」と高橋さん。 その広告費で苦労した思いを胸に、広告費を削減できるモデルを農業という、今最も支援の必要な分野で実現するためにタダヤサイ.comのアイデアを考えた。 タダヤサイ.comは、一言で言ってしまえば”無料の野菜を顧客に提供するサイト”であり、農家さんにとっては、新規顧客獲得のためのプラットフォームである。現在、タダヤサイ.com には16万人の会員が存在する。 今WEBサイトを見ると、こちらのよ

「一緒に寝て良い？」 ここで何度か触れましたが、息子が学校で色々と問題に直面してしまって不安定になっておりまして。スクールカウンセラーさんと面談したり学校側と話し合ったりと色々な形で凹みきった彼のために何が出来るのかを考えたり試してみたりの日々でした。 彼を連れて二人で出かけてみたり、学校を休みたいという時は私も仕事をセーブして家でゆっくりしてみたり、好きな食べ物を買って帰ってみたり、家族で遠出してみたり。 そんな中、いつもは自分のベッドで寝ている長男が「一緒に寝て良い？」と言った日がありました。私は末っ子三男と同じベッドで寝ているのですが、ちょっと狭いけどお隣どうぞ、とお迎えして、３人並んで休みました。いつもストレートに甘える次男ではなく反抗期にさしかかったツンデレ長男がそんなことを言うのがちょっと意外でなんとなく印象に残る出来事でした。 思えば長男は学校でのトラブルが始まったころから夫

コーディングを自身でやることは少なくなってきたけれど、勘が廃れないように今でも時々デザインしたり、コーディングしたりってのも大事にしてます。たまにデザインやコーディングをするのは気分転換にもなるし、新しいテクニックを知っておくことだってまだまだ大切だと思うし。 今の僕は、作る仕事はできる限り任せる立場だと思うので、あくまでもやり過ぎない程度に、って考えてますけど。というわけで、最近覚えたスニペットまとめ。 レスポンシブでサイトを作ることが増えています。 予算やスケジュール、または技術的な問題など、レスポンシブで構築するのが難しいケースもありますが、今の僕はできる限りレスポンシブ優先で考えたいと思っています。 ワンソースで考えたほうが運用は効率的だと思うから。 Writing Modeは僕にとってレスポンシブデビューだったサイトで、今思うと「こうしておけばよかった」ってところはいっぱいありま

デバイスがパソコンからモバイルへ、そしてウェブからアプリの時代へ移り変わっていくとしてもユーザビリティとは常に変わらず求められるものである。そしてユーザービリティはそのサービスが提供する価値に大きな影響を持っている。 例えば、ECサイトを考えてみるとユーザビリティが直接購買意欲につながるわけではないが、商品購入までの過程をスムーズにおこなうことができたら、ロイヤリティーの高い顧客を増やすことが出来る。ユーザビリティはその全てのフローに関わるものである。 それではユーザービリティが高いサービスとはどのようなものだろうか？学術的な分野でユーザビリティの権威とも言われるJakob Nielsen博士はユーザビリティの高いインターフェイスは以下の5つのポイントを兼ね備えていると述べている。 学習しやすさ : システムは、ユーザがそれをすぐ使い始められるよう、簡単に学習できるようにしなければならない

animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. You can use the transitions from animate.css or create your own transitions. DOWNLOAD VERSION 1.0

無料でオシャレなホームページやブログを、Ameba Ownd (アメーバ オウンド) で作りましょう。オシャレなデザインテンプレートも多く、独自ドメイン・アクセス解析・SEO対策・SNS連携など、無料で利用できる機能が豊富です。

2015年3月6日 CSS 250以上ののjQuery＆CSS3Hoverエフェクト（Plugins＆チュートリアル） 250+ jQuery & CSS3 Hover Effects (Plugins & Tutorials) jQuery and CSS3 made a big difference in the webdesign industry. Lot of new features added to make dynamic websites. Hover effects are often used in websites to add usability. jQueryとCSS3がwebデザイン産業における大きい相違を作りました。新しいたくさんの特性がダイナミックなウェブサイトを作るために付け加えられました。Hoverエフェクトが有用性を加えるためによくウェブサイトで使わ

こんにちは。インターネットを中心にライターをしているヨッピーと申します。 本日は東京の下町・錦糸町にあるタクシー会社『互助交通』さんにお邪魔しています。 「若い人の求人が全然来ないから相談に乗って欲しい」と互助交通さんに依頼されたからです。 従来の折り込みチラシなんかの求人だとご年配の方からの応募しか来ないらしく、「会社を活性化するためにも若い人の力を借りたい」とおっしゃるこの互助交通さんに今回はご協力させていただくことにしたのですが、「何故協力する事にしたか」と言いますと、とりあえずこちらの写真をご覧ください。 どうですか？　めっちゃ昭和で懐かしい雰囲気なんですよ。おじいちゃんの家を思い出すような感覚。こんなんもう「なんとかしてあげたい！」って思っちゃうじゃないですか。 そもそも、タクシーって普段から生活の中で利用することも多いのに、タクシー会社やタクシードライバーの人たちの日常って意外

WordPressの公式テーマ、使っていますか？ テーマとは、WordPressでWebサイトやブログを立ち上げた時、ブラウザに映し出される”見た目のデザイン”の事です。 他のブログサービスの名称でいうと、”スキン”、”テンプレート”と言えばわかりやすいでしょうか？ WordPressのデフォルトテーマは、年ごとに変更があって、2015年バージョンのデフォルトテーマは、「Twenty Fifteen」、2014年バージョンは、「Twenty Fourteen」と名付けられ、年ごとにデザインや機能が変わります。デフォルトテーマにより、WordPressの最新の動向、進化を知る事ができます。 こういうのもWordPressユーザーの楽しみであります。 そして、WordPressには、デフォルトテーマ以外に3000以上のテーマがWordPressの公式ディレクトリにストックされています。 ★ W

こんにちは、メディア事業部デザイナーの佐藤タカアキ（@sato_tkaaki）です。 最近隣の席のまゆが時折「ふふっ。ふふふふふ」と一人で呟いているのを見て底知れない闇を感じずにはいられません。 ところで皆さんは、闇と雨の関連性については知っていますか？ ここでいう闇とは心の闇のことで、人は雨を見ると心の闇をさらけ出すことに躊躇しなくなるらしいです。（たしかに雨の日のTwitterは皆いつもと違う気がする・・・） また、映画やドラマでも雨に降られるシーンは悲しみを表現していることが多いですよね。 そんなこんなで、今回はPhotoshopを使って簡単に雨を降らせる加工方法をご紹介したいと思います。 せっかくの機会なので、人物モデルに「水もしたたるいい男」を用意しました。 それではいってみましょう。 写真を読み込む まずは雨を降らせる前に、人物や背景などの下準備から始めていきましょう。 Pho

ウォルマートの裏にあるバン（１９７８年式フォルクスワーゲンキャンパー）である男が起きた。 腹が減ったらしく、賞味期限がよくわからない卵を吟味し、ポータブルオーブンで調理をする。 そして、バンの中に入っている物、寝袋やサーフボード、ジーンズを取り出す。 ウォールマートの従業員は、彼に「バンマン」というあだ名をつけており、「あいつは何者なんだ？」「どっから来たんだ？」「スピリチュアルにハマったキチガイか？」などとつぶやく。 彼も彼で「さすがにもう慣れたよ」とのこと。 そのバンマンの実態は、この記事の主人公であるダニエル・ノリス。 2億の契約をしているメジャーリーガーで、ナイキと契約を結んでいるほどのスター。 ブルージェイズのピッチャーとして活躍しながら、なぜフロリダの郊外のウォールマートの駐車場で、オンボロのバンの中で住んでいるのか？ ノリスはこう言ってます。 「他人にキチガイとして見られるか

使っている色の同色相でトーン違いの色を使うときわざわざ色を作るの面倒だなと思ったので、それを好きな色から作るSassの変数を作ってみました★ 色を選ぶときって皆さんはどうしているでしょうか。カラーチャートから選んだり、ピッカーで都度作る人もいると思います。 私はイメージにあったメインの色を選んだあとでそのトーン違いの色、色相違いの色という風に色の数値をずらすような感じで色を作ります。ですがそれをカラーピッカーでやるのは正確でなかったりしますし、数値を入力していくのもちょっと面倒です…。そこで、Sassの関数を使って数値を自動的に作り、さらにそれをそのまま使えれば良いなと思って作ってみましたー！ デモ どんなものなのか、とりあえずデモです。 See the Pen [Demo] Sass Variables Color tone by You Sakai (@webcre8) on Code

コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕

堀江貴文がホリエモンチャンネル「堀江貴文のQ&A vol.217〜人材は割り切る！？〜」にて人材獲得について独自の持論を披露した。 メルマガ読者からの相談。「現在少人数ですが、会社を営んでおり、今後業務拡大のため人材の採用を考えております」 「採用したスタッフにはできるだけ長く勤めて頂きたいと考えております」。 「昔、堀江さんが人材を採用する際に気をつけていた自社に合った良い人材を採用するコツはありますか？」 人事業務に携わる者ならば誰しもが悩む問題。特にネームバリューも誇れる商品もない小さな会社の場合は優秀な人材を集めるのに苦労するものだ。 これに対してホリエモンはバッサリ！「零細企業では『自社に合った良い人材なんか採用できるわけない』と割り切ることですね」 「長く勤めて頂きたいと考えるのであれば、その人材に合わせて会社の成長スピードを緩めないといけないでしょうね」 「結局、皆で和気あい

出産からおよそ1年。ママが産休から会社に戻った日。仕事にまた、ついていけるだろうか。育児と両立できるだろうか。会社の同僚たちはf快く、受け入れてくれるのか。そんな不安を抱えて、出社すると――

ホーム　/ 　集客の方法　/ 　集客のアイデア　/ 　インスタグラムで作品を売る人気のネットショップ３選！そのテクニックとインスタ活用のコツをご紹介 この記事は2016年12月12日に更新しました。 TwitterやFacebookを超える集客力を発揮するツールとして今や様々なジャンルで活用されているインスタグラム。このBASE Uでも以前こちらの記事(もはや集客手段として無視できない！インスタグラムを使ってショップの売上をあげる３つの方法 )にてその活用方法をご紹介しましたが大きな反響がありました。2014年12月にはその利用者は3億人を突破したとのニュースもあり、Twitterを大きく上回る勢いで感度の高い若者を中心に積極的に活用され始めています。 その特徴としてはなんと言っても”ブランドの世界観を伝えることが簡単にできる”という点があげられるでしょう。写真を中心としたサービスなので、

案件の見積もりをする時、工数の計算ってどういう手順でやってますか？ 私は、ひとつの作業にどのくらい時間がかかるか？を過去の経験からだいたい～時間くらいかな？というざっくりしたもので出します。 まずこの時間を見積もるのに、いつも悩みます。 あと困るのが、Javascriptやシステム案件を見積もり際、過去にやったことの無い内容で、これって実現できるかな？っていう事項を、多分できるだろうで見積もれず、検証してから見積もってしまいます。 （検証する時間は含めていませんが） 案件としてポシャった場合はムダになります。（勉強にはなりますが） このあたり、みなさんはどのようにされてますか？

本日、はてラボに新しいサービス「大チェッカー」をリリースしました。 https://daichkr.hatelabo.jp/ 大チェッカーで好きなものをチェックしよう 大チェッカーは、みんなで作るアンテナサービスです。 アンテナを作って、チェックしたいページを登録すると、大チェッカーがどんどんチェックしてくれます。 みんなで編集できるので、あなたの知らない良いページと出会えるかもしれません。 大チェッカーの使い方 1. アンテナを作ろう はてなIDでログインすると、アンテナを作れます。 アンテナの編集モードには、「みんなで編集」と、「ひとりで編集」の2つのモードがあります。 みんなで編集 誰でもページを追加できます。テーマを決めてページを集めたいときには、こちらをお使いください。 ひとりで編集 あなただけが編集できます。テーマを問わず、自分の興味のあるページをチェックしたい、というときには

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

自分は普段ソーシャルゲームの開発に関わっていますが、群雄割拠のグリモバ全盛期にその開発を効率化するために社内ではいろいろな取り組みがなされました。そのひとつにアプリ別ではなく機能別のチームを作るということがありました。結果としてそれは失敗だったと言えるのでそのことについて書いていきます。 背景 当時のソーシャルゲームの主流はカードゲームで、クエスト・レイドをこなしつつガチャで引いたカードを合成して強化していくスタイルが一般的でした。そしてその多くがシステムはほとんど同じで見た目だけを変えた「柄替え」アプリでした。 その中で行われたのが二つの共通化です。 コードの共通化 今までのアプリでは元のアプリのソースからフォークするなどして別のプロジェクトとして独立させそれに対して各チームが開発を行うと言う感じでしたが、今回の共通化ではゲームのコアとなるロジック部分をサブモジュールとして分離し、各アプ

マテリアルデザインを実践していきたいと思っても、デザインとアニメーションを理路整然と実装するというのはとても難しいことです。そのためお勧めの方法としては既に幾つかあるフレームワークを導入することです。 デザインはもちろん、アニメーションが自分の好き好きに合うか、これはフレームワークを選定する上で大きな要素になってきそうです。今回紹介するMUIについてはどうでしょうか。 MUIの使い方 ボタン。 大きさや浮かび上がり方を指定できます。 フォーム。 グリッドシステム。 タイポグラフィ。 テキストを白くした場合。 アクセントテキスト。 ドロップダウン。 アプリバー。アプリのviewportに合わせて幅を自動調整してくれます。 テーブル。 分割表示。 素のHTMLでセマンティックな表示も。addr/emなどが使えます。 リスト。 レスポンシブについて。1200/992/768で分かれています。 M

これなに？ 無料音ゲー flavabeats github.com ブラウザ上で遊べる音ゲーです。 ノートと呼ばれるオブジェクトが曲に合わせて落ちてくるのでターゲットに重なるタイミングでキーボードのZ,X,C,V,Bを押していくゲームです。 楽曲はCreativeCommonsのものを使用しています。 なんで作ったの？ Vue.jsやReactやAngularJSやAurelia.JSなどフレームワークが乱立するなか何か一つ使えるようにならないといけない気がしたので勉強用に始めました。（あとcocos2d-JSのAndroidデバッグが嫌になりましたので気分転換に)。最初はAngularJSより学習コストの低そうなVue.jsを触ろうかと思ったのでですが、Vue.jsにはルーティング機能がついていないということで結局AngularJSを触ってみることにしました。(書籍も買っちゃってたし。)

anond:20150308223851 ・危険すぎるgunosyのIPOこれと同じパターンでユーザーをかき集めているベンチャー企業が、ニュースアプリのgunosyだ。gunosyは東大生の福島良典氏が創業し、後に、グリーにネット広告の会社を売却した連続起業家の木村新司氏が共同代表に就任して経営を引き継いだ（2014年8月退任）。今年のIPO有力候補と目されており、その時価総額は数百円規模になるとも噂されている。 昨年に調達した24億円のほとんどを広告費に投じたとされていて、そのお陰かダウンロード数は800万に達しているようだが、そのうちの一体どれほどがアクティブなのかは甚だ疑問だ。 その証拠に、グーグルトレンドで「gunosy」「グノシー」「ブレフロ」「ブレイブフロンティア」と入れて調べてみると、その落ち込み方は上場ゴールを決めたgumiのゲームタイトルがかなりマシに見えてしまうほど深刻

より快適なVim × Ruby環境を目指して構築したvim環境について。 0からでも構築できるように整理した。 やること 最初にRuby、Vim、その他必要なパッケージをガシガシインストールする。 その後、設定した下記機能について実際の操作例を見ていく。 自動コード補完ができるようにする（Rsense/neocomplete） Vim上で静的解析ができるようにする（Rubocop/syntastic） Vimからリファレンスを閲覧できるようにする（vim-ref/vim-ref-ri） メソッド定義元へのジャンプができるようにする（ctags/vim-tags） 構文終わりのキーワードを自動入力できるようにする（vim-endwise） OSはLinux（CentOS6.5）を想定。検証環境は以下のとおり。 $ uname -a Linux vagrant-centos65.vagrant

この前ふと思ったんだけど、別にgitってCUIから使う必要ないし、普通にGUIで使えば良いと思った。 大学でCUI使い慣れている人居ないから、GUI、例えばGitHub for Macとか、SourceTreeでおすすめしたほうが良いと思うんだけど、GUIをそもそも自分が使わないことには意味が無いからGUIを使おうかなと思った。自分が使ってないものを薦めるってのはおかしくて、ちゃんと使ってから意見を言うべきなんだろうと思う。よって、使わないのに批判するのも、使ってないんだからぐちぐち言うのはおかしい。 しかし、時間は限られているわけで、おかしいと思ったものをいちいち触ってやっぱりおかしかったですと言及するのは時間の無駄だから、あんまり色んな事に言及しないほうが良いんだと思う。それでも言ってしまいたく成るのが人間だし、インターネットはそれを簡単にしてしまうけれど、もっとぐっとこらえないといけ

最近はクラウド上のサーバーを利用する事も多くなってきた。 サーバーの用意やネットワーク周りの設定はインフラ部門がやってくれるけど、アプリのデプロイ／設定は開発者がする事が多いので、開発メインでやってるエンジニアでも最低限SSHの知識は必要になる。 また、Vagrant等でローカル環境にVMを作成する事もあるので、ローカル環境内でSSHを使用するケースも増えてきた。 というわけでインフラエンジニアじゃなくてもSSHクライアントの知識は必須になってきているので、改めてSSHの再学習をしてみることにした。 SSHとは 暗号や認証の技術を利用して、安全にリモートコンピュータと通信するためのプロトコル。 SSHでは以下の点で従来のTelnetより安全な通信が行える。1 パスワードやデータを暗号化して通信する。 クライアントがサーバーに接続する時に、接続先が意図しないサーバーに誘導されていないか厳密に

久しぶりに Google のウェブマスターツールにある「コンテンツ キーワード」でこのブログのキーワードを確認していたら、なぜか2位に「users」というキーワードがあるのを見つけました。 試しに Google でサイト内検索してみると、サイドバーに表示している「はてブ数順 人気エントリー」の部分が検索結果のスニペットに表示されていました。 ↑ この「471 users」などの記述は、 ↑ サイドバーのこの部分にだけあるもの。 「ページに表示してるんだからスニペットに表示されて当然なのでは？」と思われるかもしれませんが、この部分は JavaScript を使って動的に構築している部分なのですよね。具体的には、懐かしの Yahoo! Pipes で出力した JSON データを読み込んで jQuery を使用して動的にリストを構築しています。 http://blog.fkoji.com/onl

丸括弧（） 頭から微妙な見栄えですが、**丸括弧（）**を表現してみたものです。 HTMLとCSSはそれぞれ下記のようになっており、擬似要素を使って生成したものにborder-radiusを指定します。 <div class="parenthesis"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. ... </p> </div> .parenthesis { position: relative; width: 500px; padding: 15px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .parenthesis::before, .parenthesis::after { position: absolute; top:

「Macを買ったら速攻で入れるべきアプリ」というスレのまとめ。リンク付けはApp Storeにあればそちらを優先、無ければ本家リンクにしています。 1: 名称未設定 2015/02/12(木) 08:04:18.78 ID:9gDDBG6D0.net HyperDockとは、Mac OS XでWindows AERO (AERO PeekやAERO Snap) もどきを再現できるプロプライエタリな有料アプリである。 AERO PeekもどきはDockのアイコンにマウスカーソルをあわせると、そのアプリの実際に開いているウインドウの縮小されたプレビューが一覧表示されるというものである。 2014年2月時点では日本円で1000円である。有料アプリであるがMacはこれがないと使い物にならないくらいお金で買えない価値がある。Macを買ったら真っ先に入れるべきである。 http://monobook.

iOS、Android、Unityなどのアプリ開発について、初心者向けの内容を『RainbowApps』講師陣が分かりやすく解説していきます。 Android Stdioをインストール まず、Android Studioのダウンロードおよびインストールから始めます。 ブラウザで下記のURLにアクセスし、「Download the SDK」ボタンをクリックしてください。 http://developer.android.com/sdk/index.html 次のページで「 I have read and agree with the above terms and conditions」のチェックボックスにチェックをし、Downloadボタンをクリックしてください。

Private content!This content has been marked as private by the uploader.

東京都出身のグラフィックデザイナー佐藤可士和さんのデザインがセブンイレブンのセブンカフェに引き続き、今度はウイダーインゼリーのパッケージデザインの件でも叩かれていますね。誰にも失敗はあるわけですが、どこで失敗してしまったのか？共通する１つの大きな原因をみつけたので、マーケティング的観点からここで述べさせていただきます。 答えは簡単、ベネフィットに重点が置かれていない 「ベネフィット」とは、お客様が手に入れることによってもたらされる価値、成果、効用のことです。今回のセブンカフェで言えば、「アイスコーヒーを飲んで喉を潤したい」ということになりますが、早く喉を潤したいのに、どのボタンを押したらいいのかわからない。。。 L？R？レフト？ライト？レギュラー？ラージ？もちろんかっこつけたいのはわかるのですが、初めて買う人が迷ってしまうような、わかりづらいものは意味ないのです。 この件は、セブンイレブン

vpsを借りてwordpressを設置するのは簡単だが、ただ設置するだけだとデザイン調整を本番ままで調整したりいじってもバックアップ取らないといけなかったりとかが面倒になる。面倒なところは早めに潰しておきたいのでwordpressのデプロイをwp-deployで設定する。 wp-deployの機能として簡単に説明すると capistranoを使用 wordpressのコア部分はgithubにあるWordPressリポジトリからソースを持ってきて設置する 日本語対応させるためにこの設定は無くすけど WordPressのインストール階層の変更を使っている http://example.com/wordpress/に本体が入ります。 databaseの設定がyml管理 ローカル、ステージング、本番共に dbのバックアップがコマンドで実行できる 画像、dbの内容をローカルに持ってきたり本番に持って

iOS 開発者のためのバックエンド入門 シリーズ 1 バックエンド一般に付いて話の話 * BaaSの機能で足りるなら、それを使うのが楽勝 * 独自のバックエンドを作る場合も PaaS を使えばインフラエンジア・知識がいらない * 独自のバックエンド用のフレームワークもある

このコンテンツは、『ユニティちゃんライセンス』で提供されています Unity5のフリー版が発表されましたね。 Unity4の無料版では使えなかったImageEffectが使えるようになっていますので、かなり表現の幅が広がったのではないかと思います。 というわけで前回のドット絵シェーダ(イメージエフェクト）を少し改良したのと、多少最適化を行ったので公開します。Unity5.0.0f4で実行しています。 基本は前回と同様ですが、パラメータをスクリプトから調整できるようにしたのと、 ドットの粒度をシェーダの変更なしで変えられるようにしました。 以下コード全文です。 DotImageEffect.cs(Cameraに追加するイメージエフェクトコンポーネントのスクリプト） using UnityEngine; using System.Collections; using UnityStandard

これは、冒頭の問いから端を発した、各章のつながりが不明瞭なエッセイ、流行りのミームでいうと技術的ポエム、であり、プログラミングをテーマにしていてもプログラミングの記事ではない。(と一番最後まで書き終わった自分が注釈を入れている) 良いコードとは何か 趣味で4年、本腰を入れたは最後の2年なのだが、それから3年間ほど仕事でプログラムを書いてきた。それで、趣味プログラマと業務プログラマの一番の違いは、業務プログラマが要求されるのが「他人にどれだけ意図を伝えることができるか」ということに尽きると思うようになった。 他人にとって良いコードとは、書いた人の意味が読み解けるコードであると思う。どれだけ書いた本人の自意識の中でかっこいい・よいコードを書いたと思っていて、実際にちょっと紐解けばそのポテンシャルがあったとしても、隣に座っている人間に伝わらなかったら意味が無い。正しくコードレビューが行われるなら

2024.01.02 ストマックの日常(裏)マルサが来た。国税査察、地獄の取り調べ【第37話】(2023年7月4日) 登録者数260万人の人気YouTuber『ガードマン』のメンバーに国税査察、いわゆるマルサの査察が入りました。ストマック氏にとって、これは他人事ではありません。 国税査察チームの次のターゲットは、ストマックなのか？ 国税の査察とは、国税局査察部が行う「強制」的な調査です。 事前の連絡はなく、会社や社長の家に一斉に捜査員がなだれ込みます。 悪質な脱税行為、そして脱税額が大きなケースを中心に調査します […] 2024.01.02 【オンラインカジノ】$2000で勝負する！！！！【Stake】 サブチャンネル ニコニコ生放送と同時配信しています！！ ツイッター よろしくお願いします！！ リンクツリー ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ※未成年の方はご利用になれません。 ※この動

TOP  >  Design  >  HTML・PSD形式のフリーテンプレート集「20 Free HTML and PSD Templates」 フリーで配布されているテンプレートを使用することで、制作コストのカットやデザインクオリティのアップなど、さまざまな利点を得ることができます。そんな中今回紹介するのは、HTML・PSD形式のフリーテンプレート集「20 Free HTML and PSD Templates」です。 Dribbble – FREEBIE PSD: Flat UI Kit by Nik Pletikos いろいろなタイプのテンプレートがまとめられており、いろいろなシーンで活用することができそうです。 詳しくは以下 Clino UI Kit PSD – Inspirational Pixels いろいろな種類の素材が揃ったUIキット。ベーシックなデザインなどで、多彩なテイ

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.

その理由の大きな要因に、チラシがある。 ユニクロの柳井社長がいまでも店舗のチラシ作りに関わってるのは有名な話だ。 ユニクロが業績を上げているのは、実はこのチラシが大きな役割をもっている。 来店のほとんどがチラシからだからだ。 「チラシはお客様へのラブレター」とチラシの重要性を語っているが、 まあ小売だからチラシやるだろうね、集客のために、、、 という程度で捉えてはいけない。 なぜ、柳井社長自らチラシ作りに携わるのか？ 普通だったら、部下にまかせてもいいんじゃないか、なんて思うだろう。 ユニクロのチラシをみていると、社長が携わらずをえない部分が垣間見れるのだ。 まずは、ユニクロのチラシをよく見てみよう。 ■人気商品を安く！で訴求 ヒートテック、シルキードライなど人気商品を大きく扱うことで、来店を促進することができるのはお分かりだろう。 しかし、考えてみてほしいのだが、人気商品ってなんだ？って

1: 以下、＼(^o^)／でVIPがお送りします 2015/03/06(金) 22:59:01.18 ID:UXhIgh/D0.net よく分からないデスけど 2: 以下、＼(^o^)／でVIPがお送りします 2015/03/06(金) 22:59:26.35 ID:gUqgwp5h0.net シャッターの速度のことデェスよ 4: 以下、＼(^o^)／でVIPがお送りします 2015/03/06(金) 22:59:41.60 ID:UBIMr1lQ0.net ぎゅっとするんだよ 3: 以下、＼(^o^)／でVIPがお送りします 2015/03/06(金) 22:59:33.83 ID:serEp/HGM.net 考えずオートで撮ってればいい 5: 以下、＼(^o^)／でVIPがお送りします 2015/03/06(金) 22:59:49.11 ID:CABRDgOC0.net 買ったカメラの

Dropboxは非常に優れたクラウドストレージサービスですが、機能をフルに使いこなすにはクライアントアプリをローカルにインストールしておく必要があります。でも『Google Chrome』を使っている人なら、もうDropboxのアプリは不要になるかもしれません。 Chrome用の山ほどある便利な機能拡張の中には、Dropboxユーザー向けに機能を追加するものもあるのです。Chromeにこれらを追加しておけば、それだけでDropboxクライアントの役割をほとんど果たしてくれるくらいになっています。 『Dropbox For Gmail』 こうしたChromeの気の利いたアドオンの中でも特筆すべきは、Dropboxが自前で公開したばかりの『Dropbox For Gmail』です。皆さんお馴染みのGmailで、作成したメールにDropboxのファイルを添付したり、添付で送られてきたファイルをD

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

This document discusses Yarn and its advantages over npm. It notes that Yarn uses yarn.lock files instead of npm-shrinkwrap.json files to lock down dependency versions. Yarn is also described as being faster, able to work offline by caching dependencies, and potentially more secure than npm with features like flat mode and module folders. The document suggests Yarn may handle dependencies and devD

WEBコンサルタント『サーチサポーター』の代表、敷田憲司です。 最近は「コンテンツマーケティング」や「コンテンツSEO」が大事であるとよく言われていますよね。 コンテンツマーケティングとは、「お客様に有益なコンテンツを提供すること」であり、コンテンツSEOとは、「お客様のニーズに合ったコンテンツによってSEOを行うこと」です。 これからは「コンテンツマーケティング」や「コンテンツSEO」が主流になることは間違いありませんし、先日、その後押しともなるような報告がGoogleのリサーチチームよりもたらされました。 Googleのリサーチャーが”リンク”ではなく、”事実”を元に順位付けをするシステムを発表。 | SEO Japan その報告の内容について簡単な説明を交えながら、コンテンツ作成の今後について考えてみます。 被リンクよりもコンテンツを重視する New Scientistが報じたところ

はじめに 先月、CodeIQにビンゴカード作成問題を出題しました。 CodeIQに「ビンゴカード作成問題」を出題しました。みなさんの挑戦をお待ちしてます！ - give IT a try このビンゴカード作成問題、ありがたいことに50人もの方が解答を送ってくれました。 挑戦してくださったみなさん、どうもありがとうございました。 前回のエントリでは優秀作品ベスト3を発表しました。 今回のエントリはその続編です。 一部の解答（5本）について、僕が実際にいただいた解答を採点しつつ、リファクタリングする様子を動画に撮っておいたので、その様子をお見せしちゃいます。 おさらい「ビンゴカード作成問題」とは？ ビンゴカード作成問題とはその名の通り、Rubyを使ってビンゴカードを出力する問題です。 Bingo.generate_cardというメソッドを呼ぶと以下のような文字列を出力する、というのが要求仕様で

さくらのVPSにアタックしてくる人たちを、ハニーポットなど使いながらその行動を観察した記録です。観察日記。 今回のネタは以下2つです。 ＊SSH honeypot(Kippo)を使った悪い人の行動観察、アンケート ＊/cgi-bin/php (Apache Magica攻撃)の観察 なおこのスライドは、2013年12月7日のSecurity Casual Talks(すみだセキュリティ勉強会)での発表資料です。 http://ozuma.sakura.ne.jp/sumida/ またスライド中、動画は以下のURLで閲覧できます http://youtu.be/gp3SBjZNWHU

はじめに 先月、CodeIQにビンゴカード作成問題を出題しました。 CodeIQに「ビンゴカード作成問題」を出題しました。みなさんの挑戦をお待ちしてます！ - give IT a try このビンゴカード作成問題、ありがたいことに50人もの方が解答を送ってくれました。 挑戦してくださったみなさん、どうもありがとうございました。 今回のエントリではその中から「これはイケてる！」と僕が思ったコード・ベスト3を発表します！ 加えて、僕が作った模範解答も紹介します。 おさらい「ビンゴカード作成問題」とは？ ビンゴカード作成問題とはその名の通り、Rubyを使ってビンゴカードを出力する問題です。 Bingo.generate_cardというメソッドを呼ぶと以下のような文字列を出力する、というのが要求仕様です。 B | I | N | G | O 13 | 22 | 32 | 48 | 61 3 | 2

私はかつて自分はアーキテクトだと名乗ったことがあります。これを裏付けるため、今やウソだらけの複雑な話を設計しなくてはならなくなっているので、ある意味これは本当のことですね。冗談はさておき、2015年を目前としてJavaScriptコミュニティのアプリケーションアーキテクチャの状況について目を向けてみるのは有益なことだと思います。合成、関数型の境界、モジュラリティ、不変データ構造、CSPのチャネルと、その他に関連するいくつかのトピックについて書いてみたいと思います。 合成 アーキテクチャのレベルでは、JavaScriptで大規模なアプリケーションを作成する方法に関してここ数年で少なくとも一つの根本的な変更がありました。機械の細かい違いにより生み出される単一指向性の データバインディング、不変データ構造と、仮想DOM （どれも興味深い問題ですね）などを除けば、多くの開発者が一つのキーコンセプト

ツイッターの公式アプリを使ったことがある人はこちらの起動画面を見たことがあると思います。ツイッターアイコンが現れ、そのアイコンがそのまま拡大して始まります。Launch Screenがアニメーションするのは海外製のアプリに時々みられる手法です。 これと同じようなことを弊社の無料の絵本アプリ PIBO(ピーボ)で実装してみました。 そのやり方のサンプルを紹介します。 やり方 手法は至って簡単です。 ・①LaunchScreenを設置する ・②LaunchScreenと同じViewを起動時に表示する ・③そのViewをアニメーションさせる の３工程です。やっていることは結構簡単です。 ①LaunchScreenを設置する 普通にLaunchScreenを作ればOKです。 ・LaunchScreen.xibにImage Viewを追加してlogo画像を設置します。 ・logoに対しAdd New

あぁ、これは素晴らしい。 Words Uはいわゆるチャットアプリだが、これを使っていると語彙力がぐんぐん伸びていく、という仕組みになっている。 仕組みは簡単で、しゃべった単語を難しめの単語に置き換えてくれるのだ。 もちろんその単語の説明も出てくるし、必要だったらオリジナルに戻すこともできる。 単語を置き換えることで不自然な文章になることもあるだろうが、チャットだけで新しい単語に出会えるという発想が素晴らしい。 日本語でもあればいいなぁ、と思ったりしますがいかがですかね。

Wocker Docker-based rapid WordPress development environment. It takes just 3 seconds to create every fresh WordPress environment! Version 1.5.3 What is Wocker? Wocker is a local WordPress development environment. Since it’s based on Docker, it takes just 3 seconds to create every new installation of WordPress. Get Started 1. Install Vagrant http://www.vagrantup.com/ 2. Install VirtualBox https://w

IllustratorやPhotoshopといったソフトを使う際に避けては通れないのがベジェ曲線の使い方です。特に初心者にとっては「最初の難関」として立ちはだかることも多いベジェ曲線ですが、そんなペンツールを使いこなすべく、全く知識がない人でも1から使い方を学べるようにしたのが「The Bezier Game」です。 The Bézier Game http://bezier.method.ac/ 実際に特訓している様子は以下のムービーから。最初にチュートリアルが表示され、それに続いて実際に練習を行っている様子を見ることができます。 「ペンツール」を使いこなすべく「The Bézier Game」で特訓してみた - YouTube 上記URLにアクセスしたら、まずは「Get Started」をクリック。 まずはシンプルに線の書き方からスタート。3つの点をクリックして結んでいくというお手本が

理解しておきたい、CSSによるインラインレイアウトの仕組み（font-size／line-height編）Inline Layout─Frontrend Conference 高津戸壮（株式会社ピクセルグリッド） この記事は、Frontrend Conferenceのセッション「Inline layout」でお話させていただいた内容を基に、連載記事（全4回）として書き起こしたものです。今回は第１回目です。 はじめに Frontrend Conferenceでは、皆さんが新しい技術について話していた中、私からはCSS2.1のお話をさせていただきました。私が解説したのは、CSSを書く上で欠かせない、以下の4つについてです。 font-size line-height vertical-align inline-block トレンドとはほど遠い内容ではありますが、多くの人にとって、なんとなく感覚

コメントやファイルのやりとり、 校正、進捗確認！ これらをまるっとスムーズに PDF、静止画、動画、Webコンテンツなど、 さまざまなファイル形式のコンテンツを一元管理できます。 ファイルの中身のチェックに ダウンロードも、専用ソフトも必要ありません Adobe Illustrator、Adobe Photoshop、Officeドキュメント、PDF、さまざまな形式の動画ファイルなど、 これらのファイルの形式を意識することなく、ウェブブラウザやアプリでチェックして、手描きやコメントのフィードバックができます。

私は業務の傍ら、上場企業のサイト管理をしています。 上場企業が個人に対してサイト管理を任せる訳が無いと思う方は回れ右どうぞ。 ＳＥＯ会社を７社使った末に、辿り着いた私なりの結論。 どの企業が良いという記事では無い為、企業名は差し控えます。 ペンギンアップデート前のＳＥＯ 当時は、有料リンク購入やＵＲＬ転送などで順位を上げようという流れが強く、今で言う所のブラックハットＳＥＯが横行している時代でした。 私が管理を依頼された時点で契約していたＳＥＯ会社も当然ブラック。提案されたプログラムへ参加すると、個人ブログや特定サイトなど全く身に覚えが無い複数のリンク先からＴＯＰページへ大量のアクセスが集まり、サーバーがダウンした事もありました。 良いか悪いかは別として、これをすれば順位が上がると言う、ある程度明確な手法が確立されていた為、ＳＥＯ会社との契約も特定ワードで１位～３位表示なら○万円、３位～１

2015年2月7日 「dots. Summit 2015 - ドッツサミット -」でのセッション資料です。 http://eventdots.jp/eventreport/309318Read less

最終更新日：2015年4月6日 はじめに これから書いていく事は、ブログを多くの人に見てもらえるようにする為の育て方です。内容としてはアクセスアップ、SEOやマーケティングを考えている人向けです。アフィリエイトにも有効でしょう。 また、内容的に現場ではキホンのキと言う内容です。知っている人はすでに知っている事かもしれません。ですが、まずはここを抑えておかないと先も見えて来ません。同じような内容で高いお金を受け取るセミナーや会社なんかもあります。それだけ大事な内容です。 なぜ私がそんな内容を書くのかと言うのは、WEBの事を考えてです。googleは何故基本的な事が大事だと言っているのか。そしてWEB 全体がなぜそちらに向かっているのか。この辺を具体的に触れると長くなるのですが、結論を言うと、責任があるから。だと私は思うんです。団体、個人問わずにWEB業界としても責任あがあります。これが私がこ

2023年8月開催 DEF CON 31 Cloud Village CTF 世界1位 CMD+CTRL Cyber Range CTF 世界2位 CODE BLUE 2024トレーニング参加登録開始 CODE BLUE 2024のトレーニング参加登録が開始しました。 サイバーセキュリティの高度なスキルを第一戦で活躍するスペシャリストから直接学ぶことができる、 4つのトレーニングコースの参加登録を受け付けています。 参加登録、詳細はこちら サービス・製品

クックパッド ダイエット事業室の田中です。昨年５月からスタートした「クックパッド ダイエット」にリリース当初から携わり、デザインやダイエットニュースの編集を担当しています。 現在クックパッドダイエットのサイトは月間1000万ページビューを超え、「ダイエットといえば『クックパッド ダイエット』」と言われるような世界を目指して、日々、運用・改善に取り組んでいます。 今回紹介するのは、クックパッドダイエットのUIをデザインする時の「UIの言葉選び」の具体的なチェックリストです。 最高のレイアウトでも言葉がイマイチだと台無しに みなさんは、UIの中の「文言（言葉）」をどのようなプロセスで決定していますか？ UIのレイアウトや遷移の方法について熟考する姿勢を持っている方は多いと思うのですが、文言の検証方法については確固たる視点を持っていない方もいらっしゃるのではないかと思います。 UIで王道のレイア

もう少し細いフォントが欲しい、横線が短めのフォントが欲しい、カクカクしたフォントが欲しいなど、自分仕様にフォントを簡単にデザインでき、それをOpenTyepとTrueTypeのフォントとしてダウンロードできるオンラインサービスを紹介します。 先日紹介した「英語や日本語や絵文字など紙に書いた文字からフォントがつくれるオンラインサービス」とはまた違ったフォント作成ツールで、こういうサービスが増えるのは嬉しいですね。

最近色んなところでBrackets使ってますの声を聞けて嬉しい感じなんですが、Bracketsのアドベントカレンダーも余裕で挫折しているのでまた仕切り直して、せっせと紹介記事書いていきますね。今回は新しく知った拡張機能のなかでコーディング関連のものを紹介します。これまでの紹介したものはいくつかありますので見てみてくださいー。 Bracketsだって激しく進化してますよ！メインエディターとして1年使ってみて – WEBCRE8.jp PSDデザインカンプからのコーディングに超便利！Extract for Brackets – WEBCRE8.jp SVGをBracketsで使用・作成・編集するのに便利な拡張機能 – WEBCRE8.jp Brackets CSS Class Code hint 便利過ぎワロタ系のやつです。編集中のHTMLが読み込んでいるCSSのセレクターに書かれているcla

英語を上達させるためには英語の文や表現をたくさん覚えることが重要だということは以前お伝えしました。 みなさんの中には英語の文がたくさん載っている英語表現集を買って頭から覚えていくという方法をされている方もいますし、 また、自分の使う表現を抜き出して覚えているという人もいると思います。 文を覚えるのは大事なのですが、その方法だとちょっと遠回りをしているように感じたので、 今日は同じ、文を覚えるにしてもどのような文を覚えていけばもっとも効率がいいのかについて僕が実践した方法をみなさんに紹介したいと思います。 まず用意するもの ライン（携帯アプリでもいいがPC版の方が望ましい） エクセル です。 英会話上達にはラインがかなり使えます。 なぜならそこには今まで自分が使ってきた日本語の口語表現がたくさん集まっているからです。 PC版のラインを用意して仲のいいともだちでもよくないともだちでもいいのでそ

本気でweb制作を仕事にしたいなら 現場で通用する実践的なスキルを身につけましょう。 【独学 vs スクール】メリットとデメリットを比べて、おすすめの学習方法もお伝えします。 続きはこちら 今回は、web制作時によくある悩み「ワイヤーフレームの作り方がわからない」を解決します。 意外に、ワイヤーフレームの作成方法を詳しく教えてもらう機会は少ないですよね。 そのため、以下のような悩みを抱える人が多くいます。 ワイヤーフレームが何かを知っているけど、いまいちうまくまとめられない。 ワイヤーフレームを作るときの手順が合っているかどうか自信がない。 webサイトの制作過程において、ワイヤーフレームの時点で失敗していると次の工程のデザインも絶対うまくまとまりません。 ワイヤーフレームは、家を建てるときの設計図と同じ役割をします。 適当に作った設計図をもとに家を建てたら、当然、住みにくく崩れやすいもの

ここ数年、Javascript界隈でフレームワーク戦争が勃発してきました。クライアント開発の規模も年々大きくなり、jQueryだけでは複雑な画面遷移などを管理しきれなくなってきたのが原因だと思います。 私も昨年までAngularとbackboneを試しましたが、サーバサイドをMVCにしているのに、クライアントでもMVCを作るMVCの2階建ては、やり過ぎなのではないかと思っていました。フレームワークそのもの覚えるまでにも一苦労というのも面倒に感じました。 2014年、海外でブームに火が付いたReact.js そんな中、2014年の後半からFacebook発のReact.jsの採用事例が聞こえてくるようになりました。AirBnBや米Yahoo! Mailなど大手がReact.jsを積極的に採用し出したので気になり、年末年始を使って色々調べてみることにしました。 Rails以来の衝撃 色々試して

お金の話です。 AWSの。 一般的なアプリのサービスの場合、 サーバサイドのメインコストは下記の3つです。 RDS固定費 EC2固定費 S3固定費 転送料金 使っていれば大物コストになりうるのはRedshiftやDynamo、CloudSearchあたりだと思いますが、 まぁ一旦ここは置いておきましょう。 特にRoomClipのような画像中心のサイトの場合は、 転送料金がバケモノ化していくので要注意でございます。 よくAWSの料金体系は複雑と言われます。 確かにそうなのですが、 複雑化している最大の要因は転送料金にあるんじゃないでしょうか。 もっと突っ込んで言えば、「S3の転送量が把握できない」ということが大きいのではないでしょうか？ 今日はその辺について、僕が荒く把握するときの計算方法を記載してみます。 転送料金以外について、まず整理してみます。 これは実はとてもシンプルで、 RDSもE

連載目次 前回の「いまさら聞けないNode.jsの基礎知識とnpm、Gulpのインストール」において、サーバーサイドJavaScript実行環境であるNode.jsについて基本的な説明を行いました。また、その周辺ツールであるnpm、Gulpを含めた環境のセッティングも行い、Node.jsを用いてMEANスタックアプリ開発ができる状態になったと思います。 本記事では上記環境を用いて説明していくので、実際にサンプルを動かしたい場合には前回の記事を読んで環境を作成しておきましょう。 今回はサーバー側のMVCフレームワーク、「Express」について解説します。 MVCフレーワーク「Express」とは 「Express」とは、Node.js上で動作するWebアプリのフレームワークです。 Webアプリを構成する上で必要な機能がそろっており、ルーティングやビューヘルパー、セッション管理の機能もデフォ

Googleが行う数々のアップデート。主要なものに分けると4つになりますが、これらの情報を網羅するとなると、非常に大変です。今回のSEO Japanはこうしたアップデートの変遷の内容をまとめ、その対処法も指南する記事となります。 筆者はPUBCONやSMXでもスピーカーを務める、起業家のNeil Patel氏。ウォールストリートジャーナル紙、フォーブス紙、果ては、オバマ大統領からも(!!)賞賛の言葉を得ているトップ・インフルエンサーです。 非常にボリュームのある記事となっているため、前編と後編に分けました。今後のSEO・コンテンツマーケティング戦略を構築する上での参考資料にしていただければ幸いです。– SEO Japan ＊今回の記事は、前後半に分けてあります。後半記事はこちらです。 あなたは今まで、Googleがアルゴリズムをアップデートし続ける理由を考えたことがあるだろうか？ あなたは

今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference 外村 和仁（株式会社 ピクセルグリッド） 本記事は、2015/2/21に行われたFrontrend Conferenceの「Introduction To React」の内容を紹介します。 当日の資料は以下にアップされていますので、こちらも参照してください。 Introduction To React // Speaker Deck React.jsとは何か React.jsはFacebook製のJavaScriptライブラリです。 http://facebook.github.io/react/ 公式サイトに、「A JavaScript library for building user interfaces」とあるように、R

1 以下、＼(^o^)／でVIPがお送りします 2015/03/01(日) 21:24:58.45 ID:dCVptXLg0.net

たとえば支給対象の子どもが3人であれば、最大で43,160円/月＋10,190円/月＋6,110円/月＝59,460円/月が支給さます。 児童扶養手当の対象者は？ ・離婚した方 ・死別された方 ・未婚で出産された方 ・配偶者の生死が不明の方 ・配偶者が重度の障害者の方(身体障害者手帳1・2級) ・養育している祖父母の方 などが手当の対象者になります。 児童扶養手当の申請方法は？ 1.まずは所得制限などの条件を自治体の役所の窓口で確認する。 2.もらえる場合は、戸籍謄本・印鑑・預金通帳・健康保険証・住民税課税証明書などを用意して申請をする。 以上の2点になります。前年の12月31日の時点の所得と扶養家族数で判断し、申請の翌月から支給対象になります。また申請者・この状況及び申請の内容により必要書類が異なりますので、手続きをスムーズに進めたい方や申請の方法がよくわからないという方は、役所の窓口へ

This document summarizes a microservices meetup hosted by @mosa_siru. Key points include: 1. @mosa_siru is an engineer at DeNA and CTO of Gunosy. 2. The meetup covered Gunosy's architecture with over 45 GitHub repositories, 30 stacks, 10 Go APIs, and 10 Python batch processes using AWS services like Kinesis, Lambda, SQS and API Gateway. 3. Challenges discussed were managing 30 microservices, ensur

2015年に入り、「Amazon.co.jp: Kindle無料マンガ雑誌」がスタートするなど、本や雑誌を電子書籍で読む機会が増えてきている。特に「紙の書籍よりも、電子書籍の方が大きく割安になっている場合は、電子書籍で買う」という人も多いのではないだろうか（特にIT業界の人は）。実際に自分もAndroidタブレットやiPhoneなどを使って電子書籍を読むことが増えてきた。 まだ電子書籍で本を読む習慣がないという人は、今春から試してみてはいかがだろうか。紙の書籍ではあり得ないが、電子書籍であれば無料で提供されているものもある。本稿ではそんな「無料*1でダウンロードできるIT技術系電子書籍」を一挙にまとめて紹介する（※特に主要な出版社のものを取り上げている。「これがないぞ」というのがあればお知らせいただけると幸いだ）。 なお以下では、英語書籍が圧倒的に多いので、逆に日本語書籍にのみ【日本語】と

Photo by dotConferences こんにちは。谷口です。 プログラミングをこれから学ぼうとしている方で、「JavaScriptを使えるようになりたい！」という方は多いと思います。 JavaScriptは実行環境が主にWebブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられます。（JavaScript - Wikipedia） Webサービスの作成・運用をする機会がある方には必要不可欠なJavaScriptですが、これから勉強を始める方の中には「プログラミング経験ゼロなんだけど、一体どうやって勉強したらいいの……？」と思っている方も多くいらっしゃるのではないでしょうか。中には「エンジニアではないんだけど、仕事でJavaScriptを触る機会があるから覚えたい！」という方や、「初心者だけど、なるべくコス

立体交差まで付いた…世界的にヒットした「世界一簡単な構造の電車」が大幅バージョンアップ（動画） 昨年、「世界一簡単な構造の電車」という日本発の映像が世界中でヒットしました。（3月3日現在で668万回再生） （参照：たった3つの小道具で遊べる「世界一簡単な構造の電車」が海外で人気に（動画）） 乾電池、マグネット、銅線コイルの3点だけで電車が走る興味深いものでしたが、新たにバージョンアップしたものが公開されました。 コイルの上側を走ったり、立体交差、加減速なども加わった、デラックスバージョンをご覧ください。 World's simplest electric train 2 【世界一簡単な構造の電車 2】“outside” - YouTube なるほど、コイルを2個並べると、その上に乗せて走らせることができるのですね。 トンネルの出入りや、加速・減速・立体交差など、より本格的になって、見ていて

はじめに こんばんは。以前以下の記事で告知したWEBサービスが公開後二ヶ月を経過しました。前月に引き続き、経過報告や反省点を記載しておきます。 先月の経過報告 ※リンクが間違っていたため修正しました。 WEBサービスをリリースして一ヶ月が経過したのでアクセス数・収益など経過報告や反省点など - ぼくのかんがえたさいきょうのうぇぶさーびす どんなサービスだっけ？ youtubeの動画を元に音ゲー感覚でタイピングを練習できるサービスです。 無料タッチタイピング音ゲー typebeatscloud アクセス数 UU 3,483 PV 23,248 直帰率 34.89% 平均セッション時間 4:21 ページ / セッション 4.99 新規セッション率 69.17% 2月は日数が少ないのもありますが、そんなレベルのダウンじゃないですね。むしろリリースバブルを過ぎてあるべき値に収まったというところでし

ストロボ撮影の基本 かんたんにできる１灯ストロボライティング ３パターン ストロボを購入して正面に影を作りたくない！ ライティングにこれから挑戦してみたい！ やってみたけど、なかなかうまく出来ない っと言う方向けに、まずは基本になる１灯のストロボライティングを御紹介します。 まずはストロボの光がどこから入るときれいか知ろう！ １灯が使えないと、２灯３灯入れてごちゃごちゃになってしまい なかなかうまくライティングが出来なくなります。 前回自然光でのポートレート撮影のコツを御紹介させて頂きましたが 人物写真 光と影のポートレートを撮影する２つのコツ - CameraStory あらためて基本になるストロボ無しで窓際の光を利用します。 背面からの窓の光（逆光）だけでここまで明るく撮れたりします！ なんか暗く写っちゃうんだけど.... 同じ環境でも暗く写ってしまう場合は、露出補正を＋に調整してみて

TOP  >  WordPress  >  レスポンシブブログを手軽に フリーwordpressテーマ15種「15+ Best Free Responsive Blog WordPress Themes」 今や、レスポンシブ対応でサイトやブログを設計するのは当たり前となってきており、1から構築する手間を省くためテーマを利用することで時間とコストの効率化を測ることができます。今回はそんな時に参考にしたい、 フリーwordpressテーマ15種「15+ Best Free Responsive Blog WordPress Themes」を紹介したいと思います。 WordPress › Nictitate « Free WordPress Themes wordpressを使ったブログのレスポンシブテンプレートが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

うちのサイトにも広告を出稿していただいている「パラフト」がすばらしいのです。こういうサービスにスポンサーをしていただけるのは大変嬉しいですね。 「新しい働き方」ができる企業専門の就職サイト パラフトは、新しい働き方ができる企業が集まった就職サイト。ここに載っている企業は、「無駄に満員電車に乗って出勤して消耗して、生産性ゼロの付き合い残業をして、私生活と家族をないがしろにして、たかだか年収数百万くらいのために色々ボロボロになっていく」という昭和ワークスタイルとは程遠いものばかりです。どうぞご覧くださいませ。 地方でのフルリモート勤務あり！：ChatWork株式会社 ■ 御社が導入する「パラフトスタイル」を教えてください。 − エンジニアは、早朝出勤・コアタイムありのフレックスタイム制・また地方でのフルリモート勤務なども導入しています。Web開発部では実際に、愛知県と山口県でリモート勤務してい

別にさ、無償の愛を注げとかは言わんよ マザーテレサじゃあるまいし 親だって人間だもん、見返りが無きゃ愛せないってのは正論だよ、多分 不慮で出来た子供とかさ 育ててみれば可愛げが無いとかさ 色々不備不満はあるとおもうんだけどさ 多少さ、出来たって分かって産もうって思ったくらいの情があったらさ 子供の事、褒めてあげてください あと、時々抱きしめてやるといいかもしれない 当然な事言ってんじゃねぇよ馬鹿毎日褒めちぎっとるわって奴はもう読まなくていいよ 多分クソ長いしくだんねーから そうじゃないなくて時間があるならまぁ付き合えや お前がどんな風にどんな親に育てられたかとか知らないし、考慮できないから言及しないけど 子供ってさ、親にされたこととか言われた事、思ったより覚えてるんだよね お前に覚えがあるか無いかは知らないよ 少なくとも俺は覚えてるし、なんでか案外忘れられないんだよ 転んだ時に泣かなかった

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

売れるネット広告社が実践している「縦長LP」の構造 4つのエッセンスと7段階アプローチ|ECzine（イーシージン） の記事が話題になっているようです。 縦長ＬＰは、縦に長すぎると「飽きる　ｏｒ　飽きない」の２項対立ではない 今回の記事に限らず、この縦長ＬＰ議論は、よく見かけていた議論なのですが、私がｗｅｂ業界にいた時は、 ・ＣＶＲの最適化には、「フォームに情報を入力してもらい」、「完了ボタンを押す」という「ゴール」に対しての最適化をするには、「どの程度のページの長さ」がいいだろうか、Ａ／Ｂテストをしよう！ と考えていました。 しかし、ＥＣ業界にきて、ゴールは「購入」であるという事に気づき、ライティングやダイレクトレスポンスマーケティングなどを学ぶと、 ・最終的な売上を上げるために、「どの程度の長さの説明」を行うと、購入をしてもらえるお客様にとって顧客満足度が最大化できるだろうか、Ａ／Ｂテ

こんにちは、段田です！ 前回、「WordPress SEO by Yoastプラグインの基本機能」を紹介しました。 今回はカスタマイズする際に便利なAPIの紹介をしたいと思います。ます！ WordPress SEO by YoastプラグインのAPIについて WordPress SEO by YoastプラグインのAPIは、WordPressのフィルターフックを利用しています。 そもそもフィルターフックとは？と思った方は、エンジニアひろゆきが以前「WordPressカスタマイズの幅が劇的に広がる、フィルターフックとアクションフックの使い方」を書いているので、こちらを確認しましょう。 主要なフィルターフックとアクションフックは、公式サイトに記載があります。 公式サイト：WordPress SEO API Docs WordPress plugin • Yoast https://yoast.

Coupeの共同ファウンダー 竹村恵美さん（左）と渡部愛子さん（右） 2月19日に正式リリースされた美容師のサロンモデル探しを簡単にするウェブサービス「Coupe（クープ）」。登録するサロンモデルの数は130人におよび、ベータ期間からのサロンモデル依頼件数の累計は1,200件を超えています。また同社は、サイバーエージェント・ベンチャーズからの資金調達を発表しました。 Coupeを立ち上げたのは、今年4月に大学を卒業する竹村恵美さんと渡部愛子さん。インターンを含めて18歳から23歳から成る7人チームを率いるというお2人に、Coupeを開発する上でのこだわりや、学生起業して学んだこれまでの最大の教訓などについて聞いてきました。 大変そうな美容師の友人を見て着想した「Coupe」 Coupeに登録するサロンモデルたち 竹村さんが、Coupeの構想を思いついたのは身近な人の存在がきっかけでした。中

Web制作に欠かせないツールである「Emmet」というものを、知っていますか？  この連載では、お使いのエディタの機能を拡張するEmmetのインストールから、HTML・CSSの展開、あまり知られていない便利な機能などを解説しま す。初回は、Emmetの概要と、BracketsとDreamweaverにEmmetをインストール方法についてです。 Emmetとは何か？ Emmetは、主にHTMLやCSSの記述・編集を強力にサポートするプラグインです。Dreamweaverをはじめ、様々なIDEやエディタに対応しており、CodePenのようなコードを公開するオンラインサービスなどでも採用されています。 元々はZen-Codingという名前でしたが、2012年9月ごろから「Emmet」という名前で開発が進められ、正式リリースされた現在も機能の拡張が行われています。 Emmetの主な特徴は、独自の省

LIQUID DESIGN、LIQUID AR、LIQUID PRESS は、リキッドデザイン株式会社の登録商標です。

スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。

先日Developers Summitデビューしました。こんにちは、先生です。 前回公開した記事「エンジニアがいい感じにフロントエンド開発を爆速化できる環境構築の手順」の反響が大きかったので、そこで使われているWebPackというModule Bundlerをもう少し深く掘り下げていきたいと思います。 WebPackとは WebPackは静的なファイルの依存関係を解決しつつ結合したり分割したりするツールです。非常に多機能でカスタマイズの幅が広いのが特徴です。 http://webpack.github.io/docs/ 個人的な経緯ですが、require.js -> Browserifyを経てWebPackに落ち着いたところです。 WebPackはnpmを使ってインストールします。 npm install webpack -g ※ npmが使えない方はまずNode.jsをインストールしてく