ごりゅご.com
フロントエンド定例が始まったきっかけフロントエンド定例は 「普段の仕事をしていて培ったノウハウや、疑問に思ったことを共有する仕組みが欲しい」 という、ある社員の提案からはじまりました。 進め方 週に一度、それぞれが最近チャレンジした技術や、気になる話題、業務中に疑問に思ったことを共有しています。 1人大体5分ぐらいを目安に、自分の持ってきた話題についてみんなの前で発表します。 実際にフロントエンド定例で出た話【Yosemiteの新機能】JavaScriptでアプリケーションを操作し、面倒な作業を自動化してみた 実は以前投稿したこの記事もフロントエンド定例から生まれたものです。 【Yosemiteの新機能】JavaScriptでアプリケーションを操作し、面倒な作業を自動化してみた 今までのMacOSXにはAppleScriptというスクリプト言語があり、Macアプリケーションを操作することが
「もはや計画は不要になった」 MITメディアラボ・伊藤穰一氏が語る、"インターネット後の世界"と"新しい原理" 革新的なことをしたいなら「ナウイスト」になろう #1/2 マサチューセッツ工科大学(MIT)のメディアラボ所長に日本人として初めて就任し、またNYタイムズ、ソニーなど多くの一流企業で取締役を務めるなど実業家、投資家としての一面も持ち合わせる伊藤穰一氏。そんな氏が考えるイノベーションの新しい原理を、世界各地で起こっている実例とともに紹介しました。(TED2014 より) 素人集団による放射線量公開プロジェクトを成功に導いた、新しい原理 伊藤穰一氏(以下、伊藤):2011年3月10日。私はケンブリッジのMITメディアラボで、学部生やスタッフと、私が次期代表にふさわしいか議論していました。その夜。マグニチュード9の地震が日本の太平洋沖を襲いました。 そのニュースを見た瞬間、私はパニック
2014年7月24日 Gyazo API、ついに公開!全ての画像をGyazoしよう! Gyazo API公開! ついにGyazoのパワフルな機能が誰にでもお使い頂けるようになりました! Gyazo APIではHTTPリクエストによるRESTfulなAPIを提供し、JSON形式のレスポンスを返すので、TwitterやAmazonS3などのAPIを触ったことがある方なら馴染みのある形式ですぐにお使い頂けます! Gyazo APIをつかって便利なサービスを開発しましょう! Gyazo APIはこちら Gyazo APIの主な機能 画像のアップロード ユーザーの画像一覧の取得 画像の削除 OAuthを使った認証 こちらからアプリケーションの登録やドキュメントを見ることができます。 また、先日公開されたGyazo Chrome ExtensionもGyazo APIを使用しており、Git
iOS/Androidの各デバイスやエレメントの規格、BootstrapやFoundationなど人気のフレームワーク、WordPressのテーマファイル、Git/GitHubの便利な機能、Sublime TextやEmmetの使い方をまとめたチートシートなど、フロントエンドのWeb制作者に役立つチートシートをまとめました。 Web制作時によく使うサイズとかスニペットとかショートカットとか、チートシートを印刷してすぐに見られるようにしておくと便利ですよね。 チートシートの目次 iOS デザイン チートシート Swift チートシート Android チートシート Android デザイン チートシート Twitter Bootstrap 3 チートシート Foundation チートシート WordPress 時短用チートシート WordPress テーマ開発用チートシート GitとGit
熱いワールドカップが終わって平和な夜に戻ったshibuso です。Rails ユーザの皆さんは色々rails genarate コマンドを利用しているかと思いますが、この前調べていたら「こんなにあったのか!」となったので、今回Rails のgenerator を大まかに紹介してみます。Rails のバージョンは4.0.1 です。 実行結果をまとめてみました 結構数があるので先に目次を作っておきます。順番は重要そうなものだったり気の向くままだったりしていますので、大して意味はありません。 scaffold scaffold_controller controller resource model migration assets helper generator integration_test jbuilder mailer task rails generate scaffold これは
『Pocket』は、「あとで読む」系サービスの中でも長い間、米Lifehackerのお気に入りでした。Pocketには長文記事を保存しておくだけではなく、実はもっと色々な使い道があります。今回は、Pocketをプロ並みに使いこなす方法をご紹介しましょう。 とにかく簡単にコンテンツを追加する方法 Pocketが使えるアプリはたくさんあるので、FeedlyからでもTwitterからでも、Pocketに記事を追加することはできます。しかし、Pocketに記事を追加する方法は本当に数えきれないほどあります。 ・機能拡張やブックマークレット Chormeユーザーであれば、Pocketの機能拡張を使えば、その時に読んでいる記事をPocketに追加できます。他のブラウザのユーザーは、ブックマークレットを使いましょう。どちらも記事を追加する時に、好きなタグを付けられます。 ・メールを送る 携帯や、Pock
2014.7.24 / Report モノづくりのサイクルから学ぶ、サービス・アプリデザインに必要な4つのゴールとは Kenichi Suzuki VisionMobileの2014年Q3の報告書「Developer Economics」によると、1か月に5000万円以上を売り上げるデベロッパは全デベロッパの1.6%にすぎず、この1.6%が、残る98.4%の合計稼ぎ高の数倍を稼いでおり、50%のデベロッパは月の売り上げが1万円にも見たない状態だと述べています。iOS/Androidの台頭により個人や企業がアプリケーションを開発する事が身近になったように感じます。次々と新しいアプリがリリースされているにも関わらずこのような状況になっているのは何故なのでしょうか? そこでは、事業の存続可能性をどう担保していくか?が重要な要因となってくるというものでした。今回は、7/23に開かれたUIデザイン会
先日Rubyビジネス推進評議会主催の第3回Rubyビジネスフォーラムが大阪で開催されました。 Ruby言語開発者、まつもとゆきひろさんが、『インターネットが変えるソフトウェアとビジネス。Rubyを例として』と題した基調講演を行いまいした。 その内容を紹介します。 計算機としてのコンピューター IBMの初代社長トーマス・ジョン・ワトソンの有名な言葉に、「コンピューターは全世界で5台くらいしか売れないと思う」と言ったとされています。 その数字は当時の計算技師の人数とENIACの計算性能から導かれた数でした。 ところが、今ではその数百万倍の処理能力をもつコンピューターが何億台もあります。 去年だけでPC出荷台数は3億台。スマートフォンとタブレットはそれを超える出荷がされています。 コンピューターは計算機としてのみ使われているわけではありません。 インターネットとの接続 今日、大阪まで松江から飛行
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。最近はブログメディアのデザインを作る機会が多くなってきました。井畑です。 ブログメディアはコーポレートサイトと比べ、よりデザインや装飾等で「個性」を出す場合が多くあります。どうしたらいいかなーと思って色々悩んで、「形」で個性を出すのもありかなと思い、ウェブサイトではあまり使われづらい三角形や五角形、六角形を上手く使っているサイトを調べてみました。 やはり印象に残るものが多かったです。それでは早速見てみましょう!どうぞ! 三角形を使ったデザイン 三角形を使う場合、余白をどう活かすかが重要になってくると思います。 Snowbird Snowbird コンテンツのサムネイルが三角形です。マウスオーバーすると折り紙が広がるように画像が広がるのも面白
先日、SUPOCON という初めて作ったバイラルメディアのサイトを公開したのですが、WordPress のテーマやプラグインを存分に活用することで、とても手早く簡単に作れてしまうことが実感できました。 こんなサイトを自分でも作ってみたい!という方も中にはいるかもしれませんので、参考までに SUPOCON の作り方をざっくり紹介してみようと思います。 WordPress の基本準備や最低限のカスタマイズを行い、一時間程度でサイト公開できる状態まで仕上げることを目標にします。 WordPressインストール(10分) WordPressの詳しいインストール方法については省略します。 昨今のレンタルサーバだと標準で WordPress インストール機能が付いているものも多いので、そういうのが使えると一番手っ取り早いですね。 分からない方は「WordPress インストール」で検索するとドッと参考
iPhone・iPadアプリを制作する時、リソース画像は ① 従来のディスプレイ用 ② Retina ディスプレイ用 上記の2種類が必要ですね。 Androidアプリも同じようにdpiごとにリソース画像を用意する必要があります。 今回は 1. 必要となるリソース画像サイズの種類 2. デザインする時の画面サイズ 3. アイコンサイズのガイドライン などAndroidアプリのリソース画像を作る時に役に立つ情報をまとめてみました。 必要となるリソース画像サイズの種類 Androidアプリのリソース画像は対応するdpiによって用意する画像サイズが変わります。 まず、dpiって何でしょう。 dpiは『Dot Per Inch』、1インチ辺りのピクセル数を意味します。つまりdpi数値が高くなるとディスプレイが鮮明できれいになります。 dpiは主にldpi(低解像度)、mdpi(中解像度)、hdpi(
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
※2014年3月12日更新 「Google マップ」は2月にバージョンアップされています。 操作性が大きく変わっていますので、説明を加えました。 なお、「Google Maps JavaScript API v3」を使用している部分には変更ありません。 このまま使用できます。 ※2014年3月26日更新 bodyのjavascriptの関数を読み込む記述が消えてしまっていましたので、修正しました。 申し訳ございません・・・。 ※2016年8月31日更新 2016年6月22日に「Google マップ」のAPIが変更され、APIキーが必須になりました。 なお、APIを使用せずに埋め込む場合はAPIキーは引き続き必要ありません。 どうも、くーへいです。 最近ではない方が珍しいと思うくらい、「Google マップ」を埋め込んだホームページは多いですよね。 制作会社にいる皆さんは、「サクッ」っと埋め
Google Map API V3でマーカーを複数設置してみます。 マーカーを複数設置する方法は沢山あると思いますが、 そのうちの一つを紹介します。 サンプルコードです。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Google Maps V3</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> google.ma
ECサイトデザインにお悩みの皆さん、その理由解明します モールに出店し、オリジナル商品を販売しているお店の皆さまにお伺いします。Webデザイナーに商品ページを外注したら、キレイだけどイマイチだったことはありませんか? 社内で元Webデザイナーを抱えているけど、どうも売り上げに繋がってないと感じていませんか? そう、優れたWebデザイナーが、良いECデザイナーになるというわけではないのです。 私もWebデザイナーからECデザイナーに転向した1人です。一般的なWebデザインと、ECデザインは、似て異なるもの。「商品を売る」ことに特化し、スピードを重視するECの世界は、知らないことが多々あるのはもちろん、常識を覆されたことも数知れず。当初は、かなりカルチャーショックを受けたものです。 同じように、ECでうまくいかないWebデザイナーも多く見てきました。「WebデザイナーがECデザイナーになると失
歯周病(2) 2番目の歯科医と漢方、今までのお手入れについて。 前回の記事はこちら 歯周病について(1) 痛みも腫れもひどかったのですが、それまでにかかっていた歯科医では抗生物質や痛み止めは「3日分しか出しません」ということで、すでに薬はとっくになくなり、ロキソニンを飲んだりして誤魔化しながら、歯科医探しをしました。 漢方で痛みと膿を止めてみるー排膿散及湯(はいのうさんきゅうとう) 歯科医を探しながら、気がついたのが漢方薬です。 漢方で一時的にでも治まらないかしら? 「排膿散及湯が膿を出すのに効く」「歯周病に効く」みたいな記述もあったので、近くの漢方薬局で相談してみました。もうこの時は「藁をもすがる」みたいな感じです。 膿を持っているのと、簡単な見立てで「排膿散及湯」がよいと言われて購入しました。 合う人と合わない人がいます。 急に効くものではありません。 と、言われたのですが、これが嘘の
Captcha security check pondad.com is for sale Please prove you're not a robot View Price Processing
herokuデプロイに必要な作業をダイジェストでお送りします。 ■Gemfilesの追加記述 gem 'sqlite3', group: [:development, :test] gem 'rails_12factor', group: [:production] gem 'pg', group: [:production] ■config/database.yml production: adapter: postgresql encoding: utf8 database: pool: 5 username: password: ■herokuへデプロイ heroku create myapp git push heroku master heroku addons:add heroku-postgresql heroku run rake db:migrate heroku ope
7/25最新記事 見落とされがちなオフライン上での3つのリファラルチャンス edited by Ryutaro Mori 過去に何度もお伝えしてきた行動心理学を利用したコンバージョン最適化テクニック。 本日は、growth hack japanの中でまだお伝えしてなかった行動心理学テクを、実例とともに5つ紹介します。 参考:5 Psychological Principles of High Converting Websites プレグナンツの法則 プレグナンツの法則によると、人間は明確で順序だった物事を好み、複雑なアイディアやデザインを恐れる傾向にあります。 シンプルなものほど予期せぬ不快なサプライズを引き起こしにくいということを本能的に感じ取り、それに従ってシンプルに物事を解釈する人間の傾向を表しています。 例えば以下の英文を見てみましょう。 ① Welcome to growth
ペパボの新しいエンジニア評価については、ペパボのエンジニア評価制度をパワーアップしたで既にお知らせしたところです。さて、今回その評価が終わり、総評を書いたので、さしつかえない範囲で公開します。 ちなみに、技術上級職については既に「ペバボのエンジニア職位制度のアップデートについて」で紹介しています。そちらも御覧ください。 制度の概要 そのエントリにもある通り、新しい制度では、以下の特徴があります。 エンジニア全員を、エンジニア集団である技術基盤チームが評価する GitHubに評価用の提出資料をまとめpull requestを出してもらい、それに基いて、結果も含めて全員にオープンな状態で評価する あらためて上記のエントリを引用すると: 今回の制度は、上述の専門職としての評価制度はそのままに、既存の半期ごとの目標設定 → 評価サイクルの中に、エンジニア的観点をより盛り込んでいこうというものです。
最近 oh-my-zsh ってのがあるって聞いた。インストールするだけで zsh が便利になるみたいなので、早速試してみた。 oh-my-zsh って何? oh-my-zsh は zsh の設定を管理するフレームワークで、いろんな設定を有効にして管理、更新できるようになる。プロジェクトは GitHub で管理されてる。 http://github.com/robbyrussell/oh-my-zsh 特徴としてこんなことが挙げられてる。 40以上のプロンプト テーマ 便利なプラグイン 自動アップデート機能 コミュニティ主体の開発(みんなの設定を取り込んでいく) インストールすると、だいたいこんなことが設定される。 プロンプトがかっこよく(?)なる alias がいっぱい設定される よく使う option が設定される インストール直後はこんな感じ。 Git のブランチ名も表示される。 必要
ストレージを圧迫しまくる「その他」 Macbookを使っている人なら一度は頭を悩ましたことがあるであろうストレージの容量不足。 と、いうよりかは「その他」のよくわからない黄色の帯で圧迫されまくって、突然ストレージに空きがありませんとか言われるわけだからビビるわけで。 幸い先人たちの知恵でネットを検索すれば対処法はゴロゴロ転がっています。 ただ、Mac初心者の僕にとってはどれもが謎でよくわからない、うまくいかないってことが多かったんで これをしておけばしのげる! という方法だけを紹介しようと思います。 解決法紹介の前に、ストレージの詳細を見る方法 デスクトップ上にある左上のappleのロゴをクリックします。 このMacについて、の項目を選択します 詳しい情報を選択 ストレージを選択 この流れで、お使いのストレージの状況を簡単に把握することができます。 それにしても随分圧迫されていますね・・・
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く