hitofushi
【実店舗：営業時間変更のお知らせ】 いつもご利用いただき、ありがとうございます。 この度、当店では 2024年3月1日より、営業時間を12時〜18時 に変更いたしました。 変更により、お客様にご不便をおかけすることとなりますが、 何卒ご理解賜りますようお願い申し上げます。 ＜hitofushi アニバーサリージュエリー発売のお知らせ ＞ 2022年、hitofushi の12周年記念にClassic Koとコラボレーション制作したオリジナルジュエリー。当店限定販売です。 日月-JITSU GETSU ピアス／イヤリング 箱-HAKO ピアス／イヤリング 岡井麻布商店 リネンコーヒーフィルター 新発売です。 森里 博信 三島飯碗 新発売です。 TOKYO LEATER FACTORY Washable Drop Tote Bag_洗える革のドロップトートバッグ 、 Washable Shop
[JS]これ、いい！サイトのデザインを損なわずにフォームの進捗を美しく表示するスクリプト -Fort.js
デモページ：Sections デモでは他にもグラデーションを使ったGradient、進む時に光るFlashなどが用意されています。 デモページ：Default デモページ：Gradient デモページ：Sections デモページ：Flash Fort.jsの使い方 Step 1: 外部ファイル 当スクリプトとスタイルシートを外部ファイルとして記述します。 <head> ... <script src="fort.min.js"></script> <link rel="stylesheet" href="fort.min.css"> </head> Step 2: HTML バーを表示するdivをセットします。 <body> <div class="top"> <div class="colors"></div> </div> Step 3: JavaScript 適用するエフェクトを指
Vagrantのインストール | 開発環境／開発ツール
なにはなくともVagrantだぜ — 最近私はそう思っている。Vagrant（ベイグラント）は派手なソフトウェアではないが、IT技術者の学習と仕事のスタイルを大きく変革する可能性を持っている。デスクトップマシンとしてWindowsやMacを使っていて、Linuxサーバーにも触る機会がある人、そういう人ならVagrantを使わない手はない、使うべきだ。今すぐ使い始めよう。 関連記事： Vagrantのインストール Windows 10 日本語版の仮想環境を構築する 今や仮想環境は万人に開放された Vagrantは、仮想環境の構築と制御を行うソフトウェアだ。あなたが今使っているそのコンピュータ内に、誰にも迷惑をかけずにいじり倒せる（壊したってかまわない）サーバマシンを生み出すことができる。その仮想サーバーマシンは、開発環境としても、Linuxソフトウェアやサーバー管理の学習や実験にも、自由に気
仮想環境構築ツール「Vagrant」で開発環境を仮想マシン上に自動作成する | さくらのナレッジ
最近注目されている開発支援ツール「Vagrant」は、テスト用の仮想マシン作成やその環境設定などを自動化するツールだ。これを利用することで、仮想環境の作成からセットアップ、そして破棄までを、簡単なコマンドを実行するだけで行える。今回はこのVagrantの概要と基本的な使い方を紹介する。 仮想マシンの作成や環境構築、仮想マシンの破棄までを自動化するツール「Vagrant」 近年、Web開発の分野ではPC上に構築した仮想マシン上にテスト用の環境を作成し、そこで開発やテストを行う、というスタイルが一般的になっている。その場合に問題になるのが、本番環境とテスト/開発環境が同一になっていない、というケースだ。また、複数人の開発者が関わるプロジェクトでは開発者がそれぞれ自身のマシン上に仮想環境を構築して開発するという例も多いが、この場合開発者ごとのテスト/開発環境がそろっていないという問題も発生しうる
レシピ特集｜itonowa 渋谷有美さんに教わる”黒糖ジンジャーシロップ” その1：自家製ジンジャーシロップ作り。 - 北欧、暮らしの道具店
HOME / 特集 / レシピ特集｜itonowa 渋谷有美さんに教わる”黒糖ジンジャーシロップ” その1：自家製ジンジャーシロップ作り。 編集スタッフ 青木 こんにちは。スタッフの青木です。 本日より4日間にわたって itonowa渋谷有美さんに教わる ”黒糖ジンジャーシロップ”を お届けいたします。 これからやってくる暑い季節にピッタリな 黒糖ジンジャーシロップ。 簡単に作れて、美味しくて、 アレンジも楽しめますので お試しいただけたら嬉しいです。 itonowa渋谷有美さんに教わりました。 今回レシピを教えてくださるのは ほっとするワンプレートご飯が人気の itonowaというカフェと itonowa Life という雑貨のお店を営む 渋谷有美さんです！ 様々な手作りシロップ情報を見聞きする昨今、 スタッフの間でも自分たちで作ってみたいねと 話にのぼることがあった、シロップ作り。 そ
講義の受け方、まとめノートの作り方、試験まで勉強手順 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】
「大人になってからの勉強法」に関する本を３０冊読むマラソン、ただいま７冊目。 今日中に８冊目に入る見込み。 ところで皆さん、今、何か目標はありますか？ 目標に向かって、何か頑張っていることはありますか？ 「今日はこれをしよう」 「今日はこれができた」 「今日はあまりできなかったから、明日はがんばろう」 やはり、目標のある日々は楽しいです。 私の今の目標のひとつは、資格取得。 仕事上、とある資格が必要になり、そのために勉強をしています。 その際、参考にしているのがこの本↓。 脳が冴える勉強法 覚醒を高め、思考を整える (NHK出版新書) 過去記事で何度か紹介していますが、今私が一番オススメしている「勉強法の本」です。 本では「講義を受けてから試験を受けるまでの勉強手順」が説明されています。 その手順も参考になるのですが... その中に出てくる「ノートの取り方」がものすごーーーく参考になりまし
プロっぽくなった！こっそり使いたい「動きのある」CSSテクニック
作成：2014/06/2 更新：2014/11/01 Web制作 > WebデザインギャラリーやWPテーマなどで「見栄えのする」サイトが使っている効果など。今回はCSSのみで実現できる、動きあるエフェクトをメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マスク １．マスク・キャプション ２．円形キャプション ３．全画面+オーバーレイ ４．ストライプの背景 フルスクリーン系 ５．スライド＋フルスクリーン ６．全画面背景動画 ７．パララックス ８．フルスクリーンにフィット ９．背景画像をブラウザごとに最適化 １０．メガメニュー 画像可変 １１．画像で枠線を表現する １２．半透明＋フィルタ １３．文字以外を透明にしてレイヤーさせる 図形 １４．ループ＋ローディング １５．3Dボックス １６．矢印ナビ 画像切り抜き １７．六角形 １８．卵型＋星形
HIGHTIDE（ハイタイド）公式サイト
偏愛と クリエイティブ。 自分の世界と社会がどこか フィットしてない感覚があった。 高橋 漠（ｔｏｕｍｅｉ）
Sublime Text 3 を最強の Markdown エディタに。 - Layman's Web Creation.
今日は Sublime Text 3 に関するメモ書きです。 ちょっとしたメモ書きからHTMLの生成まで大人気の Markdown 記法。 今まで Byword や、Writer といった Mac アプリを利用して書いたりしていました。 せめて Sublime Text 3 でとことんできればいいじゃないか…ってことで、 Package Control 先生 に情報を取ってきてもらいました。 1. Sublime Text 3 – Markmon Sublime Text 3 – Markmon そしてこちらが見つけた良さそうなパッケージ。 mathjax, socket.io を利用して、超リアルタイムで変更が反映できます。 多分、Atom よりレスポンス早いんじゃないかなこれ。 利用には幾つか条件があります。 node.js がインストールされていること。 pandoc (Markdo
ホームページ作るにも予算がない？お金がなくても出来ることあるよという話。 | 福岡 ホームページ制作のブレンドデザイン
2014年06月02日 日々思うこと ホームページ作るにも予算がない？お金がなくても出来ることあるよという話。 Tweet ホームページ作りたいけど、予算がない、お金がない、という方はたくさんいると思います。もしかしたらホームページなんかにお金かけたくない！という人もいるかもしれません。でも今は色々と使えるサービスもありますし、お金をかけずに出来る方法だって色々あるんです。という話を書いてみたいと思います。メリットやデメリットについてもつらつらと。 便利なWebサービスを使おう ホームページを作るとなると、制作会社だったり自分のような個人（フリーランス）に依頼したり。もしくは１から自分で勉強してホームページを作れば、それこそ時間と労力はかかりますけど、お金はあまりかからないです。だけどそんなことしてる時間ないという場合は、格安でホームページを作れるサービスがあるのでいくつかご紹介して
イベントのラクガキノートをSnapLite、ScanSnap SV600、フラットベッドスキャナでそれぞれデジタルデータにしてみての印象
さてさて、普通ならここで美しいパッケージを愛でながら「開封の儀！」といくところなのでしょうが、こちらはすでにあちこちでアップされている印象だったので、そこをぶっ飛ばしていきなり使ってみました！ 早速SnapLiteで取り込んでみる で、今回は手始めとしてイベント時に書いたスケッチノートを素材にSnapLiteで取り込んだものがこちらです。 いかがでしょう？ 普通ノートを撮影すると影が入ったり、手ぶれしてしまうことがほとんどですが、そのようなことは全くありません。 文字や絵も十分に読むことができるレベルです。 主に台形補正が行われ、色の補正は最低限で、ノートを素直に撮ったような印象です。 何より感動したのが手元のiPhoneでアプリを立ち上げて、SnapLiteに乗せて、本体のリスマークをタップしたら取り込まれているということ。 本当にペアリングとか一切気にしないでできるんですよ！これはすご
iPhoneをスキャナにしちゃうデスクライト「SNAPLITE」の発表イベントに行って、スケッチノートを描いてきました！
iPhoneをスキャナにしちゃうデスクライト「SNAPLITE」の発表イベントに行って、スケッチノートを描いてきました！ ドキュメントスキャナーScanSnapで有名な株式会社 PFUさんから「あっと驚く新製品の発表イベントがありますよ！」ということでイベントに参加してきたのでした。 今回はこちらの様子をスケッチブックに記録、すなわち「スケッチノート」として描いてきましたので、こちらを中心にお伝えしたいと思います。 今回発表されたのが、iPhoneをスキャナにしちゃうデスクライト「SnapLite」という製品です。 SnapLite http://snaplite.jp/ こちらは基本がデスクライトでありながら、iPhoneと専用アプリを組み合わせることで簡易スキャナとして使えてしまうという製品なのです。 紙資料をカメラで撮ろうとしたことがある方なら経験があると思うのですが、上から撮るとど
サイト制作時のデザインやコードの「ぶれ」をなくすスタイルガイドを作成するためのテンプレート -Style Guide Boilerplate
ウェブサイトの制作時で大切なことの一つは、デザインやコードの「ぶれ」をなくすこと。 ウェブサイトを制作する際、プロジェクトに関わる全ての人が参考にできるデザインのスタイルガイドを作成するBootstrapベースのテンプレートを紹介します。 Style Guide Boilerplate Bootstrap Edition Style Guide Boilerplate -GitHub スタイルガイドは作成した時の利点が多く、もしまだ未の人は是非チャレンジしてみてください。 また、もう利用している人には、Bootstrapベースで簡単にスタイルガイドが作成できるので試す価値があると思います。 スタイルガイドを導入する利点 ウェブサイトのデザインや実装方法を定義し、一貫性を促進する。 モジュール形式の考え方を促進する。 ページを作成する際にパーツやエレメントで迷わないようにする。 ウェブサイト
雑誌のように美しいレイアウトを生み出すために、Flipboardが開発したレイアウトエンジン | Goodpatch Blog
はじまり 2010年、私たちはFlipboard Pagesという、Webの記事をiPad向けにマガジンページにするというレイアウトエンジンを作りました。 Flipboard Pagesは、Vanity FairやNational Geographicと言った世界一流の出版社のコンテンツをページ割します。 Pagesは、それぞれの出版社のブランドアイデンティティとカスタムタイポグラフィーを再現する美しいレイアウトを生み出すことが出来ます。限定されたモバイルデバイス（例えばiOS 3.2のオリジナルiPad）でも充実かつ高いパフォーマンスでレンダリングするために、PagesはCSS3、SVG、そしてvanilla JavaScriptを使いました。出版社のレイアウトのためのダウンロードファイルサイズは平均すると、およそレイアウト、スタイリング、フォント、ネームプレートイメージなどで90キロバ
効果が3倍あがる！ コピーライティングのテクニック【完全保存版】 | LISKUL
商品をより魅力的に伝える。それがコピーライティングの技術です。 実際の商品・サービスはすごく良いものだったとしても、その良さをすべての人に口頭で伝達していくには限界があります。 そこで、DMやチラシ、広告等、色々な方法で大勢の人へ広めていくわけですが、そのときにきちんと商品・サービスの魅力が伝わらないと、消費者があなたの提供する商品やサービスを手にとることはないでしょう。 そこで必要なのが、より魅力的に魅せる文章。つまりコピーライティングの技術です。 例えば、あなたは下記のどちらの効果が高いと思いますか？ →上記「A」「B」で比べたとき、効果は「B」の方が3倍程度、高い結果となりました 「A」は美容整形を受けたい人の心情を表しており、コピー的にもキャッチーな印象ではありますが、具体性に欠けるところがあります。 一方、「B」はつまらないコピーに感じるかもしれませんが、ユーザーに対しメリットを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nyle Engineering Blog