2. わたくし おばら つかさ 渋谷でSAUCER（ソーサー）という名前でフリー @saucerjp のデザイナをしています。 紙媒体からデザイン業界に入り、ずーっと紙 のデザインだけをしていましたが、ここ5, 6年 はWeb媒体の仕事が随分と増えています。 現在では特に紙、Webの区別なくデザインの 仕事をしています。
2012年11月2日のブックマーク (36件)
-
astk_f 2012/11/02
-
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
-
-
エンジニアなら知っておきたい「仮想マシン」のしくみ v1.1 (hbstudy 17)
1. Copyright(C) Software Research Associates, Inc. All Rights Reserved. エンジニアなら知っておきたい 「仮想マシン」のしくみ v1.1a hbstudy #17 (2010/11/26 ハロー会議室＠新宿) ネットワークシステムサービス本部 ネットワーク運用・構築部 長谷川 猛 (hasegaw at sra.co.jp) Twitter : @hasegaw ※本資料中の解説内容は、弊社としての 統一的な見解を示すものではありません。 2. 2 自己紹介 所属所属 興味分野興味分野 株式会社SRA ネットワークシステムサービス本部 ネットワーク運用・構築部 現在は提案支援業務に携わる 特にLinux や仮想化技術を得意とする、 雑食系システムエンジニア 主な著書主な著書 『Xen 徹底入門』 初版、第二版（2007、
-
FLV動画を無劣化でMP4に変換する方法 | フリーソフトラボ.com
今回紹介するのは、YouTubeからダウンロードしたFLV形式の動画ファイル（H.264+AAC）を画質・音声とも無劣化でMP4形式に変換する方法です。FLV形式の動画は、そのままではWindows Media PlayerやiPhone、PSPなどでも再生できないのでMP4変換しておくと便利。 FLVやMP4という形式のファイルはコンテナフォーマットと呼ばれ、見た目は1つのファイルになっていますが、実際の中身は「動画ファイル+音声ファイル」という構造になっていて、FLVやMP4とはこれらを1つのファイルとしてまとめている「コンテナ＝箱」でしかありません。 つまりFLV形式ファイルの中身の動画部分・音声部分とも再エンコードせずにコンテナだけをMP4形式に入れ替えることができれば、無劣化でMP4に変換することができるというわけ。今回、FFmpegというソフトを使ったそのやり方を紹介したいと思
-
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
-
「Sublime Text」 完全入門ガイド！
こんにちは～ 仕事が恋人のデザイナー、王です φ(≖ω≖｡)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい！ やっと出会えたぞ！僕が探し求めていた幻のエディタに！！ 昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう！本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです！ 見た目的には、このように、優雅（Sublime）そのもの！ Mac、Windows、Linux 三大プラットフォームで動くのも嬉しいですな！ 公式サイトは下記リンクです。 https://www.sublimetext.com/ それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。 Sublime Textのチャームポイント 特色機能
-
-
RailsエンジニアのためのTwitter Bootstrapカスタマイズ例
Sassを使ったり、人からパクったりして、極力失敗しない方法
-
iPhoneアプリを販売したらこうなったよという売上の記録と教訓
By The U.S. Army 「最低30分以上エクササイズする」や「最大1時間の昼寝」など、日々のタスクを設定しトラッキングしてくれるアプリMy Minutesを作ったKamil Tusznioさんが、アプリがリリースされてから行ったことや売上の記録、アプリをリリースすることによって得られた教訓などをまとめたのが「Lessons From An App Launch」です。ただ機能的なアプリを作ればいいというだけでなく、売り出すためにはどのようなアプローチが必要かなどを分析しており、フリーの開発者にとっては非常に役に立つ記録となっています。 Lessons From An App Launch - Kamil Tusznio http://www.ktusznio.com/blog/2012/09/04/the-my-minutes-launch/ ◆リリース初日 By larskfl
-
Web制作するときに探す素材サイト＆参考にするサイトまとめ | ナナメウエBlog
はじめまして ナナメウエデザイナーのはっち（@hacching）です。 さて、今日は私がWeb制作をするときにチェックしているサイト一覧をまとめてみました。 自分の備忘録でもあります〜。 是非参考にしてくださいね(*’-'*) フリー写真素材サイトさん Webデザインする際に必ず必要になる写真素材。 有料素材はクオリティは高いですがお値段も高い〜。 そんなあなたに、ありがとうフリー写真素材！ 写真素材 – フォトライブラリー 無料会員登録しておけば、1日に数枚（何枚だっけ）限定ですが、無料素材がDLできます。 商用利用ＯＫ＆無料の写真・フリー素材を集めました！総合素材サイト｜ソザイング 完全無料の写真・Web素材（バナー、オブジェクトなど）素材サイトです。コンテストの実施など、ユーザーの参加型企画も豊富！シーズンにあわせた特集も魅力です。 PAKUTASO/ぱくたそ-WEB
-
Webサービスを作ってみた！僕の10ステップ - maeharinの日記
1年前は、プログラムも書けない普通の文系リーマンでした。20代最後の年。少人数のチームで素敵なWebサービスを作り出している人達を見て羨ましく思っていました。「自分もチームでWEBサービスを作れるようになりたい」。そう思って業務時間外に勉強をはじめてから約1年、このたびチームでWEBサービスをリリースすることができましたので、そのサービスとそこに至るまでの経緯をちょっと紹介したいと思います！ こんなサービスを作りました フォト★レポ 今度、どこに行こう？ プライベートで「今度、どこに行こう？」と思ったことはないでしょうか？例えば「週末どこに行こう？」「家族サービス、どこに行こう？」といった瞬間です。そのような時インターネットを調べると、色々な情報が見つかると思います。けれど、「写真1枚だけ」や「テキストだけ」といった情報が多く「なんか雰囲気が分からない」「なんか一押し足りない」と感じること
-
MacのFinderにタブ機能を付加する無料アプリ「XtraFinder」が便利。カット＆ペーストも！
MacではFinder、Windowsではエクスプローラがたくさん開くとうっとうしいですよね。 それを避けるため、Windowsを使っていたときはエクスプローラをタブ化するソフトを使っていました。 もちろん、MacでもFinderのタブ機能が欲しい。むしろデフォルトでAppleに実装してほしい。 以前はTotalFinderというアプリを使っていたのですが、なぜかうまく動かなくなったり（個人的な環境の問題かも）有料化したり。。。 これを機にTotalFinderもしくはその他のタブ機能付加アプリを購入するかどうしようか迷っていたところ、無料で使えて機能もバッチリな「XtraFinder」を見つけました！ Google Chromeと見た目も操作もそっくりなタブをFinderに組み込むことができ、カット＆ペーストやフォルダ優先表示といった機能まで備えています。 めっちゃオススメです！ Xtr
-
-
スタイルシートの有用なスニペットのまとめ | コリス
よく使うclearfixから、見出しの画像置換や見た目非表示の新しいスニペット、レスポンシブによく利用されるスニペットなど、スタイルシートのよく使用する有用なスニペットを紹介します。 A Collection of Handy CSS Snippets 下記は各ポイントを意訳したものです。 ショートハンドのclass デザイン関連のスニペット 開発関連のスニペット 印刷・Retina・検証用のスニペット ショートハンドのclass よく使用するショートハンドのclassから始めましょう。 ポイントはセレクタでエレメントを定義するのではなく、すぐに利用できることを前提にしています。 まずは、テキストと画像を配置する時に簡単に使えるfloatです。 .float-left /* こんな感じに直観的に分かる名前で */ { float: left; } .float-right /* こんな感じ
-
デザインのアクセントにもいい感じ！鉛筆でスケッチしたようなフリーのデザインフォントのまとめ
Designbeepでスケッチ風のフリーフォントがいい感じにまとまっていたので、個人利用のみなのか、商用も可なのかを添えて紹介します。
-
[JS]画像やコンテンツを水平・垂直に気持ちよくスクロールさせて表示することにこだわったスクリプト -Sly
水平・垂直に配置した画像やコンテンツを気持ちよくスクロールさせることと次に表示するアイテムのロジックにこだわったjQueryのプラグインを紹介します。 IE6にも対応してるのがびっくりです！ 特徴は気持ちのいいスクロールだけでなく、ナビゲーションのロジックも直観的で、次に表示するべきアイテムを自動的に先頭に配置します。クリックでアクティブにしたアイテムも常に保持します。 操作は上部のバー、FRAME上でホイール、パネルのクリック、下部のナビゲーションがあり、また下部のボタンでは前・次、最初・最後・中央などの操作もできます。 ナビゲーションでの操作は次に表示するアイテムを先頭に配置します。 デモでは、水平方向のスクロールだけでなく、垂直方向、無限スクロールもあります。
-
JavaScriptのテストツール「testem」が素晴らしいぞ - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） JavaScriptユニットテスト一年生の私が、Nettuts+ のチュートリアルで知ったテストツール 「testem」のお陰で大変捗ったので是非お勧めしたく、ここで紹介してみます。 testem ってなに testem via GitHub : airportyh/testem Unit testing in Javascript can be tedious and painful, but Testem makes it so easy that you will actually want to write tests. 要するに、面倒なJSのユニットテストをより快適にしてみんなでハッピーにテスト書こうよ！というツールです。 testem自体はnode.jsベースで動作し、Jasmine/QUnit/Mochaに対応して
-
コーディング速度を3倍早くするSass（Scss）のフレームワーク”Compass”が本当に便利 ｜https://wp.yat-net.com/name
2012年 10月 31日 コーディング速度を3倍早くするSass（Scss）のフレームワーク”Compass”が本当に便利 カテゴリ： Sass タグ：CodingSassScssコーディング効率化 \ CSSのメタ言語Sass（Scss）。これ使うと凄く便利でコーディングスピードが上がるんですが、これをより便利に使えるようにしたフレームワークのCompassがもの凄く便利なので記事にしました。赤い彗星みたいなタイトルになってますが、使いこなせばかなり早くなります。 1.Compassとは 2.インストール 3.初期設定 4.Sass（Scss）ファイルをCSSファイルに 5.実際に作る 6.参考文献 compassとは オープンソースのCSSオーサリングフレームワークです。Sassがベースになっており、mixinで予めベンダープレフィックスが定義されていたりと、Sassをより便利に使え
-
-
ApacheとNginxの性能比較でevent_mpmの本気を見た
はい、これは僕がいつも良く見るApacheとNginxの性能差に見えます。大体、ApacheはNginxの75%程度の性能に落ち着きます。数十バイトの静的コンテンツに対するリクエスト処理はNginxの得意分野だと思っていたので、大体こんなものです。 そこで、真面目にevent_mpmのチューニングを行ってみました。で、幾度となくベンチを試した結果導き出した、静的コンテンツに対する同時接続数100程度に対して最高のパフォーマンスを示すevent_mpmの設定は以下のようになりました。 [program lang=’apache’ escaped=’true’] StartServers 4 MinSpareThreads 4 MaxSpareThreads 4 ThreadsPerChild 2 MaxRequestWorkers 2 MaxConnectionsPerChild 0 [/p
-
JavaScriptでうっかりやってしまいそうなこと色々
こんにちは、中川です。 今回はJavaScriptで開発していると、うっかりハマってしまうちょっとした罠たちを紹介したいと思います。 JavaScriptでの開発経験者であれば、どれか一度はひっかかったことがあるのではないでしょうか？ String ●String#replace()は文字列指定では全部置き換えない 対象文字列を一括して置き換えたいなどでString#replace()を使いますが、 検索対象を文字列で指定してしまうと最初に一致した部分しか置換しません。
-
ペパボでの GitHub の使い方 - Gosuke Miyashita
必殺！Github導入に向けて上司を説得する時に使える資料まとめ - DQNEO起業日記 でペパボも取り上げて頂いたので、ペパボでの GitHub の使い方について、少し詳しく書いてみます。 開発での利用 これは普通の使い方ですね。なので省略。 GitHub Enterprise は利用していない 金額的な面で GitHub Enterprise の利用は厳しいため、GitHub Enterprise ではなく、ノーマル（？）な GitHub を利用しています。（GitHub Enterprise にすると、現在のコストの 8 〜 9 倍ぐらいになってしまう。） ここはセキュリティ面とのバランスが難しいところではありますが… とはいえ、GitHub に何かあってソースコードが流出した場合に影響の大きさが懸念されるサービスについては、GitHub を利用しない、といった判断もしています。（で
-
日本の伝統色の組み合わせ、襲色目（かさねいろめ）の色コードまとめ
MS Office カテゴリ MS Office (107) 関連タグ Access (46) Excel (94) OfficeScripts (2) PowerPoint (8) Python (4) VBA (92) YouTube (8) イラスト (45) 入門 (39) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (23) twitter (10) WordPress (76) YouTube (8) アプリ (29) イラスト (45) デザイン (15) ブログ (40) 入門 (39) 分析 (21) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaS
-
-
-
Leafel's note
Since 1999/01/30 Last Modified on 2020/03/18 Wed. 日記 最近の日記 / 昔の日記 メニュー 2006/09/17 Delphi (Delphi programing) 2006/11/24 C/C++ (GCC, Win32 API) 2020/03/18 Software (Software libraly) New!! 2006/09/24 Links (My bookmarks ?) 2002/10/13 Trash box (Danger !?) 更新 2020/03/18 藤 -Resizer- の更新(正式版) 2018/05/28 Simple Application Launcher の更新(正式版) Copyright(C) 1998-2020 C-yan (このサイトについて, 掲示板) Tw
-
人工知能超解像プログラム NeuronDoubler
Artificial intelligence super-resolution Program : NeuronDoubler 開発背景 デジタル画像の普及と高精細化に伴い、画像や画面の解像度は大小様々な種類が存在しています。 個人用途のPC用ディスプレイだけでも640x480から2560x1600までの幅があります。 デジカメも30万画素から2400万画素まで進化を続けて来ました。 そんな中で以下のような場面に遭遇した方は多いかと思います。 ・ガラケー用の待ち受け画像がスマートフォンでは綺麗に見えない ・昔のデジカメ写真や写メが小さい ・800x600等の古い壁紙をHDモニタで綺麗に表示したい ・モニタでは綺麗でも印刷すると荒さが目立つ ・昔のお宝GIF画像を拡大したい ・写真をトリミングやデジタルズームしたら荒くなってしまった ・カタログを作成していたら画像のサイズがまちまちで困った
-
『これからiPhoneアプリ開発を始めたいあなたに捧げる10個のキーワード』
大阪で働く社長のブログ 大阪の堺筋本町というところで働く社長のブログです つらつらと思った事を書いてるだけの駄文集です。 なんか上から目線な感じになっててすみません... 今回はアプリ開発ネタです。 世の中便利になりまして、気づけばネットで色々調べれるようになりまして、 開発においても基本的なことであれば、検索すれば解決することもできます。 ただ、全くはじめての段階ですと、どのようなキーワードで検索すればいいのかさえ わからなかったりします。 そこで、これからアプリ開発を始めてみようとしている方におすすめしたいキーワードを ピックアップしてみました。 参考になれば幸いでございます。 1.UIAlertView これちょいちょい使うやつです。ぽこんとでてくるやつですね。 ユーザーにメッセージや警告など何らかのメッセージを表示させたい場合に使います。 2.UIActionSheet これまたよ
-
レスポンシブWebデザインでテーブルを使う時の小技
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
-
HTML5 × CSS3 × jQueryを真面目に勉強 – #8 jQueryプラグインの作り方について詳しく | DevelopersIO
僕は人の名前を覚えるのが苦手です。それはさておき、jQueryプラグインの作成方法について頻繁に忘れるので、手順をここにまとめておくことにします。コレさえ読めば急にプラグインを大量に作れといった無茶ぶりをされても大丈夫。 多い日も安心♪（ゝω・）vｷｬﾋﾟ はじめに - jQuery プラグインの構成 細かい差はあれど、基本的にjQueryプラグインは以下のような構成で成り立っています。 // 匿名関数で全体をラップ - (5) (function($) { // このプラグインの名前 - (1) $.fn.name_space = function() { //要素を退避 - (2) var elements = this; // 要素をひとつずつ処理 - (3) elements.each(function() { // 具体的な処理をここに記述 }); // method chain
-
【Webデザイナ－・コーダー向け】すぐに使えるSCSS入門｜Mixinsを作ってみよう編 | DevelopersIO
はじめに。 基礎編、compass編、知らないと損する機能編と今回の「Mixinsを作ってみよう編」で第4回目になります。 全部読んで理解すれば、もうSCSSをがっつり使えるようになっているんじゃないでしょうか！僕もこのシリーズ記事を書きながらドキュメントを読んで色々知ることができました。 今回はプログラムを書いたことのない方にはほんの少し難しいかもしれません・・・でも、投げ出さずに使ってみてください。理解できたときには少しプログラミングが好きになると思います。 それでは、第4回目「Mixinsを作ってみよう編」いってみよー。 SCSS（Sass） Mixinsとは SCSS（Sass） Mixinsとは簡単に言うとSCSS全体で再使用することができ、多種多様なスタイルを生成できる機能です。 引数を使い生成するスタイルを制御することもできます。 Mixinsの基本 Mixinsを使うには2
-
OpenCVで写真を漫画風に加工しよう 〜実装編〜 | DevelopersIO
上記ファイルを作成しましょう。ファイルを作成したら、実装ファイルの拡張子を.mから.mmに変更します。実装ファイルの拡張子を.mmにすると、ファイル中にObjective-CとC++のソースコードを混在させることができます。 FilterBaseクラス FilterBaseクラスはフィルタクラスの抽象クラスです。CGImageからOpenCV画像データに変換したり、OpenCV画像データからCGImageに変換したりするメソッドを定義しておきます。また、このクラスを継承したサブクラスにてフィルタ処理をかけるときに使用するメソッド- doFilter:も定義しておきます。 FilterBase.h #import <Foundation/Foundation.h> #import <opencv2/opencv.hpp> @interface FilterBase : NSObject /*
-
HTML5で追加されたinput要素のタイプはiPhone、Androidでどのくらい使えるのか | DevelopersIO
HTML5でinputタグのタイブが追加されましたが、現行のiPhone、Androidでどのくらい使えるのか調べてみました。 OSとブラウザに関しては以下の機種で調べています。 iPhone 5(iOS6)のSafari Galaxy S3(Android 4.04)のGoogle Chrome バージョン18 目次 テキスト入力 検索(search) 数値(number) 電話番号(tel) URL(url) メールアドレス(email) 日付・時間指定 時間(time) 日付(date) 日時(datetime) 日時(datetime-local) 週(week) 月(month) その他 範囲から指定(range) 色選択(color) テキスト入力 まずはテキスト入力系の属性を調べてみます。 見た目が変わったり、フォーカスインした際の入力モードが変わります。 検索(search
-
-
How to create looping ViewPager
ループできる ViewPager です。ちゃんと作ってないので以下の制限があります。 ページ数が 3の倍数じゃないといけない（時間がなくて対応してない） 連続ページ切り替え（スワイプ後のスクロールが終わる前にさらにスワイプ）に対応してない わかんないけどなんかあるかも ポイントは isViewFromObject() を駆使することと、ViewPager を extends して onLayout で位置を戻すことです。 public class MainActivity extends Activity { private ViewPager mViewPager; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R
-
- 2012年11月3日
- 2012年11月2日
- 2012年11月1日
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました