海外の YOUTUBEに、上がっている映像が貴重だ。 1960年代の若者は何を見ていたのか？ 何に向かっていたのか？ 学生運動が盛んだった時代で、若き表現者が何を考えていたのか？ 松本俊夫監督『薔薇の葬列』画面 スクリーンショット 最初に登場するのは、黒沢明、小津安二郎、溝口健二ら 日本映画の質の高さを海外に紹介した、映画評論家ドナルド・リチー。こよなく、日本の文化を愛した彼が、60年代の日本の文化を解説（英語）。 今は亡き、若松孝二監督は、映画監督になったきっかけ（衝撃的な発言）などを話す映像に加え、アーティスト横尾忠則は、なぜ大島渚監督作品に出演したかを明らかにし、麿赤兒の語る、当時の舞踏の話。 足立正生監督は、作品のことはもちろんのこと、若松孝二との関係や、カンヌでのビートルズのエピソードやパレスチナのこと、松本俊夫監督は、自らの代表作『薔薇の葬列』の裏話など。 本当に、レアな映像が

ハイブリッドアプリというものを知っていますか？ Windows 10 Mobile搭載のスマートフォンも発売されはじめ、AndroidとiOS、Windows Phoneなど複数の環境で動作するアプリが必須になりつつあります。この問題を解決する方法として、ハイブリッドアプリの需要が高まっています。そこで本記事では、ハイブリッドアプリのフレームワークとしてよく利用されているApache Cordovaを紹介します。 対象読者 JavaScript開発者 Androidアプリ開発者 iOSアプリ開発者 Windowsアプリ開発者 ハイブリッドアプリって何？ ハイブリッドアプリとは何か、という定義は厳密には定まっていません。スマートフォンアプリの業界内でいえば、Cordovaなどを用い、Web技術で開発した通常のアプリを示します。 どうして、Web技術を用いて通常のアプリが作れるかといえば、スマ

数多くのブログで2016年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目キーワードは、UI/UXはユーザーありきを忘れずに、洗練されたUIパターンとコンポーネント、旧バージョンIEのサポート終了、静的ページのジェネレーター、ページの肥大化。 淡いピンクとブルーは、今年のトレンドカラーのローズ クォーツとセレニティ 参考: 2016年のトレンドカラーはやさしい色、春の10色も素敵なカラーが揃ってる！ 2016年、Webとグラフィックデザインのトレンドと今後の展望 2016年、Web制作業界全体の流れ 2016年、注目されている新しいテクニック・コンセプト 2015年に定義されたレスポンシブWebデザインの8つのトレンド 現在のトレンドから見た良いこと、良くないこと、そしてダメなこと 2016年に学ぶべきプログラミング言語と

どうも、まさとらん（@0310lan）です。 今回は、Googleが提供する「Chromeブラウザ」で動作するアプリケーションを作ってみたいと思います。 「なんだか難しそう…」と思うかもしれませんが、ざっくり言ってしまうと普通に「Webページ」を作るのと変わりません。 そこで、簡単なサンプルアプリを作りながら、自分だけのChromeアプリ開発に挑戦してみましょう！ ■Chromeアプリとは？ 開発を始める前に、まずは予備知識としてChromeアプリの「種類」についてご紹介しておきます。 実は、「Chromeアプリ」と言っても、いくつか異なる種類があります。 例えば、「Appspector」というChromeアプリは、ブラウザの機能を拡張することで、表示されているWebページがどんな技術を利用して作られているのかを表示できるようになります。（https://chrome.google.com

CSSがサイトの読込速度の遅延原因かも？見直すところは大きく3つ！ 2015.01.23 2020.12.17 技術 CSSもページ表示速度を落とす要因になります 「なんだか自分のサイトのページの表示速度が遅いなあ…」そうしたお悩みをお持ちの方は多いのではないでしょうか。 もしかしたら、CSSが原因の1つになっているのかも？CSSを見直す良い機会かもしれません。 ブラウザはページ内容を表示する時レンダリングを行っています。 レンダリングとは、データ（今回の場合だとHTML）に書かれている情報を解析し、その通りにディスプレイに表示させることを指します。 外部CSSはこのレンダリングをブロックしてしまうリソースの1つで、運用方法によっては、これが原因でページ内容を表示するのが遅くなることがあり得ます。 どこを、どうやって改善するといい？ CSSをインライン化する セレクタを見直す HTTPリク

国土地理院、「地理院地図」がスマホ対応、「触地図」特設サイトや西之島のGIFアニメも登場 スマートフォンやタブレット端末に対応して使いやすくなった地理院地図ですが、そのソースコードがGithubにて公開されています。 gsi-cyberjapan/gsimaps (利用する場合の注意点については、README.mdを参照ください) すごい……すごいぞ国土地理院！ これで、誰でも自分専用の地理院地図を作って利用することができますね！ すでに「地図タイルを追加する方法」を書かれている方も。 地理院地図に地図タイルを追加して公開する方法 そこで自分も、最近買ったばっかりのFx0に地理院地図をアプリとしてインストールしてみました。 やったこと 下記からzipファイルをダウンロード。 gsi-cyberjapan/gsimaps １．Firefox Developer EditionのWebIDEで

by Clinton Lofthouse 「物語」はたき火によって生まれたことが分かっていますが、例えそれが人間の進化における派生物でも、今や物語は人間と切っても切れない関係です。時間や文化を超え、単なる楽しみとしてではなく人間を変える重要なものとして存在する「物語」がどのように人間や世界に作用するかについて、Aeon Magazineがまとめています。 How stories change hearts and brains – Elizabeth Svoboda – Aeon http://aeon.co/magazine/psychology/once-upon-a-time-how-stories-change-hearts-and-brains/ この世に存在する最も影響力の大きい物語の1つが旧約聖書です。旧約聖書にはもちろん「汝、○○することなかれ」という道徳的な禁止事項も書か

「pjax」とは「Ajax」と「pushState」を組み合わせたもので、非同期通信をしながらURLを変更することができる「jQueryプラグイン」です。 各ページの差分だけ読み込み、描画するので、転送量削減ができ時間短縮を図れますし、ページ遷移時のエフェクトも追加できたり、カスタマイズ性に優れています。検索エンジンからのマイナス点もない非常に優秀なプラグインです。 「Ajax」と「pushState」が何なのかというと・・・ Ajax ページを遷移せずにサーバーからデータだけを非同期でとり、サイトに描画する仕組みのことで、「Google Maps」などに使用されています。 pushState 「HTML5」で導入されたURL操作のAPIで「Ajax」を使用して非同期なサイトを作る時などにアドレスが変更されない問題を解消してくれます。 1. デモ 前置きが長くなりましたが、実際に「pjax

何処かで聞いたことのあるタイトルですか? 気のせいです。Web 制作業3年目のぼくが2014年に取り入れてよかったあれこれリストアップしてみます。残念ながら2014年の最新はこれだ! という感じにはならず以前からあるものが殆どになりましたが、2014年と共に水に流して頂きますようお願いします。 BEM https://bem.info/ 最初の拒絶反応から一転、もう BEM 無しに CSS 設計はできなくなりました。BEM の思想に対して記述の方式は色々ありますが、ぼくは block__element--modifier と接続する MindBEMding の書き方をしています。 Template engine (Jade) http://jade-lang.com/ 静的サイトや CMS サイトのプロトタイプモデルとして html を 生成する際に重宝しています。ぼくは Jade を使用

こんにちは。年末ですね。クリスマス、忘年会、年越し、お正月と忙しい時期でしょうか。お仕事もラストスパート頑張りましょう。 最近ランディングページでも、フラットなデザインだったりわりとシンプルなデザインを作ることが多くなってきている気がします。昔のようにごりごりに装飾を使うというよりも、“今っぽい”シンプルおしゃれなものを作りたいですよね。そこで参考になりそうなものが、雑誌のデザイン(エディトリアルデザイン)です。紙とWebなのでそのまま真似るのは難しいですが、ちょっとしたあしらいなら参考にできそう！今日はそんなあしらいを紹介します。 版ズレ風文字 カンタンだけど結構おしゃれに見える、そんなあしらいです。基本的には濃いフチに薄い色をズラすのが良いかと思います。見出しに使えそう？ 鉤括弧 鉤括弧といっても普通の「かぎかっこ」ではなく、細めに大きめに、テキスト全体を囲うように使うのがポイント。こ

最近のものをまとめています。 ３２歳無職が３ヵ月でSNSサービスを作ってみた ３２歳無職が３ヵ月でSNSサービスを作ってみた - 無職の流儀 つくったもの FLGMAP FLGMAPは行った場所を記録するWebサービス どんなもの? 「ワンタッチで行った場所を記録できるサービスがあれば良いなぁ」と思った経験を思い出して開発に着手しました。 使用技術 サーバ さくらVPS ２Gプラン 1580円 CentOS 言語等 PHP、JavaScript、jQuery、MySQL(mroonga) メール Postfix フレームワーク 自作MVC アクセス数 約350UU PVが約2000PV(14/12/23) 性の悩みを解決する為のWebサービスをつくってみました 趣味でWebサービスをつくってみました - 今日学んだこと つくったもの Love Points どんなもの? 異性含めた友達達と

LAMPに代わる構成として注目のMEANスタックの基礎知識とインストール、ひな型作成：MEANスタックで始めるWebアプリ開発入門（1）（1/3 ページ） MEANスタックを用いたWebアプリの開発方法について紹介していく連載。初回はMEANスタックの特徴と構成要素MongoDB、Express、AngularJS、Node.jsの概要、インストールの仕方とひな型の作成方法を解説。 連載目次 今でもよく使用されていますが、以前からWebアプリ開発ではLAMP環境がよく使用されていました。LAMPとは、一般的なWebアプリを開発するのに人気の高いオープンソースソフトウェアを組み合わせたもので、以下を用いたシステムのことです。それぞれの頭文字を取って「LAMP」と呼ばれています（参考）。 OS：Linux Webサーバー：Apache HTTP Server データベース：MySQL プログラ

2013年フランス世界報道写真祭「Visa pour l’Image（ビザ・プール・リマージュ）」報道写真特集部門で最高賞を受賞した気鋭のフォトジャーナリスト・林典子。社会に鋭い視線を投げかける優れた業績に対し、2011年名取洋之助写真賞、12年DAYS国際フォトジャーナリズム大賞と、今最も活躍が注目されている写真家の一人である。そんな林氏が、今月の6月に待望のファースト写真集『キルギスの誘拐結婚』（ナショナルジオグラフィック）を上梓。 現地語で「アラ・カチュー（ала качуу）」と呼ばれる誘拐結婚は、文字通り女性の合意なく強引に誘拐し、結婚を迫る風習だ。どうしてキルギスの女性はそれを受け入れてしまうのか？　取材を通して彼女は何を感じたのだろうか？ ――写真集発売おめでとうございます。林さんがフォトグラファーになった経緯ってユニークですよね？ 林氏（以下、林）　ありがとうございます。初

副業でWebデザインをやりたい人はいつの時代も多くいます。人気の理由は身近で、パソコンさえあれば自宅でできるという敷居の低さでしょう。特に、副業でWebデザインをやりたい方は女性が多い傾向にあります。 やり方次第では独立なんかもできるという期待もあるのだと思います。副業でWebデザインは大きく稼げるとは言えませんが、数万円や数十万円程度なら十分に稼ぐことはできます。 例えば、副業でもWebデザインの案件を1ヶ月に1本客単価10万円のをコンスタントにとっていれば結構な副収入になります。 しかし、当然それまでにはそれだけの実力や実績は必要になってきます。そこで、副業でWebデザインをして稼いでいくまでの実際の「準備」「手法」「必須ツール」の流れをここで紹介したいと思います。 3つ例を出してみましたが、だいたいこの3つぐらいの段階に別れると思います。下にいく程、本気度が高くなっています。 で、も

サーバーの扱いに慣れていない初心者の方を対象に、VPS(Virtual Private Server)を使ってWebサーバーを構築し、WordPressサイトを運用できるようになるまでの連載を始めます。 サーバーの構築方法については、中・上級者向けの情報は多く見つかりますが、 「初めてVPSに触れる方が、Webサイトを構築して運用できるようになるまでのノウハウ」 を体系的に解説しているサイトはあまり多くありません。 ネット上に存在している情報では断片的だったり、分からない専門用語が出てきたりして、途中であきらめてしまった方も多いのではないでしょうか？ 本連載では、初心者の方でも「これさえ読めばVPSを構築できる！」ように、初歩から丁寧に解説します。 「今までレンタルサーバーを使っていたけど、一歩進んでVPSに挑戦してみたい」という方のお役に立てれば幸いです。 本連載は以下の構成で5回に分け

手錠を解かれた男は被告人席に座ると、傍聴席を見まわした。男の視線が最前列に座る私を捉える。その瞬間、「おっ」という感じで照れたような表情を顔に浮かべた後、彼はなぜか私に向けてちょこんと頭を下げた。私も合わせて軽く会釈する。 それが私たちにとって二度目の"対面"だった。 9月17日、宇都宮地裁栃木支部（栃木県栃木支部）。被告人の罪名は商標法違反、私電磁的記録不正作出、同供用である。 福島県いわき市に住む自称ホームページ製作業の男は、マイクロソフト社のソフト「オフィス」や「ウィンドウズ」の認証コード（プロダクトキー）を販売するサイトを開設していたが、その際、同社のロゴを無断でサイトに使用したことにより、6月16日、まずは商標法違反で逮捕された。 また、その後の調べにより、男が販売していたプロダクトキーは、すべて違法に入手したものであることも発覚する。 男はマイクロソフト社製のソフトをダウンロー

記事の内容は「ヨーゲン」氏にネット上で度重なる中傷を受けていた在日外国人女性のグループが、ジャーナリスト安田浩一氏の助けを借り、ヨーゲン氏のリアルでの「正体」を突き止めていくという内容だ。 記事内で紹介されているヨーゲン氏の発言のあまりの下劣さ・見苦しさや、被害者の方たちの苦しい状況、僅かな手がかりからヨーゲン氏の正体を突き止めていく課程など、確かに大変見どころの多い記事で、自分も初見時は大いに興奮して読み進めた。

学園祭の「ホモネタ」企画を考える――「芸バー」炎上、何が起こっていたのか 遠藤まめた 「やっぱ愛ダホ！idaho-net」代表 社会 #ホモネタ#学園祭 秋といえば学園祭シーズン。各地では学生たちがさまざまな企画を打ち出す中で、近年いわゆる「ホモネタ」企画がエスカレートしているようだ。「ホモネタ」とは、LGBTなどのセクシュアル・マイノリティを劣ったものとして描き、笑いの「ネタ」として消費することを指す。 学生にお金を払えば「同性から告白される恐怖体験が味わえる」「万が一カップル成立したら景品をプレゼント」、あるいは「オカマ」「ホモ」などといった言葉が、ただ条件反射的な笑いとして消費される――。これまでも女装や男装の企画は、学園祭において人気だったが、事態は単にジェンダーを遊ぶだけではない方向へエスカレートしている。 「ホモネタ」企画に盛り上がる同級生の姿を前に、少なくないLGBT当事者の

会計の基礎知識をタダで学べるツールって意外とたくさんある！ 皆さんはビジネスマンの三種の神器というものをご存知でしょうか。 【英語・会計・IT】のことを総して、ビジネスマンの三種の神器と言われています。 英語やIT知識がなぜビジネスマンにとって必要か、パッと浮かぶ人も多いと思いますが、会計はなかなか浮かびづらいと思います。 なぜ会計の知識を知っていると有利か 会計の知識は、本来なら会計士や経理部の人間が必要とされるスキルです。 しかし、経営者や管理職の人間にとっても必要な知識と言われています。 なぜなら、組織の経営やマネジメントをする際、必ずCF(キャッシュフロー)という考えを理解する必要があり、CFを突き詰めて考えたとき、それは会計と深い関わりを持つからです。 その１：Webサイトを使う おすすめのサイトをいくつか挙げておきます。 ■1）ShareWis 動画の講義を見て、テストを受けて