「中年童貞……それは、30歳以上の未婚男性で性交経験のないものである。彼らは精神年齢が低く女性に対する幼児性を秘めている。」 今回紹介する『漫画ルポ 中年童貞』（リイド社）はこじらせすぎた中年男性たちの実態を赤裸々に描いた、ノンフィクションライター・中村敦彦氏の『ルポ中年童貞』を、桜壱バーゲン氏の強烈な絵柄でコミカライズしたものである。匂い立つようなイラストによって、よりリアルで真に迫った中年童貞の生き様は、笑えるというより切実さを感じ、意外にも読んだ後しんみりしてしまう。 その壮絶さは本書で確認してもらうとして、中年童貞たちのこじらせ名言を筆者の衝撃度ランキングで紹介しよう。 第5位「妄想で何度も何度も抱き合ってるし童貞って気がしない。だから童貞を捨てたいとか思わないし風俗とか興味ないし…別にこのままでいいかなって思っていますね」（微笑）　偏差値70を超える某国立大学を卒業し大学院にまで

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

7月9 週9時間以上、自転車に乗ると「前立腺がん」のリスクが増す！ カテゴリ:健康 1：幽斎 ★＠＼(^o^)／：2014/07/09(水) 10:59:47.11 ID:???0.net 「週9時間以上自転車に乗ると前立腺がんのリスク増す」との英調査結果 健康のため、環境のため自転車通勤が流行っているが、 男性にとって看過できないデータが発表されたのでお伝えしよう。 週9時間以上自転車に乗っている中年男性は要注意！ 英ユニバーシティ・カレッジ・ロンドン疫学と公衆衛生部のマーク・ハマー博士が、 5,200人のサイクリストを対象に調査したところ、 50歳を超えて週9時間以上自転車に乗っている人は、 前立腺がんと診断されるケースが6倍に及ぶという結果に。 尚この数字は、自転車に乗っている時間が週4時間以下の同年代の男性と比べたものである。 一方よく「自転車に乗ると男性不妊や勃起障害になる」など

【画像あり】184億kmの距離から太陽系の惑星を見るとこうなる 1: 名無しさん＠おーぷん 2016/09/27(火)07:20:24 ID:IMV 画像 2 拡大写真 3 4 気球のカメラで地球を撮影 画像 引用元：http://hayabusa3.open2ch.net/test/read.cgi/news/1474928424/ おすすめ関連記事 【衝撃的】酒井法子さん､やらかして大問題に！！！！！！ヤバイ！！！！ こちらの記事も読まれてます 【衝撃的】水卜麻美アナ､現在の体重がヤバ過ぎて →→→ 人事部「わが社では金曜日をノー残業デーにしており、全社員が17時に帰ります！」就活生「おー！」 【画像あり】10800円のカツ丼ｗｗｗ どん臭い［モテない男］たちの特徴……喪男の原因が判明 非正規「せっせ！！せっせ！！」←時給1000円　　　正規「ぺちゃくちゃゲラゲラ！！」←時給換算300

がーるずレポートはガールズちゃんねるまとめサイトです。トレンドネタで繰り広げられるガールズトークをまとめています。ジャンルの制限はありません。 ガルちゃん（がるちゃん）では旬を過ぎたトピックも「がるれぽ（ガルレポ）」でもう一度で盛り上がろう！ がるちゃんの予習、復習としても要チェックです。 免責事項 当サイトで掲載している画像の著作権・肖像権等は各権利所有者に帰属致します。記事の内容や掲載画像等に問題がございましたら、大変お手数ですが各権利所有者様本人より問い合わせフォームよりご連絡下さい。

http://ren-ai.jp/84535 ▼客観的に見ることができて頼れる 『いつも俺より先を読んで仕事をしている女性の上司。年はさほど変わらないけど憧れる』（20代男性／メーカー勤務） ▼自立している 『いつもランチにお弁当をきちんと作ってきていて、ディスク周りも綺麗だったりすると、家事全般ができる女性なんだな、と好感度大』（20代男性／公務員） ▼パニックとは無縁 『二人で言葉が通じない国へ旅行に行った時、ホテルの予約がなぜかとれていなくて俺の方がパニック…。でも彼女は英語やジェスチャーをまぜてホテルマンに状況を説明してくれ、他のホテルに泊まれることに。コイツなら一生一緒に過ごしたい、と感じた』（20代男性／美容師）

2016年08月30日16:00 歯科助手だけど良い歯医者の見分け方教える Tweet 1: 名無しさん＠おーぷん 2016/08/29(月)03:49:32 ID:p6A 需要あるかな？ 転載元：http://hayabusa.open2ch.net/test/read.cgi/news4vip/1472410172/ 【閲覧注意】死ぬ程洒落にならない怖い話を集めてみない？『雨の老夫婦』 http://blog.livedoor.jp/nwknews/archives/4863112.html 2: 名無しさん＠おーぷん 2016/08/29(月)03:53:33 ID:s6z ほう ちな歯槽膿漏を治す方法キボンヌ 3: 名無しさん＠おーぷん 2016/08/29(月)03:55:22 ID:p6A 人来たよかった！ 歯槽膿漏は今はもう歯周炎って名前になってる。 歯槽膿漏は一回なったら治

見た目の部分ではないのなら、声や話し方が自分の好みかどうかかな。 私の場合ですが、声が上ずってたりして高くて早口な人だと惹かれないです。 顔以外の見た目で言えば、スタイルが良いなと思う人や、姿勢の良い人、動作の綺麗な人は素敵だなと思います。

友達に顔がワンピースのニコ・ロビンみたいな超美人顔の子がいて、顔は誰もが驚くくらいの美形なんだけど、 背が低くて手足も首も短いずんぐりむっくり体型。愛嬌もあって性格すごくいいのに全然モテてない・・・ 本当に惜しいっていうか、何とかしてあげたいっていつも思う あれで165センチ以上あってスラリ体型だったら時代とれた

1 ：幽斎 ★＠＼(^o^)／ 2014/07/09(水) 10:59:47.11 ID:???0.net 「週9時間以上自転車に乗ると前立腺がんのリスク増す」との英調査結果 http://irorio.jp/sousuke/20140709/147744/ 健康のため、環境のため自転車通勤が流行っているが、 男性にとって看過できないデータが発表されたのでお伝えしよう。 週9時間以上自転車に乗っている中年男性は要注意！ 英ユニバーシティ・カレッジ・ロンドン疫学と公衆衛生部のマーク・ハマー博士が、 5,200人のサイクリストを対象に調査したところ、50歳を超えて週9時間以上自転車に乗っている人は、前立腺がんと診断されるケースが6倍に及ぶという結果に。 尚この数字は、自転車に乗っている時間が週4時間以下の同年代の男性と比べたものである。 一方よく「自転車に乗ると男性不妊になる」などと言われるが

ブラック企業は損 「富士そば」の超ホワイトな経営方針 - ライブドアニュース 首都圏で働くサラリーマンであれば、一度はお世話になっているであろう立ち食いそばチェーン「富士そば」（現在は東中野店を除く全店にイスがある）は今年が５０周年。今では１都３県に１００店以上を展開する富士そばを築き上げた丹　道夫（たん・みちお）会長。 ８０歳を迎えた今でも現役バリバリで、店回りを欠かさない丹氏に波乱万丈の人生を振り返ってもらいつつ、客にも従業員にもやさしい超ホワイトな経営哲学を語ってもらった。 ＜中略＞ ―社内の会議室には「我々の信条」が貼ってありましたけど、従業員の生活が第一という経営方針があるそうですね。 丹　昔から母に言われてたの。「お金が欲しいなら、独り占めしちゃダメ。みんなに分けてやる精神がないと絶対に大きくなれない」って。だから富士そばでも、前年よりよければ給料を増やしなさいと言ってるのね。

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

(2015/10/13追記) 今なら、他言語には無名関数やcallback関数というものがありますねとか、イベント駆動の世界を覗いてから戻ってくるとより腑に落ちるかもしれませんとか、もう少し全体観の中で説明する気がしますが、当時は本記事の様な理解が役に立ったことは事実なので、引き続き公開を続けます。 (2013/11/29追記) block_given? について Twitter上で「Kernel.#block_given?についての解説があってもよさそう」と 指摘を頂きましたので、本文下部に追記しました。 ##概要 Ruby on Rails Tutorialのエッセンスを自分なりに整理してみる4 Railsを触る際知っていると便利なRubyの基礎 [ブロックとかシンボルとか] http://qiita.com/kidachi_/items/46a6e49b6306655ccd64 の続

##概要 仮想環境（VirtualBoxなど）上への仮想マシンの立ち上げ、操作が可能。 ##用語 ###プロバイダ 仮想環境 eg.VirtualBoxやVM Ware、EC2など ###プロビジョニング ミドルウェアの設定やインストールを行うツール eg.シェルスクリプト、Chef（chef-solo, chef-client）、Puppetなど ###Boxファイル 仮想マシン起動の際にベースとなるイメージファイルのこと。 仮想環境ごとに必要。 通常はOSイメージから作成する。 Vagrant利用の上で最低限必要な設定（Vagrantユーザの作成、sshdの起動、プロビジョニングツールのインストール）のみを行っておくのが普通。 ###Vagrantfile 構築する仮装マシンのスペックやプロビジョニングツールの指定など、仮想マシンの構成を記述する。 Rubyベース。 基本的に、本ファイ

##「Rubyならこう書く」あれこれ Arrayオブジェクト Rangeオブジェクト ブロックとProcオブジェクト シンボルとハッシュ クラスとコンストラクタ （追記） ブロックとProcオブジェクトについては、長くなったので以下に分離しました。 [Ruby基礎] ブロックとProcをちゃんと理解する http://qiita.com/kidachi_/items/15cfee9ec66804c3afd2 ##配列（Array） ####要素の操作 #配列要素の分割 > "foo bar bazz".split => ["foo", "bar", "bazz"] #配列要素の指定文字列での分割 > "fooxbarxxxxbazz".split('x') => ["foo", "bar", "", "", "", "bazz"] #配列要素の順番入れ替え > "foo bar bazz"

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

私が普段使っているウェブサービスの中でも特に使用頻度の高いもののひとつが ”Pocket” 。「あとで読む」がコンセプトのこのサービスはオンライン上の記事、画像、動画を保存して、文字通りあとで読むことの出来るブックマークレットサービスです。 このPocketには500円／月、あるい4,500円／年を支払うことで適用される有料プランもあるのですが、私はこれを利用していません。 と思っていたら、以前（どれか分かりませんが）Samsung の GalaxyシリーズからPocketを利用したことで、無償で6ヶ月間有料プランの機能が適用されていたようで、こんなメールが届きました。 気づかぬうちに有料プランが適用されていたため、今まで何気なく使っていた機能が実は有料プランだから使える機能だった場合は今後もお金を払わないと使い勝手が悪くなるよなぁ、なんてと思いまして。自分で理解するついでにPocketの

apple-relationship.com 2023 著作権. 不許複製 プライバシーポリシー

最近、機械学習に興味がありちょっとずつではあるけど勉強始めているので、今回は検索と機械学習を活用したシステムの話という濃い内容のHatena Engineer Seminar #5 @ Tokyoに参加してみた。 Hatena Engineer Seminar #5 @ Tokyo - connpass 以下発表内容の転載と感想。 はてなブックマーク全文検索の精度改善 id:takuya-a / @takuya_a はてなブックマークには膨大な量の URL がインデックスされており、本文検索での検索ノイズが多いことが課題でした。 はてなブックマークに蓄積されたタグの情報と、検索エンジン Elasticsearch の機能をうまく使って、検索精度を向上する方法を紹介します。 はてなブックマークのタグ情報を元にタグ付けされた記事から記事の特徴語を抽出して関連したキーワードからElasticse

かなりシンプルですが，この記事のライブラリをWebAPIを通して利用できるようにしました．ブラウザ拡張とかで使うと便利だとおもいます．このライブラリは1.9系では動きませんが，ここを参考にパッチをあてたものを利用しています． 利用方法 リクエスト APIのURL VPSをリセットしたので今は以下のURLで叩けません!!! http://extract_content_api.kitakee.net?url=本文抽出するWebページのURL レスポンス JSON形式 // 成功時 { status: "success", contents: [本文,] } // 失敗時 { status: "error", contents: null } コード Githubで公開しています. PullReqお待ちしております. extract_content_api TODO READMEをつくる HT

Qiitaでストックしている記事をはてなブックマークにブックマークするWebサービスを作りました で触れた、参考にした記事やgemなどをまとめておきます。 記事まとめ はてブAPIでwebサービスを作りたい全ての人に向けて書きました 一番下にapi利用サービス例があるのが良い。 Consumer key を取得して OAuth 開発をはじめよう - Hatena Developer Center 基本です。一番下にあるrubyのサンプルがかなり役立ちました。 Ruby ではてな OAuth のアクセストークンを取得する - kymmt's note サンプルがあり、わかりやすい。 RailsでいろんなSNSとOAuth連携/ログインする方法 - Qiita deviseとomniauthを使った、各種SNSとの連携まとめ。もちろんはてなも含まれている。 ただ、自分は今回deviseやomn

amuharaliving.net 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

こんにちは、ライターの敏夫です。 フリーランサーになろうと思ったら、まず最初に考えるのは仕事の見つけ方ですよね。 シンプルに考えれば、個人的な案件さえ安定させることができれば、それだけでフリーランスとして食べて行けるわけです。そのためにも第一歩となる最初の取引先はなにより重要になります！ 最初の取引先を見つける方法とは フリーランサーになる！と決めた日からフリーランサーと名乗っても平気ですが、仕事が無ければ食べていけません。 そこで大事になるのが最初の取引先。 これさえ見つけてこなしてしまえば、あなたは１つの経験（実績）を積んだことになりますから、この経験を元することで、新しい取引先が見つけやすくなるのです。 在職中から取引先をみつけよう。 仕事を依頼する側としては、「現職の○○」というのは、フリーランス経験者と同じくらい価値があります。 例えば、現職が正社員雇用で副業を許していないとして

日本では、独立したものの1年以内にやめてしまう人がおよそ30%もいることをご存知でしょうか。 さらに3年、5年とその数はどんどん増え、10年後には、なんと70%もの人たちが廃業すると言われています。 今回はフリーランスの厳しい生き残りについて考えてみました。 フリーランスの厳しい生き残り 始めるのも自由、辞めるも自由 勤めていた会社をやめ、フリーランスの道を選ぶことは大変な決断です。収入のこと、家族のこと、仕事のやりがい。あれこれ考えることは尽きないでしょう。 夢や希望に満ち溢れたスタートですが、誰もがいつまでもフリーランスを名乗れるほど甘い世界ではありません。 私は会社員時代にはない「自由」の裏には、常に「廃業」があるのだと感じています。 誰でも簡単に始められ、誰でもあっという間に辞められるのが「フリーランス」という働き方なのです。 映像ディレクターとして起業した私も、決断をする数週間は

満員電車に深夜残業。都会の雑踏を逃れるように、地方に移住するクリエイターが増えています。ノマドワーカーという言葉が一般化し、オフィスに通うスタイルだけが「仕事」ではなくなりました。自宅のみならず、世界中どこにいても仕事ができるようになったのです。 可能性が広がる反面、移住にはリスクもつきものです。後悔しないためにも、近年の移住ブームについて考えてみましょう。 移住者の多い北海道で暮らして 私は北海道を拠点に、フリーランスで映像制作の仕事をしています。最近では、副業としてクラウドソーシングで仕事を受注し、ライターとしての活動も始めました。自身も地方にいながら、中央の仕事は可能だと実感しています。 同じことを考える人は多く、私のまわりにも移住者が増えている現状です。 北海道はもともと移住者が多い場所です。やはり「大自然」というイメージがあるからでしょう。毎年、たくさんの方が首都圏から引っ越して

カフェやファミレスにいくと、よくノートパソコンで仕事をしている人がいます。「なんでわざわざ外で仕事をするの？」と思うかもしれませんが、フリーランスやノマドワーカーの人が外で仕事をしているのには理由があります。 1.気分転換になるから 家で一人ずっと仕事をしていると、何の代わり映えもありません。特に忙しいフリーランサーは朝起きて寝るまでずっとパソコンにかじりついていることもしばしば。 たまには外の空気を吸いたい、でも遊んでいる時間はないとなったら、今日は気分をかえて外で仕事をしようという気持ちにもなります。 カフェで仕事をしていると、普段の環境とは全く違うので新鮮な気持ちで仕事が出来ます。 最近のカフェでは充電用のコンセントが備え付けられているお店も多いし、ほとんどがWi-Fi対応なので、電源とネット環境は全く問題ありません。 2.美味しい御飯や飲み物を補給しながら仕事ができるから カフェや

フリーランスになった人は、すべての仕事をPC上でこなせることになるので、 極端に外出が減り、部屋にこもりきりの生活になってしまっている人が沢山います。 本来、人間にとって、「椅子に座る」という姿勢は体にとって良い状態ではありません。 血が偏ってしまい、心臓への負担が常に増しているためです。 研究結果によると、椅子に座っている時間が長ければ長い人ほど、短命である可能性が高くなるそうです。 座りすぎが死につながる症候群セデンタリー・デス・シンドロームは2002年にアメリカ大統領の諮問委員会によって作られた言葉ですが、糖尿病、肥満、心血管系の疾患などを引き起こす「座りすぎ」の害は、喫煙並であるそうです。 長時間座っていることは喫煙並にあなたの寿命を縮める-GIGAZINE 人間の体は「根性を出せば大丈夫だ！」なんてことはありえません。そんな気持ちだけで体が元気になるなら、誰も健康のために苦労はし

こんにちは、フリーライターと言えば、文章を書くのがメインのお仕事ですが。ずーっと文章だけを頼まれているのかと言えば、そうではありません。 時には写真を撮ったり、Photoshopを使って写真の加工までやることもあります。 そこで、今回はそんなフリーライターの作業が捗るソフトやツールをご紹介していきたいと思います。 フリーライターに便利なソフトやツール Adobe社のCreative Cloud(フォトグラフィプラン) http://www.adobe.com/jp/jos/creativecloud/about/photoshop-and-lightroom.html このサービスはAdobe社が提供する最新版のPhotoShop(写真加工ソフト)が、月額980円で利用できるプランです。 「なんでフリーライターに写真加工ソフト？」と思うかも知れませんが、 ライティングと同時に写真も納品する

こんにちは、ライターの敏夫です。 今の時代、パソコンがなければ仕事にならない職種は多いです。フリーランスとしてはメジャーなイラストレーター、ライター、デザイナー、プログラマー、コーダーなどなど。 これらの仕事をしている人は、皆パソコンを使って仕事をしています。今の時代、文章を書くために原稿用紙で手書きしている人は少ないでしょう。それだけパソコンは生活の中で無くてはならないものになっているのです。 しかし、パソコンに向き合う時間が長ければ長いほど出てくる問題は「その環境に慣れ、作業に集中できなくなってくること」これはフリーランスの大半が抱えている問題です。だからフリーランスは場所を変えたり外に出たりしているわけですが、 インターネットとも常につながっているので、ネットサーフィンを始めてしまったり注意力散漫になってしまうんですね。 なので、フリーランサーとして仕事をしている人は常に、「作業効率

クラウドソージングだけで生活は出来るのか クラウドソージングでは、大体20％の手数料を持っていかれます。あらかじめ手数料代はクライアント代が持ってくれるというのであれば別ですが、そうでない場合、例えば２０万円欲しいなら、２４万円は稼がないといけません。 そこで今回は２４万円以上稼げるのかという部分からお話ししたいと思います。ランサーズにまだ登録されてない場合は、登録した上で読んでいただけると、さらに分かりやすい内容です。 ランサーズでやりとりされている仕事ジャンルについてはこちらをご覧ください クラウドソージング最大手、ランサーズの依頼システムについて クラウドソージングの中でも最大手のランサーズでは、コンペ、タスク、プロジェクトという三つの方式で依頼が発生します。 コンペ・・・先に製作し、クライアントが気に入って選択してくれれば報酬発生。 プロジェクト・・・クライアントと受注側で打ち合わ

Webライティングの需要が高まるなか、アルバイト感覚でライターを始める人が増えています。私も最初はその一人でした。 本業の映像制作の空き時間にお小遣い稼ぎの感覚で書くようになったのですが、ライター初心者が仕事をとるためには、少なからずの努力が必要です。私が実践したことをまとめてみました。 ライター初心者が仕事をとる方法 ライターと名乗った瞬間からプロ意識を持つ 医者や弁護士のようにライターには認められた資格がありません。 有名雑誌に連載するライターも、書き始めて１週間のライターも、「ライター」と名乗った瞬間に同じ土俵に立つ、言うならば「プロ」なわけです。 文章を書くのが得意なことと、文章でお金をいただくのは、全く違うということを肝に銘じなければいけません。 私がライターと名乗ったのは、映像の仕事で独立してからでした。 これまでも、地元のフリーペーパーに毎月コラムを書いていたほか、ドキュメン

クラウドで仕事を受注できるようになり、働き方が大きく変わったというフリーランスは多いでしょう。インターネット環境とパソコンさえあれば、どこでも仕事ができる時代になったと言えます。クラウドソーシングがもたらした恩恵や影響について考えてみました。 クラウドを活用して変わったワークスタイル いつでもどこでも仕事ができるのです。 私がクラウドソーシングを利用することで、劇的に変わったのは「営業スタイル」です。例えば、新規でWebライティングの取引先を探すのは大変なことでした。どの企業がどんな仕事を求めているのか、全くわからない状況だったからです。 ランサーズを利用すると、毎日たくさんの案件が登録されます。空いた時間に、自宅にいながら「新規開拓」ができるのは大きな強みと言えるでしょう。 また、クラウドで仕事を受注できるシステムは、企業側がライターを指名するという、仕事のスタイルを確立しました。 仕事

先月から出稼ぎで東京に来てます。毎年、プロジェクトの特性上、３〜４月に空きが出てしまうので、仕方のないことなんですが。 で、最近ネットワーク図を書く仕事をしているのですが、ちゃんとしたネットワーク図を仕事で書くのは初めてのことでしたので、「コツ」をつかむまでだいぶ時間がかかってしまいました。 その過程で、いろいろと参考にしたサイトをまとめてみます。 書籍 ネットワーク現場の教科書　改訂版 （マイコミムック） (MYCOMムック) 作者: IDG出版社/メーカー: 毎日コミュニケーションズ発売日: 2011/03/31メディア: ムック購入: 1人 クリック: 9回この商品を含むブログ (2件) を見るこれはネットワークの教科書　改訂版 （マイコミムック） (MYCOMムック)の実践編的な内容ですが、本当に役に立ちました。ネットワーク図を書く際には、物理構成図と論理構成図をきちんと分けて書か

※インストール時に必要なアプリはすべて組み込まれる。 ★alfrescoを64bitで動かす場合、最低でも1GBのメモリが必要 ファイル入手 Open Source Enterprise Content Management System (CMS) by Alfresco http://www.alfresco.com/ 今回は以下ファイルを入手 alfresco-community-3.4.b-installer-linux-x64.bin http://wiki.alfresco.com/wiki/Download_Community_Edition alfresco日本語ファイルは以下を入手 V3.4_ja_JP_03.zip http://forge.alfresco.com/frs/?group_id=13&release_id=433 alfresco shared日本語ファ

エンタープライズ版とコミュニティ版の違い Alfrescoにはエンタープライズ版（有償版）のAlfresco Oneと、コミュニティ版（無償版）のAlfresco Community Editionがあります。 このCommunity Editionは厳密にはAlfresco Software Inc.（以降、Alfresco社）の製品ではありません。有志の開発者に育まれているコミュニティの賜物です。無償ですので、Alfrescoの機能を簡単に試すことができます。また、世界各国の開発者が日夜新しい機能をいち早く投入したいと取り組んでいるもので、将来のAlfrescoの姿を有償版のAlfresco Oneに先駆けて試し見ることができます。 Community Editionはこちらからダウンロードして利用することができます。 > Download Community Edition ただし、

CentOS 6.6上に、Alfresco 5.0をテキストインストールしました。公式サイトのインストールマニュアル、Web情報で見つけたインストール手順でも、X-Windowからのインストールで、最後にhttp://localhost:8080/share/をブラウザで打ち込んでと書いてあります。私としてはサーバにするPCにGUIは入れたくないので、テキストインストールを試みました。 公式サイトよりalfresco-community-5.0.d-installer-linux-x64.binをダウンロードして、以下のようにインストール。どうやらテキストベースでもインストールはできそうです。途中「ポート25が～」とあるのは、私のPCでpostfixが動いていたから。あまり気にせずに進めました。 [root@TAlf ~]# ./alfresco-community-5.0.d-insta

社内でファイル共有ツールとしてownCloudを使っていましたが、ディレクトリにパーマネントリンクが発行されなかったり、共有編集やバージョン管理にだいぶ問題があったので、別のツールの検証を始めました。 いろいろ調べてみたところ、日本ではあんまりはやっていないようですが、米国ではこれを使ったパッケージなども販売されている「Alfresco」というOSSを使ってみることにしました。 Alfrescoについて Alfresco（あるふれすこ）についてそれほど詳しいわけではないのですが、基本的にはエンタープライズコンテンツ管理（ECM）とビジネスプロセス管理（BPM）ができるツールです。機能はとてもたくさんあり、稟議などのワークフローを踏まえた文書管理などもできるようですが、個人的には ファイルのバージョン管理がきれいにできる ファイルのオンラインプレビューが出る Googleドキュメントやローカ

Ruby on Rails4でとても評判の良い『実践Ruby on Rails 4』で、書籍が出てから少し時間がたってしまったからだと思いますが、作者のサポートページにおいていあるCentOSを立ち上げるVagrantFilesがそのままではupできません。。。 作者の方のサポートページ 『実践Ruby on Rails 4』読者サポートページ - Ruby on Rails with OIAX CentOS用のVagrantFileダウンロードURLは http://pub.oiax.jp/jissen_rails/vagrant-rails-centos6.5.3-1.0.3.zip ここのVagrantFilesをWindows上で vagrant upすると、、 以下のウェブサイトにあるような認証エラーがでてvagrant upが途中で止まってしまいます。。 出るエラーは defa

ここ最近、いろいろな経緯があってOwnCloudに注目していた。 しかしながらOwnCloudはクライアントのWindows7からパスワード入力なしでSSOをすることができない。やろうとするとOwnCloud以外のサードパーティの製品が必要になってしまうらしい。。オープンソースなのに残念だ。。ということで他のソフトを探していたらAlfrescoというOSSを見つけた。 でもAlfresco聞いたことがない。かなりマイナーなのか。。ということでこの週末調べたURLをいくつか貼り付けておきます。 まず見始めたのは… sirokum.dip.jp ↑でも細かいところがちょいちょい間違ってます。。でも方向性は分かりやすくて助かりました。 LinuxでやるときはActive Directoryにまず参加しないとね。 http://blue-red.ddo.jp/~ao/wiki/wiki.cgi?p

佐々木です。今回はAlfresco Community Editionを使ってみました。 Alfrescoとは AlfrescoはECM(Enterprise Content Management、エンタープライズコンテンツ管理)製品の1つです。Alfresco Softwareによって開発されており、商用版であるAlfresco Oneと、有志が開発したオープンソース版であるAlfresco Community Editionがあります。AWSで言えばAmazon Zocaloっぽいものですが、Zocaloはユーザー同士のコラボレーションにフォーカスを置いているのと違い、Alfrescoは共同編集だけでなく配布(読み取り専用)など、様々なアクセスコントロールを行うことができます。 今回はAlfresco Community EditionをEC2にセットアップしました！使ったOSはAma

3. 自己紹介 ■ 仕事 ‣ Alfresco ... カスタマイズやサポート ‣ Liferay ... カスタマイズやサポート ■ それ以外 ‣ Alfresco ... https://www.facebook.com/AlfrescoUserJP の管理 ‣ Ruby，Python，Heroku，GAE，AWS等で遊ぶ 4. CoffeeScript ■ 概要 ‣ JavaScriptのGood Partsを簡単に利用できるように実装された言語。コンパイルして最終的に JavaScriptに変換される。最新バージョンは1.3.3（2012/9/5時点） ■ メリット ‣ JavaScriptの煩わしい部分を避けられる ➡ } や ) の不整合とか， ➡ (int i = 0; i < list.length; i++)という記述とか， ➡ (function() {})();のような

2020年12月に衝撃が走りました。RHELのOSSクローンとして広く世の中に使われてきたCentOS8のサポートが8年も短縮されて 2021年12月31日に急に終了するという話が出た件、そのあとかなり「もやもや」感が強まってます。 そのあたりのことが書かれた記事をいくつかピックアップしてみます。 qiita.com qiita.com www.geekfeed.co.jp 日本語で書かれたサイトを3つ紹介しました。 ただなぜ2020年12月にあそこまで急にCentOS8のサポートが終了したのかという点については違和感が残るところです。 衝撃の大元に関する情報はおそらく日本語では出てこないと思うので、英語版の情報を探してみたいと思います。 良い記事が見つかったらまた紹介します。 Relax-and- Recover community.hpe.com Baculaはファイルバックアップだけ

こんにちは。今日はリリースのお知らせです。 軽量 ECM NemakiWare の最新バージョンである 1.1 をリリースしました。beta版では Ubuntu などでインストーラが上手く走らないバグがあったのでその修正をしました。Windowsであれば Java のみで、Linux や Mac であればそれに加えて Rails がインストールされていれば、java –jar でインストーラをキックして頂ければ、UIでインストールできるはずです。 リリース案内だけではなんなのでちょっと苦労話を書きます。以前も書いたと思いますが、 NemakiWare はコアエンジンが Java で、Web の UI が Rails で書かれています。企業向けであれば Java というのはありがちですが、 UI を Rails で書いているのはあんまり無いかもしれません。弊社が別に取り扱っている OSS E

小針浜こと青山海岸が目の前に見えるオシャレで夕日も楽しめる絶景カフェ。２階はお座敷になっていて、ママ会のできるお店としても有名です。玄米菜食中心のメニューでヘルシーなのも魅力です。残念ながら、冬期は休業してしまいます。海の家を一部改装してできたカフェなので、仕方ないのですが。。。 小針浜の夕日、美しすぎ！　夕日と海風を感じながら歓談なんて海外のカフェみたいですね♪

HOMEブログ長時間のデスク仕事の方へ。姿勢を正しくして健康改善しよう。 | ネクストページライフ こんばんは。寒さに負けないやまもっちゃんです。 独り暮らしのさみしさから逃れるように猫を飼い始めましたが、 それほどさみしさは軽減されず、かわりに革の椅子をぼろぼろにされてしまい、引っ越しの時に処分。 椅子がないせいで年末年始は、ぐうたら過ごしてしまいました。 新年新たな気持ちで、椅子を買うことを決意。 「どうせ買うなら長く使えるいい椅子がほしい・・・。」 と思い、カリモク60やマルニなどのおしゃれ家具を眺めて1ヶ月が過ぎました。 いい椅子とは果たして私にとって何なのか。 外国製のおしゃれな木の椅子か、 職人気質なメイドインジャパンか、 人をだめにするビーズクッションか… 椅子と向き合い続け、めんどくさくなってきた頃、 友人宅で「自然と姿勢がよくなる椅子」を発見。 いい椅子の道が開けました！

僕の腰痛パターンは、悪い姿勢のまま長時間過ごしてしまうこと。 最初は意識してるものの、座る時間が長くなるにつれて、姿勢はどんどん悪くなっていき、気づけば超腰に負担のかかるクソみたいな姿勢になってしまいます。 一度腰が痛くなると、それ以降作業の手は止まります。100パー手が止まって、その日に復活することはほぼ無い。 無意識で背筋ぴーんの状態でキープできるのって、道端姉妹くらい美意識の高い女子くらいだと思います。　デスクワークで姿勢がいい人ってマジ尊敬します。 こういう人であれば、どんなイスに座ってもいい姿勢(骨盤が起きてる)を保持できますが、 ほとんどの場合、背もたれに腰をペタっとくっつけて、背中が丸まり、アゴが前に出た状態になっちゃいますからね。 腰も背中も肩も首も、ガチガチになるパターンで、このパターンにハマるとまあまあ辛い。 姿勢悪い→体バキバキ→眠つき悪い→寝ても疲れが取れにくい→姿

【中空設計ヘルスケア座布団】お尻の疲れを気にせず快適な座り心地の低反発座布団です。ボーリング形状の中空デザインにより、長時間座っていても蒸し暑くないです。形に合わせて座れば、自然に前傾する姿勢を保ち、背筋を無理なく伸ばします。 【人間工学設計、負担軽減】弧線形状の両側はお尻に優しくフィットし、お尻にかかる圧力を分散します。後端を高くすることによって、尾てい骨の圧力が吸収され、座り心地良いです。線形の設計で太ももへの圧迫を軽減し、長時間座っても疲れにくいです 【通気メッシュ素材、滑り止め加工】カバーはメッシュ素材を採用し、通気性抜群。カバーは取り外して洗えるので、お手入れも簡単です。滑り止め加工され、椅子から落ちる心配もないです。【RoHS基準クリア！】安心な製品を提供するために、厳しい欧州基準検査（RoHS）を実施し、試験に合格しました。有害物質を含まない素材で安心にご使用いただけます。（

1. 高さ調節が可能 ガス圧とシャフトネジの位置の変更で比較的簡単に高さを変更することができます。 特に、成長の早いお子様には良いですね。 2. キャスター付き 簡単に前後に移動させることができます。 ただし、そもそもHAG社のバランススタディよりも相当重い（だからバランススタディはキャスターの必要性は感じない）。 3. 背もたれ付き これはなかなか…HAG社のバランススタディサポートより大型の背もたれで良いかも。 リクライニングはしませんが安定感は十分です。 4. 価格が手頃 レビュー割引で12,416円（2012/10/24現在、税込、送料込）。HAG社のバランススタディサポート（22,180円）との比較で半値近い。 高さ調節可能、キャスター付きですから、余計に割安感あり。 バックボーンチェアーのココがBAD 1. 張地の質が劣る 届いてすぐに気付いたのがこの点。張地は見た感じバランス

「子供の姿勢が良くなる椅子」として評判のバランスチェア。姿勢良く座れるだけでなく、背もたれがないので圧迫感がない、軽くて子供でも移動が楽、安定感があり倒す心配がない、椅子を引かなくても子供が座りやすいなど、たくさんのメリットがあります。 そんなわけで収納マンもバランスチェアをオススメしており、我が子にも國新産業の「バランススタディジュニア」（現在は廃番）を使わせているわけですが、「長時間座るのはキツイ」と思っていました。 ※この記事は2016年2月12日時点の情報に基づいています（2023年6月16日一部更新）

今回は我が家でも使っているバランスチェアのメリットとデメリットをまとめてみたいと思います。今となっては10年以上使ったうえでのレビューです。 上写真は学習机一式を購入した当時の写真で、左が國新産業の「バランススタディ」、右が「バランススタディジュニア」です（※下記注）。お姉ちゃんが小学校3年生くらいになってからは交換して使っています。詳しくは後述しますが、まあだいたいこんな感じで姿勢を崩して座ることが多いのではないでしょうか（苦笑） ちなみに、バランスチェアには他に「ヴァリエール」やバランスラボ（旧・サカモトハウス）の「バランスイージー」がありますが、それ以外は耐久性などの面でイマイチな感じです。 バランススタディは以前はHAG（ホーグ）のライセンスで日本で製造＆販売されていましたが、現在は國新産業が台湾で製造しています。また、バランススタディジュニアについては製造中止となりました。 「バ

このエリアでは、楽天市場でのお買い物をもっと楽しんで頂くために、あなたの利用状況に合わせて便利でお得な情報をタイムリーにお知らせします！

このエリアでは、楽天市場でのお買い物をもっと楽しんで頂くために、あなたの利用状況に合わせて便利でお得な情報をタイムリーにお知らせします！

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Web上での表現力を向上させるためのライブラリが多数存在します。多くはグラフを描くものであったり、より複雑なチャートを描くものです。さらにWebGLを使ったり、Canvasに複雑な描画を行うものもあります。 今回紹介するJointJSはCanvas上に図形を描くのですが、JavaScriptと連携したインタラクティブな図を描けます。 JointJSの使い方 デモです。まずは回転する図形。 こんな図形も描けます。なお、緑と赤のポイントはドラッグでラインを接続できます。 各オブジェクトはマウスでドラッグできます。 図はグルーピングされていたり、コネクトされている場合は線も一緒に動きます。 デモです。赤いポイントがアニメーションしています。 パイチャートともちょっと違う図形です。 各要素

ごきげんよう。フーミンです。 「JavaScriptでアニメーション作るならTweenMaxが最強だよ」と先輩から教わり早2年。いまだ現役最強（僕の中で）JavaScriptアニメーションライブラリTweenMaxの良さを広めるために、入門編・応用編の全2回に分けてご紹介しようと思います。 TweenMaxとは TweenMaxとは、GreenSock社が開発した超高性能アニメーションプラットフォーム「GSAP」のひとつで、DOMアニメーションに特化したJavaScriptライブラリです。 requestAnimationFrameを使用しているため、jQueryのanimateメソッドを使うより、動作が高速かつ安定しています。 同じようなライブラリにmokichiくんが紹介してくれたVelocity.jsというのもあります。 TweenMaxと同様に動作が高速かつ安定しており、jQuer

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました HTML5によってかつてFlashが行っていた領域がJavaScript/CSS3によって実現されています。その一つにアニメーションがあります。これまでFlashバナーなどで提供されていたアニメーションが、Web標準の技術だけで行えるようになっています。 とはいえ、できるようになったと言ってもやり方は簡単ではありません。そのためには専用ライブラリがあった方がいいでしょう。そこで今回はGreenSockを紹介します。 GreenSockの使い方 GreenSockの紹介動画です。 これまでFlashでやっていたようなアニメーションが実現できています。 GreenSockが作り出すアニメーションはFlashと遜色ないのではないでしょうか。もちろんJavaScirptと連携させてつかうこ

追記：3/20 見た目でウェブ編集が出来るWYSIWYGエディタは、有りそうで、あんまり世の中に存在してません。 一時のホームページブームが去っていくと共に、いまやAdobe社のDreamweaver がほぼ独占状態となってます。 むろん、オープンソース界隈でも、いくつかプロジェクトがあり期待が集まりましたが、どうにも停滞しては、ほぼ死滅状態が続いていました。 ふと調べてみたら、BlueGriffonが2015年10月に更新してるではありませんかッ！！ Geckoエンジンを搭載したシンプルなエディタでしたが、ずっと、しばらく前から更新が止まり、簡単なCSSを組み入れたページすら正常に表示されない状態でした。 絶賛開発中止のMicrosoft社のExpressionWebですら、正常に表示されないページでも・・。 現在、無料公開中。かつては、３万円程度のソフトでした。 最新版BlueGrif

Aloha EditorはJavaScript製のオープンソース・ソフトウェア。最近は管理ページのような仕組みを持たず、コンテンツの編集をその場で行えるようなソフトウェアが増えている。そうなると需要を増すのがWYSIWYGエディタだ。 フローティング表示のツールバー 見たままに変更が適用されればコンテンツの編集がとても容易になる。既に幾つか有名なWYSIWYGエディタが存在するが、それでも新しいものが登場してくる。今回紹介するのはAloha Editorだ。 Aloha Editorの特徴としては、編集可能なコンテンツ部をクリックするとツールバーが表示される点だ。ツールバーはフローティングになっており、編集箇所の近くまで自動的に移動する（ロックすることもできる）。編集が完了するとツールバーは自動的に消える。 文字装飾、文字種変更も さらにHTML5対応である点も特徴になっている。これは今後

Webページ上にアニメーション演出を組み込もうとする場合、 今ではJavaScript（jQuery）やCSS3など、実装方法がいくつかありますが HTML5でのアニメーション動作を簡単に作成することができる 気になる便利ツールが2点ほどあったので自分用メモとして紹介してみます。 Google Web Designer 言わずと知れたGoogleさんから公開している HTML5アニメーションをつけた広告を制作できるツール「Google Web Designer」。 ツールは無料でダウンロードすることができます。 この「Google Web Designer」では広告バナーのみならず 画像ギャラリーなども簡単に作れるようになっており 操作も直感的に制作できるようになっています。 作成したデータは一式ダウンロードすることができ 組み込みも簡単にできます。 試しに作成してみたサンプルはこちら。

今回はWeb制作で役立つHTML/CSSを生成してくれるジェネレーターを紹介します。 CSS3の登場でより高度なアニメーションや表現ができるようになりました。一方、CSS3のコードは複雑になりがちでプロパティの使い方を覚えるのも大変です。 ジェネレーターはリアルタイムでデザインを確認できたり、GUIで簡単にデザインを調整できたりします。より効率的なWeb制作を行うために、ぜひ活用してみてください。 WAIT! Animate http://waitanimate.eggbox.io/#/ CSSのループアニメーションで遅延を挿入するのは簡単ではありません。こちらのサービスでは一時停止機能をもったループアニメーションのコードを生成してくれます。いくつかの主要なアニメーションのテンプレートが提供されており、さらにカスタマイズも可能です。 Stylie http://jeremyckahn.gi

こんにちは。制作部の平尾です。 私は2〜3年前くらいまでFlashがメインでお仕事していたのですが、最近はスマホのお仕事が多いので、新しく生まれ変わったAnimateはまったく触っていませんでした。久しぶりにAnimateを使って、HTML5+JacvaScriptのアニメーションを作ってみたらいい感じだったので、簡単にサンプルを使ってご紹介したいと思います。 サンプルの完成イメージはこんな感じです。このアニメーションをAnimateで作成して、HTML5 Canvasにポチっとしてみようと思います。 ※注：この画像↑はgifです。 1. Animateでアニメーションをつくるシンボル内でON/OFFの顔を切り替えていて、さらにステージ上でもアニメーションさせる二重構造になっています。今回はサンプルなので、簡単にモーションプリセットでアニメーションさせてみました。 2. パブリッシュ →

インタラクティブアニメの制作環境 Animate ー マルチプラットフォーム対応のインタラクティブアニメーションの制作環境。プランの価格：価格 - ABM - Animate{{small-tax-incl-label}} 無料で始める 購入する 多彩なアニメーションを実現 ゲームやTV番組、web向けにインタラクティブなアニメーションをデザイン。アニメやバナー広告に生き生きとした効果をもたらします。アニメーションの落書きやアバターを作成することも可能。eラーニングコンテンツやインフォグラフィックにも動きをつけることができます。Animateを使用すれば、形式を問わず複数のプラットフォームにすばやく配信でき、どの画面で見る視聴者にも届けることができます。 思いどおりにゲームを制作 優れたイラストツールとアニメーションツールを使用して、webやモバイル向けにゲームや広告などのインタラクティブ

第15回からは、業務アプリケーションのような機能・仕組みを持ったサンプルアプリケーションを例に、これまで紹介してきたHTML5の機能や開発のためのツールをどう使っていくか説明しています。 第15回　HTML5で日報アプリを作る ツール編［1］　開発者ツールで生産性を向上する Style記述の高度化: Less/Sass/Stylus 見栄えが良い画面やアニメーションなど動きのある画面など、画面のレイアウトが複雑になっていくと、CSSの記述量が増えてしまい、以下のような問題が起こりやすくなります。 HTMLの構造が複雑になったときにセレクターを書き直す必要がある 変数での参照ができないため、似たようなスタイルの使い回しはコピー・アンド・ペーストになってしまい修正されると、他の場所も修正すべきかを全て確認する必要がある これらの問題を解消するために、他のCSSフレームワークを使うこともできます

Webページ作成のベースになる、HTML5の必要最小限の構成にしたテンプレート、各ブラウザのスタイルを正常化・リセットするスタイルシート、レスポンシブ対応の柔軟なグリッドをつくるスタイルシート、さまざまなCSS3アニメーションを簡単に利用できるスタイルシートを紹介します。 HTML5で作成する時の必要最小限のテンプレート スタイルの正常化・リセット グリッドをつくるスタイルシート CSS3アニメーション HTML5で作成する時の必要最小限のテンプレート まずは、HTML5でWebページを作成する時にのシンプルなブランクのテンプレート。 A Generic HTML5 Template -GitHub ライセンスはCC0 1.0で、個人でも商用でもクライアントの案件でも無料で利用できます。利用する際に、許可やコピーライトの明記などは必要ありません。 テンプレートはIE9や8以下への最低限の配

p5.js is a friendly tool for learning to code and make art. It is a free and open-source JavaScript library built by an inclusive, nurturing community. p5.js welcomes artists, designers, beginners, educators, and anyone else! Lauren Lee McCarthy reading the Processing Community Catalog. Photo credit: Maximo Xtravaganza. Coding Club for people aged 50+ in Korea, led by Inhwa Yeom. Qianqian Ye intro

どうも、まさとらん（@0310lan）です。 みなさんは、「JavaScriptライブラリ」を活用しているでしょうか？ Webサイト制作はもちろんのこと、さまざまなWebアプリやサービスなどを開発する時に、大幅な時間短縮やクオリティを飛躍的にアップすることが出来るようになります。 そこで今回は、国内外で人気が高くて誰でも簡単に扱える「JavaScriptライブラリ」を厳選してご紹介しようと思います！ ■多機能な「写真ギャラリー」を組み込めるライブラリ！ ◆1.Viewer.js 複数の画像を表示する際に、オシャレな「ギャラリー風」に変換してくれるライブラリです。 類似のライブラリはいくつか存在しますが、「Viewer.js」は使い方が非常にシンプルで扱いやすいのに、多機能性も備えているスグレモノとなっています。 基本的な使い方としては、HTMLファイルに表示させたい画像を「リスト要素」で指

はじめに 今更ですが最近ajaxを少し触るようになりました。 jQueryを使えば簡単にajax通信ができるため、単純なものであればそれほど実装は難しくないかと思います。 ですが少し複雑なことをやろうとしてみると、急にハードルが上がる気がします。 そこで自戒を込めて、ajax初心者の方に対してはじめにこれを知りたかったと思えるんじゃないかというものをまとめてみたいと思います。 ※jQueryを利用したajax通信を想定しています 目次 処理の順番を意識する $.ajax()の省略メソッドを知る イベントを知る デバッグ方法を知る 通信状況を想定する（タイムアウトを設定する） 連続クリックを防止する ← [New!] 連続通信を防止する ← [New!] 処理の順番を意識する ajaxを使用する場合は、非同期通信で処理したいケースがほとんどかと思います しかし単純にそのまま書いただけでは処理

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに プログラミングの上達において、デバッグスキルを上げることはとても重要で近道の1つだと考えています。 私自身、勉強し始めた頃に知っていれば（理解できていれば）とよく思います。 今回、JavaScriptデバッグについてChromeDevtoolsとブレークポイントを使った基本パターンを整理しました。 自身の復習かつ、あまり馴染みの無い方でも、以下おおよそ理解できるようになれば良いなぁ、というのが本稿の目的です。 どのようなものにブレークポイントが貼れるのか どういった時にブレークポイントが発動されるのか ブレークポイントが発動さ

function drawLoopSquare() { /* Canvas要素の定義など */ var cs = document.getElementById('myCanvas'); var ctx = cs.getContext('2d'); var w = cs.width; var h = cs.height; var x = 0; /* 描画フロー */ function render() { // Canvas全体をクリア ctx.clearRect(0, 0, w, h); // 要素を描画する ctx.beginPath(); ctx.strokeRect(x, 0, 10, 10); // 要素を動かす // 四角形のx座標がCanvasの横幅を超えたら初期位置(x座標を0)へ // そうでなければ、x座標を1増やす if (x > cs.width) { x = 0;

Webアニメーションを高速化するために知っておくべき10のこと（前編） 斉藤 祐也（株式会社リッチメディア） アニメーション／トランジションは身の回りに当たり前にあるものです。 むしろ普段の生活では「0」が「1」に変化するものの方が珍しいでしょう。 アニメーション／トランジションはデジタルなWebに対して自然な変化を提供する大切なツールです。 今回はそんなアニメーション／トランジションをより自然にスムーズに動作させるために知っておきたいことを前・後編の2回に分けて紹介していきます。 アニメーションを高速化する理由 アニメーションは先ほど書いたように普段の生活にも存在しています。だからこそ、我々はスムーズではないアニメーションを見つけるのが得意です。 アニメーションに限定した話ではありませんが、FacebookのShane O’Sullivan氏が、ページロード後のレンダリングパフォーマンス

最近のWEBサイトではアニメーションなどで、なにかしらの動きをつけるのが当たり前になってきました。普段、私も制作をして「ここにちょっと動きをつけたいんだけど…」「面白い動かし方ないですかね？」と相談を受けることが増えました。 ひと昔前までは「動き」というと、Flashで作るのが定番でしたが、スマートフォンの普及や新しいブラウザの広がりにより、今はFlash以外で対応するのが一般的になりつつあります。 そこで今回は、自分自身の備忘録も兼ねて、アニメーションをつける方法をまとめてご紹介したいと思います。ひとくちに「動き」といっても、実装方法もさまざまありますし、見せ方も豊富。今後のWEB制作のちょっとしたヒントになれば幸いです。 CSSで動かす CSS3では要素にアニメーションを設定し、色々な動きをつけることができます。よく見かけるフェードイン、フェードアウトといったおなじみの動きだけでなく、

みなさん、こんにちわ。ガッキーです。 以前、タマが誰でも簡単に作れちゃう！マンション広告バナーの作り方というバナー画像の作成方法を紹介していましたが、 今回は、別のツールを使ったバナー制作について 書いていこうと思います。 2016年6月にFlash形式のディスプレイ広告が AdWordsでアップロードできなくなり、2017年1月以降に Flash形式のディスプレイ広告の掲載が停止されるのは みなさん、ご存知ですか？ Flash形式と同じく動きのある広告は、 今後HTML5広告を利用することが 推奨されているようですよ(＾▽＾)/ HTML5広告ならFlash形式のような 動きのあるバナー広告が掲載できちゃうんです！ そこで今回は、 ・Flash広告のように動きのあるバナーがつくりたい ・HTML5が分からない ・気軽にHTML5広告を導入したい という方のために、Google Web D

GoogleがFlashバナーを自動的にHTML5に変換する広告配信技術を発表しました。これにより既存資産を活用したままモダンなWeb環境においても広告配信が可能になります。つまりHTML5でもFlash並のアニメーション表現が可能になっているのです。 そこでさらに高度なアニメーションを実現したい時に使えるのがGreenSockです。そしてGreenSockをベースにアニメーションを作成できるエディタがanimachineになります。 animachineの使い方 animachineはGoogle Chrome機能拡張で、実行するとGreenSockで作られたコンテンツ上にエディタ機能を表示してくれます。アニメーションは繰り返し実行され、任意のポイントで停止させて編集ができます。HTML5アニメーションの作成が捗ることでしょう。 animachineはHTML5/JavaScript製、

Features that help businesses bring ideas to life. Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads.

Pillowはpython3でも使える画像操作ライブラリです。 参考もと サムネイル from __future__ import print_function import os, sys from PIL import Image size = (128, 128) for infile in sys.argv[1:]: outfile = os.path.splitext(infile)[0] + ".thumbnail" if infile != outfile: try: im = Image.open(infile) im.thumbnail(size) im.save(outfile, "JPEG") except IOError: print("cannot create thumbnail for", infile) 使い方は $ python make_thumbnai

vagrant (べいぐらんと) を使って仮想環境をラクに使えるようだ。 chef のテストに便利。 設定ファイルを用意したり概念を理解したりで 敷居がちょっと高いが、慣れれば簡単だった。 vagrantの使い方を説明したものはQiita上などに数多あるようだが、 覚え書き程度にまとめておく。 今回は、 ホストOS: MacOS ゲストOS: CentOS 6.5 を使用している。 ホストOSは、WindowsやLinuxも使うことができる。 用意するもの Oracle VM VirtualBox Vagrant それぞれをインストールしておく。 vagrant 環境の構築 プロジェクト初期化 (vagrant init) Box の追加 (vagrant box add) 仮想マシン実行 (vagrant up) ssh で仮想マシンにログイン (vagrant ssh) が基本の流れ。

Docker は Linux上で動作するコンテナー型と呼ばれる仮想化ソフトウェア。 ハイパーバイザー型に比べて、OS起動時のオーバーヘッドが少なくとても早い。 いまさら聞けないDocker入門（1）：アプリ開発者もインフラ管理者も知っておきたいDockerの基礎知識 - ＠IT 用語の整理 Dockerレジストリ: Dockerイメージの格納場所。Docker Hub Registry Dockerイメージ : Docker コンテナーの元となるイメージ。クリーンなOSなどを用意。Pre-build なものは Docker Hub Registry においてある Dockerコンテナー: Dockerイメージ(ローカルキャッシュ)をコピーして起動される仮想環境 ローカルキャッシュ: docker pull の際にダウンロードしたDockerイメージ。 インストール・起動・設定 今回は Ce

公式mechanize.rubyforge.org/ 使い方などMechanize について 楽々スクレイピング! Ruby Mechanizeの使い方 楽々スクレイピング! Ruby Mechanizeの使い方(2) リンクmechanizeでどんなことができるのか色々知りたかったので、使い方でなく実用例ぽいものを集めてみた. リンク先のコードは古いのもあって動かないかも そもそも公式のグーグル検索がそのまま動かないという DoCoMoの請求書を毎月Evernoteに送信してチェックするカスペルスキーのサイトからウィルスレベルをスクレイピングして、つぶやく。RubyのMechanizeではてなブログへ投稿RailsCastsの動画をタグごとにダウンロードしてくるスクリプトニコニコ動画の動画をダウンロードauの請求書を取得ソフトバンクの請求書を取得ゆうちょ銀行のログインとか取得かrubyの

pythonで開発をしていると、機械学習など試してみたいライブラリによく遭遇します。 ライブラリの評価は、普段利用している環境とは別の一時的な環境で行いたいことが多いので、 独立した環境を作成・管理出来ると便利です。 が、pythonのバージョンや環境を管理するツールがいくつかあり、 環境構築の際に混乱してしまったので、私が現状行っている方法のセットアップ手順をメモに残しておきます。 具体的には、以下の記事の「3. pyenv-virtualenvを入れる」の対応ができる環境を作ります。 pyenvとanacondaを共存させる時のactivate衝突問題の回避策3種類 | qiita http://qiita.com/y__sama/items/f732bb7bec2bff355b69 ここで作成した環境では、それぞれの操作に以下のコマンドを使います。 pythonのバージョンのインスト

基本設定、開発環境設定に引き続き、今回はCapistranoを導入して自動デプロイできるように設定。unicorn+nginx周りの設定も変更して快適にデプロイできるようになりました。 リモートリポジトリの作成 リモートサーバーにリポジトリを作成します。 今回は全て同じサーバーでやるので、自分のホームディレクトリ直下に作りました。 $ mkdir -p /home/ntaku/git/sample $ cd ~/git/sample $ git --bare init 後からcapistranoでアプリを配置するためのディレクトリも作成しておきます。 # mkdir /var/www プロジェクト作成 ここからはローカルで。 新規プロジェクトを作成して、テスト用のコントローラーを追加します。 $ rails new sample -d mysql $ cd sample $ rails g

load 'deploy' if respond_to?(:namespace) # cap2 differentiator # Uncomment if you are using Rails' asset pipeline # load 'deploy/assets' Dir['vendor/gems/*/recipes/*.rb','vendor/plugins/*/recipes/*.rb'].each { |plugin| load(plugin) } load 'config/deploy' # remove this line to skip loading any of the default tasks set :application, "set your application name here" set :repository, "set your reposit

■ ふと思い立って、Ruby経由でGMailにメールを送ってみることにした。 普通にsmtp経由でメールを送るには、net/smtpを使えばいいはずだが、GMailを直接利用するには、TLS経由でなおかつ認証を通さなければならない。 まあ、ちょっといじれば実現でっきるっぽいが、今回はActionMailer経由で送ってみることにする。 ActionMailerはRailsのコア・ライブラリのひとつで、当然ながらRails上からの送信を想定した作りになっている。例えば、Railsのディレクトリ上で、 $ rails generate mailer UserMailer みたいな感じで実行すると、ActionMailer::Baseを継承したUserMailerクラスを app/mailers/user_mailer.rb 上に生成してくれる。 参考： http://edgeguides.ru

0x1234567890abcdef とてな感じのバイナリデータがあったとします。*1 これを適正に振り分ける場合、どうしてますか？ これまでの私だと、文字列のまんま val_a = "1234567890abcdef"[10].chr とやるなり、unpackで配列化して val_a = "ab".unpack("CC")[0].chr とやるなりしてました。 ただ、これだと32bitの時の扱いが面倒ですよね。 その上、可変長の場合は専用のロジックを組む必要がある。 しかも途中でセンサの仕様が変わって入り組んだメソッドチェインを解す過程で発狂しそうになったりした事も……。 そんな貴方や私の悩みを解決してくれるのが、今回紹介するGem「BinData」です。 導入 $ gem install bindata 使い方 require 'bindata' class Sample < BinD

2. ヤフー株式会社 プロジェクトマネージャ・Solr黒帯 Copyright (C) 2014 Yahoo Japan Corpora5on. All Rights Reserved. P.2 自己紹介 大須賀　稔 （おおすか みのる） Apacheソフトウェア財団 ManifoldCFコミッタ兼PMCメンバー Solrコントリビュータ 共著： [改訂新版] Apache Solr入門 https://www.flickr.com/photos/o_0/14086728048/sizes/l Some rights reserved by *_* 3. 120以上 ※1 624億 ※2 2,800万 ※2 ユーザーID： ※1 Yahoo! JAPAN サービス一覧 http://services.yahoo.co.jp/ Copyright (C) 2014 Yahoo Japan C

2. About me • 株式会社ロンウイット • Apache Solr & Apache ManifoldCF トレーニング&コンサルティング &サポート • [改訂新版] Apache Solr入門第6章「データのクローリング」担当 • Apache ManifoldCF committer & PMC member • 第6回と第8回のSolr勉強会で発表 – http://www.slideshare.net/ShinichiroAbe/apache-manifoldcf – http://www.slideshare.net/ShinichiroAbe/solr-40-13545722 2 3. アジェンダ • 日本語全文検索の検索設定・ハイライト設定例 • 類義語の検索とハイライト – 類義語 • 類義語,同義語,類語,同意語,シノニム,類似語 • 記事:類義語検索と類義語