puzzel.jp
ユーザー目線でのデザインが得意で、プロダクトの成長をより加速させるためのデザインも得意です。 toC ユーザー向けのプロダクトのデザインを注力していましたが直近は、toB ユーザー向けのプロダクトのデザインに注力しています。 他、ロゴや Web サイトデザイン/マークアップ、写真撮影、映像撮影・編集、デザインの講師など。 自己紹介 (note) About - puzzel.jp 2010年10月からスタートした、puzzel.jp。 開設時から1つまえのサイトが残っています。 デザイントレンドによって変わっていたり、ガラケー対応のサイトだったりと、時代を感じることができます。 History: 2010, 2011, 2012, 2013, 2014, 2016, 2020 Chompy, Inc. 2021 - 2023 フードデリバリーサービス Chompy の UI / UX デザ
(Snow)Leopardインストール用USBメモリの作り方のメモ (blog@browncat.org)
blog@browncat.org Web, Linux, Ubuntu, Mac, PDA, 携帯電話, プログラミング, ソフトウェア＆落書き MacBook Airが不調なため最悪いつでも再インストール出来るようにSnow LeopardインストールUSBメモリを用意したので忘れないようにメモ。たぶんMacな方には常識的なことだと思いますが。。。 1. 準備するもの Mac 容量8GB以上で全部使っていいUSBメモリ Snow LeopardインストールDVD or ISOイメージ ISOイメージはlinuxなどでdd if=/dev/xxx of=macosx.iso bs=1MなどとしてDVDから作成可能。MacBook Airが作業機ならISOイメージで。2. MacにDVDをセットもしくはISOイメージをコピー 3. USBメモリをセット 4. DiskUtilityを起動
rsync でディレクトリの同期（バックアップ） - maruko2 Note.
rsync でディレクトリの同期（バックアップ） 提供：maruko2 Note. 移動： 案内, 検索 目次 1 書式 2 option 3 使用例 3.1 source ディレクトリ内のファイルを、backup ディレクトリへコピーする 3.2 ディレクトリの同期 3.3 SOURCE で指定するディレクトリ名の最後にスラッシュを付けるか付けないか 3.4 ssh と組み合わせリモートマシンにコピーする 4 rsync サーバ 4.1 rsyncd.conf 4.2 デーモンモードで起動 4.3 rsync サーバとの同期方法 4.4 モジュールの指定例 4.5 rsync サーバのセキュリティ対策 4.5.1 同期元アドレスを限定する設定 4.5.1.1 設定例 4.5.2 同期時にユーザー認証を必要とする設定 4.5.2.1 rsync サーバ側の設定 4.5.2.2 クライアント
【保存版】ScanSnap S1500M: 雑誌・書籍の裁断スキャンの方法をやさしく解説。iPadライフが10倍楽しくなります！ | AppBank
興味はあれど、なかなか手を出せなかった自炊（自分で漫画や書籍を電子化すること）。 やってみましたが、これ、最高ですよ！今まで何で二の足を踏んでたんだろ・・・と。興味がある方は絶対やってみた方がいいと感じました！iPadに対する愛がさらに深まります。 今回ご紹介するのは、ズバリ自炊の方法とコツ、および使ってみた感想！用意したのは、自炊用スキャナー「FUJITSU ScanSnap S1500M (Macモデル)」と、裁断機「大型裁断機 書籍断裁可」です。 ＊私がMacユーザーであるため、Macモデルを購入しましたが、同ScanSnapのWindowsモデルも当然あります。まちがって購入しないようにご注意下さい。また、ScanSnap S1300というWin/Mac両対応のコンパクト版もあります。こちらは値段もお求め安いので、機能を比較した上で合った物をお選びください。 ScanSnapはもは
結局どうすればいいの？ - Dive Into HTML5
Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In この章で
初心者でもできるOSの再インストール手順完全ガイド | ライフハッカー・ジャパン
パソコンが遅い！ できる事はとりあえずやってみたけど、まだまだ遅い！ といった場合、「OSの再インストール」は常に選択肢としてあります。ですが、一口にOSを再インストールといっても、一体どうやってやるの？ という方のために今回は、再インストールの手順、コツ、最も効率的なやり方などを、詳しく説明してみたいと思います。 再インストールを迫られるまでのシナリオは数多く考えられます。過程がどうあれ、再インストールの手順は同じであり、それが最善策であることも多いです。ただし、間違えるとデータが消えてしまう危険性もあるので、十分注意して作業して下さい。やり方は多種多様ありますが、今回は時間効率的に優れた方法を紹介していきます。 手順1: ハードディスクのクローンを作成 まずはデータのバックアップが必要です。バックアップをオンラインで行っている方、Dropboxに必要なものを保存したり、AppleのTi
これからの「GNU Screen」の話をしよう
縦分割が目的で使い始めた開発版の GNU Screen。CVS、Subversion、Gitとリポジトリを追いかけていると、他にも便利な機能があることが分かってきました。ここ半年ほど主だった変更はありませんが、4.1.0 のリリースに向けてドキュメントも整備されてきたようですので、2年ほど使用してきて分かってきた変更点をまとめようと思います。 4.1.0における変更点 ここで取り上げる変更点は次の通り。詳細は ChangeLog などを確認してください。 新しい機能 縦分割 レイアウト ウィンドウグループ マウス操作のサポート コマンドメッセージの抑止 外部からのコマンド問合せ 拡張されたコマンド／機能 最大ウィンドウ数の増加 ウィンドウ番号の相対指定 イベント発生ウィンドウの装飾設定 設定で使用可能な変数／書式の追加 ウィンドウリスト／画面リストの拡張 その他 256色サポート コマンド
Web屋さんのための新年の抱負アイデア24
2017年6月29日 Web関連記事, ライフハック 2011年がスタートしましたが、「なんだか調子でないなー」という方！今年の目標はもう設定しましたか？私は毎年「新年の抱負」を考えているのですが、今年は何にしましょう？ということで、Web屋さんが設定できそうな新年の抱負案を考えてみたので、参考にしつつ新年の抱負を考えてみてはいかがでしょう？ ↑私が10年以上利用している会計ソフト！ 1. CSS3の勉強をする 角丸・グラデーションをはじめ、画像を使わなければできなかった効果がCSS3を使えば簡単に実装できます。デザインの幅がぐんっと広がります。IEで対応していないなどの問題もありますが、CSS3 PIEを使えばIEでも使えるようになりますよ。 CSS3リファレンス CSS3のリファレンスサイト。コードの例もわかりやすいです。 たった一行を追加するだけでIE6/7/8をCSS3対応にする
HTML5で進化したフォーム機能 ここが違う！サンプルで見るHTML5（5）
はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回：HTML5が注目を浴びる理由とは？ 第2回：HTML4から変化したHTML5のマークアップ 第3回：HTML5で再定義された要素と属性 第4回：HTML5で実現できるマルチメディア系機能 新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト（パスワード）入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足してい
プログラムやCSSのちょっとしたコードを残しておく時に便利·Schnippselchen Pro MOONGIFT
Schnippselchen ProはMac OSX向けのフリーウェア。いわゆるスニペットは開発、Webデザインを行っているとよく発生する。わざわざバージョン管理に入れるまでもない、ちょっとしたテクニックやコードの書き方をメモしておくのだ。特定言語向けのコミュニティでもよくそうしたスニペットが投稿されている。 コードスニペットを管理 そのようなコードの断片（スニペット）を管理するのに便利なのがSchnippselchen Proだ。Schnippselchen Proはプログラミングコードや、HTML/CSSなどのソースを管理するのに特化したスクラップブックソフトウェアだ。Githubなどでオンラインのスニペット管理が提供されているが、オンラインに載せるのはちょっと…と思う方はSchnippselchen Proを使ってみよう。 表示は3ペインになっていて、一番左にカテゴリ、右上が一覧、右
覚えておくと便利かも！？Skitchの画像編集テクニック
このBlogに掲載している画像のほとんどは、「Skitch」（→ 以前紹介したエントリはコチラ）で加工、編集しています。 これまでは、画像に説明を付ける程度で、すごくシンプルな使い方しかしてきませんでした。最近、ちょっと手を加えるだけで、もっと分かりやすい and/or 印象的な画像に仕上げる事が可能だと知りました。という訳で、覚え立てのテクニックをいくつか紹介したいと思います。 今回紹介するテクニックは以下の5つです。（ヘルプ読め！とかは言わない約束で...ｗ） スポットライトが当たったように加工する 影を付ける 背景を透過させるフォントを変える図形を切り分ける ● スポットライトが当たったように加工する 注目させたい場所を目立たせる事ができます。ここでは、Apple Storeの「iPhone」にスポットライトが当たったような画像を作成してみたいと思います。手順は以下の通りです。 「s
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
続・続Macを買ったらすぐインストールするアプリケーション
Macを買ったらすぐインストールするアプリケーション こんにちは、熊谷です。 前回はMacでAndroidアプリを開発するための準備について書きました。今回はその続きをと思ったのですが、皆さんもご存じの通りAppleから新しいMacBook Airが登場しました。そんなことで、早速ではありますが脱線してMacを買ったらすぐインストールするアプリケーションをあげてみます。 1. iTerm2 ターミナルソフトとしてTerminal.appがあるわけですが256colorが使えないので見た目重視の私にはいまいちだったりします。で、そんな人のためにiTermが存在していたわけなんですが、ここ最近開発が止まり日本語入力周りでもいろいろ問題があったりして、もっぱらurxvtを使っていました。そんなとき、iTermから派生したiTerm2が登場したというのを知り早速使っています。iTermで問題のあっ
Macを買ったらすぐ変更する設定
こんにちは。 先日、新型MacbookAirの美しさに魅せられ、ついついMacbookAir13インチ特盛りをポチってしまった橋本です。 今日は、弊社熊谷の記事「続・続Macを買ったらすぐインストールするアプリケーション」のインスパイアの意味も込めて、アプリではなく、Macの設定変更について書いてみたいと思います。 ※注意※ 今日ご紹介させていただく内容は、ターミナルからコマンドを入力して設定を変更するものです。試してみる際には自己責任でお願いします。MacOSX 10.6.5で動作確認済です。 では、早速。 1. デスクトップ上のアイコンを消す ちょっとしたファイルを保存するときに、ついついデスクトップに保存してしまうことってありませんか？自分はよくあります。ただ、このいい加減な習慣を続けていると、いつの間にかデスクトップがアイコンで埋まってしまって、せっかくの壁紙が台なしになってしまい
WindowsからMacBookへ３日で全部移行、そしてMacに慣れるためのTIPSのまとめ | AppBank
私の社会人生活１日目から１０年間、ずっと付き合ってきたWindowsから、この年末年始にMacbookへ乗り換えました。理由は Apple Store で新品のマッキントッシュを買う夢をみたからです。 ＜WindowsからMacへの3ポイント紹介＞ 先にことわりますが、私は windows 信者と言っても良いくらいウィンドウズが好きなのですが、この3日間で以下の結論を導きだしました。 WindowsユーザーはMacに移行した方がいい。もうWindowsとはサヨナラだ。特にiPhoneユーザーなら、PCもMacにするべきだ。 操作感はかなり違うものの実はMacを使いこなすにあたって覚えることは少ない。ショートカットキーも１日で慣れる。 移行時に多少面倒くさいのはiTunesやメーラーの移行ぐらい。あとは簡単。 というわけで、いかにMacBookがすばらしいか、まだ使い始めて１週間経っていない
知らないと損をする？Macユーザーなら入れておきたい便利ソフト - はてなニュース
はてなブックマークでも度々話題になる「Mac用のオススメソフト」。初めてMacを手にすると、「どれが何のソフトなのか分からない！」と悩んでしまうこともありますよね。そこで今回は、初心者はもちろん、Macユーザーならぜひ知っておきたい“Macで使える便利なソフト”をご紹介します。 ■Macを買ったらまずはコレ！ まずは、Macを手に入れたら最初に入れておきたいソフトを集めたエントリーです。 まず入れておきたいソフトはどれ？ ▽Mac買ったらすぐに入れるべきフリーソフトウェア - スチーム速報 ＶＩＰ ▽はじめてMacBookを使うのに入れたソフト20選 - [foool]丘の上 ブラウザやテキストエディタ、圧縮ソフトなどの基本的なものから、Twitterクライアント、画像処理ソフト、PCでテレビを見られるソフトまでたくさんの種類があるので、欲しいものが見つかりそうですね。 ▽ Macを初めて
新MacBook Airと過ごした３日間をまとめてみました - もとまか日記
先ほどお伝えした通り、気の早いサンタさんがMacBook Airをプレゼントしてくれました。 実はここ数日間はMacBook Airで遊んでたわけですが、 イイ！ 本当に良いです、MacBook Air！！ てことで、MacBook Airのレビューも兼ねて設定内容とかその他もろもろメモです。 初日の作業MacBook Airの初回起動時の作業まずは電源をポチっと。・キーボード右上の電源ボタンオン じゃーん。起動音でかっ！音量調整する。 ・言語選択：「主に日本語を使用する」を選択 派手な動画が流れる ・ようこそ：「日本」を選択して続ける ・キーボード入力環境を選択：「ことえり」を選択 その他はデフォルトで。 ・すでにMacをお持ちですか？：「情報を今すぐ転送しない」 完全初期設定をしてみるために。初心大事。 ・ワイヤレスネットワークを選択：選択してパスワード入れる ネットに接続しない場合は
すべてのMacユーザーに贈る 便利でしかも無料なMacのアプリ100個紹介 | Last Day. jp
私の周りでも『PCからMacにしました』という方が増えてきています。前回紹介した[Macを最大限にスピードアップさせる23の方法 | Last Day. jp]も沢山の方に見て頂けました。 今日はそんな方に朗報です。Macで使える便利でその上無料のアプリケーションを100個紹介致します。 Music & Video1.Boxee YouTube，Huluに代わる動画プラットフォームを目指すBoxee。Pandoraを聞く事もできます。 (標準：YouTube，Huluに代わる動画プラットフォームを目指すBoxee｜gihyo.jp … 技術評論社) Boxee 2.HandBrake オープンソースのDVDや動画ファイルをiPhoneやiPad対応動画に変換できるツールです。 (HandBrakeで字幕つきDVD/動画ムービーもiPod/iPhone/iPadへ一発変換 | iPod/iP
Apple 関連のフォントを手に入れよう | バシャログ。
シーブレインのマニュアル作成サービスチームから「スマートフォンで読めるマニュアル作成」を PR するページを作ってほしいとのご依頼があり、ページをデザインました。 せっかく iPhone を素材に使うのだから、フォントも Apple 風にしたいわあ、といろいろ探した際に知ったいくつかのフォント情報をメモします。 ひと目でフォント判別できる一流デザイナーにあこがれる！ 1. Apple 日本語サイトのフォントは「AXIS」 Apple 公式サイトの日本語や Apple store で手に入るパンフレットには「AXIS」というフォントが使われていることが多いそうです。 その「AXIS」試用版が、無料でダウンロードできます。登録さえすれば商用も OK という太っ腹ぶりです。 なだらかなラインがスマートな、きれいなフォントです。 Type Project｜試用版ダウンロード http://www.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
404 Error - File Not Found