【保存版】これを見たら、あなたの財布は確実に緩むであろう素敵すぎるネットショップ 101選 (フェンリル | デベロッパーズブログ)

2011/11/30 8109 users SPGRA デベロッパーズブログ 財布 コンテンツ ネタ元

こんにちわ。坪内です。 突然ですが、SPGRA 知ってますか？ せっせこ素敵なデザイン物を紹介しているブログなのですが、実は、日本語版と英語版とでコンテンツが全く違うんですね。日本語版では世界中のデザインサイトがネタ元で、英語版では日本中の素敵オンラインショップやデザイナーさんのサイトがネタ元なのです。 そこで、本日はSPGRA編集部がネタ元とすべく、この2年ほどで集めた素敵なネットショップを一挙... 続きを読む

【保存版】これを見たら、あなたの財布は確実に緩むであろう素敵すぎるネットショップ 101選 (フェンリル | デベロッパーズブログ)

2011/07/28 8109 users SPGRA デベロッパーズブログ 財布 コンテンツ ネタ元

こんにちわ。坪内です。 突然ですが、SPGRA 知ってますか？ せっせこ素敵なデザイン物を紹介しているブログなのですが、実は、日本語版と英語版とでコンテンツが全く違うんですね。日本語版では世界中のデザインサイトがネタ元で、英語版では日本中の素敵オンラインショップやデザイナーさんのサイトがネタ元なのです。 そこで、本日はSPGRA編集部がネタ元とすべく、この2年ほどで集めた素敵なネットショップを一挙... 続きを読む

ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。 (フェンリル | デベロッパーズブログ)

2011/08/19 1367 users 余白 デベロッパーズブログ デザインテクニック 文字 使い方

こんにちは、デザイナーの長谷川です。 今回は僕が普段気をつけている、ちょっと意識するだけでスッキリしたデザインになるレイアウトのコツをご紹介します。 デザイナーじゃない方も、企画書や簡単な UI のモックアップ、Web や雑誌のレイアウトなどに応用できると思いますので、ぜひ参考にしていただければと思います。 1. 上下左右のマージンを均一に Web デザインや UI デザインの要素全てに対して隣り... 続きを読む

リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)

2012/03/12 1325 users Fireworks エッチング テクスチャ 水平 くら

iCloud 風アイコン iCloud 風アイコン2 こんにちは、イメージ担当の長谷川です。 今回は iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラ... 続きを読む

リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。 (フェンリル | デベロッパーズブログ)

2011/11/11 1305 users ガンプラ プラモデル 奥行き 長谷川 ご存知

こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すために... 続きを読む

FenrirFS（フェンリルエフエス）- ファイル管理ソフト | フェンリル

2009/11/26 1216 users FenrirFS Vista フィルタ iTunes フォルダ

デザインと技術のフェンリルが開発する効率の良いファイル管理ソフト FenrirFS 。ラベルやフィルタで素早く管理が出来ます。バージョン : 1.0.0 動作環境 :Windows XP / Vista / 7 ※ iTunes は米国および他国の Apple Inc. の登録商標です。 デスクトップやメールソフトから、ファイルをフォルダに入れるように直接 FenrirFS にドラッグ・アンド・ド... 続きを読む

【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。 (フェンリル | デベロッパーズブログ)

2012/02/01 1004 users iPhone 横幅 デベロッパーズブログ Android 端末

こんにちは、開発の林です。 スマートフォン向けウェブページを作るする際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作り... 続きを読む

はてな＆フェンリルのオリジナルグッズ欲しい！とは - はてなキーワード

2009/11/11 944 users オリジナルグッズ はてなキーワード Sleipnir 機能

「はてな＆フェンリルのオリジナルグッズ欲しい！」キャンペーン【応募締め切り：12/20（日）】 コラボレーションサイト「はてなブックマークニュース × Sleipnir Start」公開！ フェンリルが提供するWebブラウザ「Sleipnir」のスタートページ「Sleipnir Start」に、はてなブックマークニュース等に連動する機能が加わり、コラボレーションサイト「はてなブックマークニュース ... 続きを読む

高品質な UI や Web のデザインが短時間で作れるおススメの Fireworks 拡張機能 4つ (フェンリル | デベロッパーズブログ)

2012/01/10 640 users モックアップ Fireworks ザク デベロッパーズブログ

こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ... 続きを読む

【iOS/Mac開発】超サクサクアプリへの必須ツール Instruments を使いこなそう (フェンリル | デベロッパーズブログ)

2013/04/19 490 users iOS XCode 反面 デベロッパーズブログ Mac

こんにちは。iOS / Mac 開発担当の金内です。 使って幸せなアプリには、サクサクとした動きが欠かせませんね。自分たちで作っているアプリが「サクサク」でなく「もっさり」と言われてしまうと残念な気持ちになりますが、反面「よし。こうなったら超最適化して超サクサクなハイパフォーマンスアプリを目指す!」と誓いを立てるよい機会でもあります。 そんな誓いを立てたあなたにピッタリのツールが Xcode に付... 続きを読む

とにかく読みにくいページをつくってみた (フェンリル | デベロッパーズブログ)

2017/10/04 434 users 青野 デベロッパーズブログ 読者視点 R＆D 暗いだけ

こんにちは、R&D 部の青野です。 よく「読者視点で見やすくて読みやすいページを作りましょう」とよく言われてますが、たまには見づらくて読みにくいページがあってもいいんじゃないか。 ということで、読みにくいページを作りました。 と言っても、デザイン、ページ構成的にというわけではなく、ただ暗いだけのページです。 仕組みとしては暗く描画した canvas タグをページの上に重ねているだけとなっております... 続きを読む

Jenkins がもっと便利になるおすすめプラグイン 8 つ (フェンリル | デベロッパーズブログ)

2012/12/06 384 users Jenkins デベロッパーズブログ アイコン 松本 開発担当

こんにちは、開発担当の松本です。 今回は、Jenkins にたくさんあるプラグインの中からおすすめのプラグインをいくつか紹介します。 ジョブ一覧にアイコンを追加できる: Custom Job Icon 今年8月にリリースされた比較的新しいプラグイン。名前の通りプロジェクトごとにアイコンを登録できて、それがプロジェクト一覧に表示されるようにできます。 利用するには、プラグインインストール後にアイコン... 続きを読む

iPhone/Android/PC 対応。jQuery で書くタッチイベント (フェンリル | デベロッパーズブログ)

2011/06/10 364 users iOS iPhone jQuery 他所 デベロッパーズブログ

こんにちは！プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。（jQuery Mobile は不要です） iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この３点です。 こちらを実際に動作するコード... 続きを読む

タブブラウザ「Sleipnir」の「フェンリル」の知られざるオフィス写真集＆1人の個人から100人を超える企業に成長するまでの物語 - GIGAZINE

2014/03/24 323 users タブブラウザ Sleipnir GIGAZINE 大半 起業

よくあるような「スタートアップ」や「起業」が最初はみんなに注目されるもののそのあとは鳴かず飛ばずの状態が続き、いつの間にか消えてしまうのが大半なのに対して、たったひとりの個人で開発を始め、さらに法人化、ほとんどの会社が10年以内につぶれてしまう中で少しずつ着実に成長を続け、ついに10周年を迎えようとしているのが、国産のブラウザとしては最も大きいシェアを誇っている「Sleipnir」の開発元である「... 続きを読む

[非Webデザイナー向け] カッコイイブログを最速でデザインするための簡単 5 ステップ (フェンリル | デベロッパーズブログ)

2011/06/03 296 users 坪内 SPGRA ブログシステム デベロッパーズブログ ペン

こんばんは！ 先日の、はてブのホットエントリー PARKN’ PARK さんの 「「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント」に触発されてペンを取った私、 SPGRA というデザインブログをフェンリルで運営している坪内が本日はお送りします。 形式がほとんど決まっているブログデザインは、トップページと記事ページのデザインさえ固めてしまえば、あとはブログシステム... 続きを読む

  は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)

2011/06/27 269 users nbsp 冒頭 デベロッパーズブログ 見た目 プログラム

いかがでしょう？　WEBブラウザにもよりますが、結構実際の見た目も違うように思います。 で、冒頭の「半角スペースと  」の件ですが、ちゃんと意識しておかないと「あれ？」と思うことがあります。 「  を半角スペース (0x20) に置き換える」プログラムがあるように、「  を半角スペースに置き換えず、nbsp (0xC2A0) に置き換える」プログラムもありますから、WEB ブラウザのように 0xC... 続きを読む

C言語に置き換わるか？現在はFacebookで開発されているD言語について (フェンリル | デベロッパーズブログ)

2014/07/23 264 users Facebook デベロッパーズブログ D言語 C言語

こんにちは。開発担当の渡部です。 普段の業務では Web のフロントエンド・サーバーサイドをやりつつ、オフの時は Oculus Rift を触っており Developers Summit 2014 などのイベント等にも多数参加していますが、 本日はジワジワと伸びているプログラミング言語についてのお話です。 つい先月、このブログでも取り上げた Objective-C 後継として開発中の Apple ... 続きを読む

マテリアルデザインのガイドラインが最高に実践的だった (フェンリル | デベロッパーズブログ)

2014/12/24 222 users 大西 デザイナー UI・UX コレ 方々

「2014年にグッときたコレ」がテーマになる Fenrir Advent Calendar 2014 の24日目です。 マテリアルデザイン デザイナーの大西です。マテリアルデザインそのものへの記事は既に多くの方々が取り組まれているので、少し目先を変えてガイドラインについてです。 このガイドラインが最高に実践的でグッときました。 UI・UXについてのガイドラインは面白くて勉強にもなるのですが、理解し... 続きを読む

【iOS】UIWebView Hacks 〜ブラウザ開発テクニック〜 (フェンリル | デベロッパーズブログ)

2013/07/12 221 users iOS デベロッパーズブログ

こんにちは。 Sleipnir Mobile for iPhone / iPad 開発担当の宮本です。 調べてみると、Sleipnir Mobile の最初のコミットは 2010年9月6日で、もう3年近く開発しているようです。最初はこんな貧弱な API でブラウザなんて作れるわけ無いと思っていましたが、なんとかなるものですね。今では多くのユーザーさんに使っていただけるプロダクトになりました。 今回... 続きを読む

Jenkins がもっともっともっと便利になるプラグイン 8 つ (フェンリル | デベロッパーズブログ)

2013/06/26 215 users Jenkins リストビュー デベロッパーズブログ カラム

こんにちは、開発担当の松本です。 前々回、 前回に引き続いて、 今回も Jenkins の便利プラグインをいくつか紹介します。 リストビューの表示内容を拡張する: Extra Columns 名前や上の画像が示すように、リストビューに表示するカラム項目を拡張してくれるプラグインです。 プラグインインストール後に、ビューの変更のカラムに上記画像のような項目が追加されています。項目によっては設定も付い... 続きを読む

Jenkins がもっともっと便利になるプラグイン 8 つ (フェンリル | デベロッパーズブログ)

2013/03/12 201 users CSS 執事 反響 松本 Jenkins

こんにちは、開発担当の松本です。 前回のプラグイン紹介記事がわりと反響があったようですので、今回も便利プラグインをいくつか紹介します。 好みのテーマに変更できる: Simple Theme Plugin 左下のいつも出ている執事の顔が気になってくる人は多いと思います。 そんなときにはこのプラグイン。CSS と JavaScript を挿し込むだけの単純なプラグインながらその効果は絶大です。 利用す... 続きを読む

今最も注目されている設計手法！MVVM を Android アプリ開発に取り入れてみた (フェンリル | デベロッパーズブログ)

2014/04/03 199 users MVVM ビジネスロジック デベロッパーズブログ 真価 北川

こんにちは。共同開発部開発担当の北川です。 クロスプラットフォームなアプリ開発では Xamarin の使用はビジネスロジックの共通化が可能となり非常に効果的です。 すべてのアプリを単一の言語（C#）で実装することができる点だけでも魅力的ですが、MVVM 設計によりその再利用性を高めている点こそがその真価を発揮しているとも言えます。 私は Xamarin でのアプリ開発を通して MVVM 設計のすば... 続きを読む

約5万点の素材からドラッグするだけで、プロ並みのデザインが仕上がる新サービス “Picky-Pics (ピッキーピックス)”、本日リリースです！ (フェンリル | デベロッパーズブログ)

2014/07/10 187 users ピッキーピックス Picky-Pics プロ並み 素材

こんにちは、新プロダクト担当の林です。 本日、ブラウザ上でプロ並みのチラシや名刺をデザインする新サービス “Picky-Pics (ピッキーピックス)” をリリースしました。 Picky-Pics を使う 約5万点の素材とドラッグ＆ドロップ Picky-Pics は、約5万点の写真やイラストの素材をドラッグ&ドロップによる簡単な操作で自由にレイアウトし、プロ並みのデザインを作成できるウェブサービス... 続きを読む

Swift でもう一度 iOS/OS X アプリ開発に挑戦してみませんか？ (フェンリル | デベロッパーズブログ)

2014/06/11 154 users iOS WWDC Swift Objective-C API

こんにちは。開発担当の木村です。 今年も毎年恒例の一大イベント WWDC が開催されました。 iOS 8 や OS X 10.10 とあわせて4000を超える API が発表され、 開発者のためのイベントとして、例年以上にふさわしい内容だったのではないでしょうか。 中でも私がビビッと来たトピックスは新言語「Swift」の発表です。 これまで Objective-C で開発してきた iOS / OS... 続きを読む

【連載】Bluetooth LE (1) Bluetooth Low Energy の基礎 (フェンリル | デベロッパーズブログ)

2013/09/26 144 users iOS デベロッパーズブログ プラットフォーム 特定 伊藤

こんにちは。共同開発部 開発担当の伊藤です。 フェンリルの共同開発部ではこれまで数多くの企業様と、iOS、Android、Windows Phone、Windows 8 と多様なプラットフォームで、多種多様なアプリを共同開発してきました。 その中で得たものは、これまでもここ Developer’s Blog でもご紹介してきましたが、これだけ数多くの環境でアプリが作れる人がいるのだから、ある特定の... 続きを読む