ヤバそうなセミナーはヤバそうな場所にあった そんな突然の呼び出しから社長の車に乗せられて会場に向かうことになったわけで、 今回謎のセミナーに向かったのは、株式会社お多福ラボの浜道社長と社員の羽場さんと僕の３人です。ちなみに二人ともマイクロチップを指に入れてます。（僕は入れてません） はじめは会場の場所がわからず苦労しました。 薄暗い通りを進む。 進む。。 進む。。 「本当にこんなところでトランスヒューマニストのセミナーやってんの？」と不安になりながらもヤバそうな雰囲気の路地を歩き続けた末、、 やっと見つけたセミナー会場は、、、 やっぱりヤバそうなビルでした。。。（トランスヒューマニストとこのビルがマッチしてなさすぎてヤバイ。。。） 魔界への扉かもしれないとビクビクしながら入っていった末、ようやく我々一行はセミナー会場へたどり着いたのでした（社長の電話から約１時間後です）。冷や汗しか出ないこ

しかし今回の本題は「WEBサイト全体のスクリーンショット」をアドオン無しで撮る方法です。 スクリーンショットを撮る方法は、Chromeに新たに追加された機能！ 「WEBサイト全体のスクリーンショット」を撮る方法は「Chromeのデベロッパーツール（検証）」を使います。 デベロッパーツールはMacなら「option + command + i」Windowsなら「F12」 まずはスクリーンショットを撮りたいWEBサイトを開いて、右クリックメニューの「検証」をクリックする。ショートカットを使う場合は、Macなら「option + command + i」Windowsなら「F12」で開きます。 デバイスツールバー(device toolbar)を開く デベロッパーツールが開いたら、ツールバーの上部にある「device toolbar（デバイスツールバー）ボタン」を押します。 デベロッパーツール

インフラエンジニアの伊藤です。 最近のサーバ構成では、セキュリティレベルを上げるために踏み台サーバ経由でサーバに接続する環境が多くなってきています。 こんな感じの構成ですね。 エンドユーザはhttpでWebサーバのみにアクセスでき、サーバを設定する開発者等は踏み台サーバ経由で各サーバにSSHに接続出来る、という構成です。 コンテンツをアップロードする際にはSCPを使うことは多くあるかと思いますが、 踏み台サーバが存在する構成だと、対象のサーバにSSHやFTPで接続することが出来ません。 ということで、WinSCPで踏み台サーバ経由で接続する方法です。 セッション部分 WinSCPで起動した画面に入力する部分です。

ペライチだけでなんでもできる 誰でも簡単に売上アップを 目指せるホームページ スマホ対応の本格ホームページがあっという間に。知識がなくても簡単な操作で作成が可能。不安な方へのサポートも充実。フォーム、決済、予約、メルマガ等、ビジネスに必要な機能が低価格でオールインワン

ランディングページ（以下LP）はどこの企業においても必要となるがそれなりの手間暇がかかる。特にSaaS企業にとってはデザイナーのリソースは製品にかけるべきであり、LPなどに時間をさいている場合ではない。一方でデザインからコーディングまでできるマーケターはほとんどいない現状では、自然と外注でということになってしまう。しかしこのご時世、外注を利用して運用していては、時間がかかりすぎてしまうのだ（LPは作って終わりではなく、作ってからの改善が重要だから）。 このような方のためにパワポ感覚で簡単にLPを作れるサービスがある。 すでにサイト作成ツールは多数あるが、LP作成ツールはそこに特化しているだけあって、痒いところに手が届いている。特にABテストが標準搭載されているので、LPに広告流入をさせている場合には、CPAを下げるためにも簡易的にABテストができる機能は大変ありがたい。 本日はそのような中

Power your campaigns and turn more ad clicks into customers with all the intuitive experimentation, optimization, reporting, and growth tools you need—all in one place.

今日はひな祭りですね。ひな壇飾っていますか？ それはさておき、Googleがスマホ対応しているサイトを検索結果に影響を及ぼすと発表してしまいました。 その内容とはいかがなものでしょうか・・・？ 先日Googleが検索エンジンのランキング要素に対し、スマホ対応を加味することを発表しました。 スマホ対応するとスマホの検索上位表示に影響するよって話 実は去年の12月頃からスマホサイト対応の表示は検索結果に表示されていた Webサイトがスマホ対応していなければ、もちろんこのラベルは表示されません。 Googleは具体的にどう評価に反映させるのかは語っていませんが、目に見える変動があることを予測しておくほうが良いと言えますね。 この評価基準は4月21日から導入を予定 Googleはこの評価基準はスマホからの検索結果に対し影響する、と語っています。 つまりPCサイトには影響しない、と語っている反面 つ

「プログラマ業界」であればコンパイラの多くがオープンソース化されていますが、デザインツールはAdobeを筆頭に今もほとんどがプロプライエタリなツールです。そのことが、原理原則に沿うのを難しくしています。 複製不可能な部分に価値を置くという文化的な面 ツール開発にコストがかかるという金銭的な面 もあって、ツールがオープンに向かうことは当面なさそうです。Blenderという例外はありますが、GimpやInkscapeは実質プログラマだけのためのツールになっています。そういえば、Fireworksのオープンソース化嘆願はどうなったんだろう...? ツールが有料 デザインツールはときに高額です。また、セットアップに割く時間も「見えない」コストです。残念なことにインストールも自動化されていません。caskも使えません。$ npm installでは片付かないのです。また、アップグレードの問題もありま

ウィスキー、シガー、パイプをこよなく愛する大栗です。 半年前に「Amazon EC2再入門 2014年7月版」と銘打ってEC2の記事を書きましたが、AWSらしい頻繁なアップデートによって古くなっている部分もあるので、記事もアップデートしようと思います。 最近EC2関連の重要アップデートが出てきました。嬉しい機能が増えているのですが、昔の知識では使いこなせないので、現時点でのEC2の起動方法について纏めようと思います。 起動手順 EC2を起動していきましょう。 AMIの選択 AMI(Amazon Machine Image)を選択します。 AMIの種類 Amazon Machine Image(AMI)には以下のような種類があります。 My AMI 自分で作成したAMIです。 AWS Marketplace Marketpkaceで公開されているAMIです。 Community AMI 他の

この記事はTrygve Reenskaug氏の記事「MODELS - VIEWS - CONTROLLERS」を、氏の許可を得て翻訳したものです。（原文公開日：1979年12月10日） モデル モデルは知識の表象です。モデルは１つのオブジェクトであるかもしれませし（あまり面白くはありませんが）、複数のオブジェクトからなる構造かもしれません。 モデルとその一部には一対一の対応関係がある一方で、モデルとその所有者によって知覚された世界の表象との間にも一対一の対応関係があります。したがって、モデルの各ノードはその問題における識別可能な一部分を表象しているのです。 モデルの各ノードは、同一水準の問題を扱うものでなければなりません。問題指向の各ノード（例えば、カレンダーの予定）を実装の詳細（例えば、パラグラフ）と一緒にすることは混乱を招きますし、良くない形式と考えられます。 ビュー ビューはモデルの

Webエンジニアが、量産品のハードウェアを作るようになるまで─Cerevoの中の人に聞いてみた！ 白石 俊平（HTML5 Experts.jp編集長） Arduinoなどのマイコンのおかげで、ハードウェア開発、特にプロトタイプづくりに関するハードルはだいぶ下がりました。自分（白石）のような人間でも、LEDをチカチカさせるくらいのことはやってみたことがあり、「こんなに簡単にハードを制御できるなんて！」と感動したのを覚えています。ただ、プロトタイプを一度作ってみると、更なる大きな疑問がわいてきます…身の回りにあるハードと、自分の作ったプロトタイプの落差に驚愕するのです。 自作したプロトタイプを、カッコいい量産ハードウェアに持っていくためには、どんな作業が必要なの？ 今回はそんな素朴な疑問に答えてもらうべく、Cerevoさんにお邪魔してプロダクトマネージャーの國舛さんにお話を聞いてきました。 C

2017年5月25日 CSS FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexboxの魅力と使いドコロを、デモ付きで紹介していこうと思います！ ↑私が10年以上利用している会計ソフト！ 対応ブラウザー Can I use…で紹介されているように、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari用に -webkit- のベンダープレフィックスが必要です。IEについては11から正式に対応。IE10にも対応していますが、書き方が

2016年新卒採用から就活スケジュールが大きく変化します。2013年9月に発表された経団連の「採用選考に関する指針」により取り決められたもので、説明会開始は3年生12月から3年生3月へ、面接開始は4年生4月から8月へ後ろ倒しとなり、経団連傘下の企業は基本的にはこのスケジュールに準拠します。 学生は本来学業に取り組むべきなので、就活にかける時間をできるだけ短くする、という狙いのもと施行されましたが、逆に早い段階で学生を囲い込む動きをする企業が増え、昨年は大学生向けのインターンが例年異常に活発に行われていたようです。 参考： ３月解禁、信じていいの？疑心渦巻く就活後ろ倒し 景気回復の波を受け、売り手市場と言われている2016年新卒採用ですが、有望な人材を確保したいという企業側の狙いは変わりません。 Web業界は非常に変化が激しいため、常に新鮮な情報を得られる環境を整えておかなければ就活で優位に

この記事は2015年4月15日に公開された記事を更新しています。 仕事をしているとあらゆる面において重要となるのがプレゼン力です。 プレゼンというと大勢に向かって提案するというイメージがありますが、自分の考えや意見を相手に伝えるという点では、商談や上司への提言など1対1のコミュニケーションの中でもプレゼンの機会は頻繁に起こっています。 仕事のスキルを磨くことも重要ですが、自身の意見わかりやすく伝えるために営業マン以外でもプレゼンスキルを向上するべきです。 今回は、世界中の一流プレゼンターを集めて開催されるプレゼンテーションイベント「TED」を中心に、プレゼンの参考になる人気動画を集めました。 5分前後で完了するものを集めたので、通勤時間にも気軽に閲覧できます。良いプレゼンのエッセンスを吸収してみてはいかがでしょうか。 Google検索エンジンのスパム対策リーダー（現在は休暇取得中）のマット

ドメイン変更を伴うWordPressサイトのサーバー移転の方法を紹介します。 ドメイン変更を伴わないレンタルサーバーのお引越しについては、以下のリンクを参考にしてください。 » WordPressサイトのサーバー移転方法 MySQLのエクスポート phpmyadminを利用して、移転前のMySQLデータベースをエクスポート（sqlファイルのダウンロード）します。 » MySQLデータベースのエクスポート データベースの作成 移転先にWordPressサイトのデータをインポートするためのMySQLデータベースを作成します。 » MySQLデータベースの作成 MySQLのインポート ダウンロードしたsqlファイルをそのまま変更せずに（ドメインは後ほど書き換えます）移転先のMySQLデータベースをインポートします。 » MySQLデータベースのインポート WordPressファイルのダウンロード

head内に書くこと多すぎて嫌になる昨今。 あれがない、これがない、あれどう書くっけとならないためのエントリー。 気が向いたら追加したりしなかったりする予定。 viewport <meta name="viewport" content="width=device-width, initial-scale=1">