APARTMENT 待望の大阪都心物件 新大阪まで4分 / 梅田まで11分の大阪「江坂」駅に2023年10月 NEW OPEN
![シェアハウスよりもソーシャルアパートメント|一人暮らしとシェアハウスのいいとこ取りをした新しいライフスタイル](https://cdn-ak-scissors.b.st-hatena.com/image/square/f94442f402f1e3df1e6d826ba73e80a774b14830/height=288;version=1;width=512/https%3A%2F%2Fwww.social-apartment.com%2Fassets%2Ffront%2Fpc%2Fimages%2Fdefault_og_image.jpg)
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
エリア 渋谷区 港区 目黒区 千代田区 世田谷区 新宿区 中央区 中野区 杉並区 品川区 大田区 江東区 墨田区 台東区 江戸川区 文京区 豊島区 葛飾区 足立区 練馬区 板橋区 荒川区 北区 23区外 特徴デザイナーズ ビンテージマンション 低層マンション 分譲賃貸 リノベーション リビング広め キッチン充実 天井高め 1階 2階以上 最上階 バリアフリー 設備・条件システムキッチン バス・トイレ別 追い焚き ウォシュレット 独立洗面台 室内洗濯機置き場 ウォークインクローゼット 床暖房 宅配ボックス オートロック フロントサービス 駐車場 フリーレント SOHO相談可 ペット相談可 楽器相談可 改装可能 特徴平屋 2階建て以上 リビング広め キッチン充実 天井高め ビンテージ リノベーション バリアフリー 設備・条件システムキッチン バス・トイレ別 追い焚き ウォシュレット 独立洗面台
・フリーのフォントが欲しくて色々調べていたら、思いのほか素晴らしいサイトが沢山見つかったのでまとめてご紹介。(主に自分用なので、まとめ方はざっくりてきとうです) 記事が自動展開されない場合は以下のリンクをクリック↓
node.jsに関する基礎やチュートリアルのまとめ。 リアルタイムなWEBを実現するには必須のサーバサイドJS、node.jsについて色々とまとめてみました。 node.js node.jsについて node.js なんとなく凄そうだけどよく分からないという方も多いかもしれないので簡単に解説。 一番最初見た時は何かのJavaScript ライブラリかと思ったのですが、全く違って、V8というChromeにものっている高速JavaScriptエンジン上で動くサーバを動かせる仕組み。 サーバ自体を具体的に言うと次のようなコードで実現します。 var http = require('http'); http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/plain
ここ一ヶ月ぐらいからJavaScriptが注目されているようだ。理由は簡単で、GoogleのJavaScriptエンジンを使ったアプリケーション・サーバーであるnode.jsの性能が高いと主張されているからだ。 地味にブームになりつつあり、Ajaxのようにウェブ開発の現場に定着するかも知れない。多数のブログで紹介がされている。現状のその特徴を振り返りつつ、node.jsが普及するかを考察してみた。 1. JavaScriptは、ブラウザ発の人気スクリプト言語 JavaScriptは、LiveScriptとして1995年にNetscape Navigatorというウェブ・ブラウザに搭載されたのが始まりで、すぐに政治的な理由でJavaScriptに改名された。1996年には、その基本的な文法がECMAScriptとして、ECMA-262とISO/IEC 16262で定義されている。言語仕様が簡
サンフランシスコのスタートアップ、Metamarkets社CTOのMICHAEL DRISCOLL氏がブログ上で書いた記事が話題になっていました。彼の記事によると、それまでのPythonとDjangoで構成されていたサーバサイドアプリケーションをnode.jsで置き換える決断をしたとの事。その理由は「LAMP構成は誕生から20年が経過し既に死んでいる」という事実を理解したからだそうです。またWEBを以下の3つの時代に分けて説明しています。 1991 – 1999: HTML時代 静的なドキュメントがサーバーから公開されていた時代 2000 – 2009: LAMP時代 様々な言語で構成されたアプリケーションがHTMLのテンプレートとデータベースの値を元に動的なコンテンツを公開。ただしクライアントサイドは静的なまま 2010 – ????: JavaScript時代 サーバーサイドアプリケー
本稿では、Node.jsの特徴や動作原理に触れ、サンプルや役に立つパッケージ、活用事例などを紹介したいと思います。 主なサーバサイドJavaScript Node.jsに触れる前に、予備知識として他のサーバサイドJavaScriptにも触れておきます。Node.js含め、サーバサイドJavaScriptには、主に以下のようなプロジェクトがあります。 サーバサイドJavaScripの標準仕様「CommonJS」とは サーバサイドJavaScriptには、「CommonJS」と呼ばれる標準化が策定されています。標準化というと難しい感じがしますが、要はサーバサイドでJavaScriptを実行するのに何が必要かを仕様として、定義しているドキュメントのことです(例えば、「ログが必要だよね」など)。 Node.jsは、このCommonJSに則って開発されています。現段階であれば、CommonJSの仕様
V8 JavaScript を用いたイベント駆動I/Oの実現 全てのリクエストに対して"Hello World"と返答するNodeで書かれたWEBサーバの例です。 var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello World\n'); }).listen(8124, "127.0.0.1"); console.log('Server running at http://127.0.0.1:8124/'); このサーバを走らせるには、コードを example.jsというファイル名で保存し、下記のように nodeコマンドを実行してください。 % node example.js
今年はjavascriptをちゃんと学ぼうという目標を立てて、Node.jsでWiki作ってみたり、ナポリン(富士のB級グルメのご当地キャラ)のゲームを作ったりしたので、一通りやった感は得られたかなと。 Javascriptの本を何冊か読んだので、どういう順番で勉強したら効率的だろうかとGraphvizを使ってフローチャートにしてみた。 パーフェクトJavascriptは必読かなと思うが、知識がない段階でいきなり読むと挫折する本なので、JGPかなんかで概要を掴んでおくか、普通にコード書けるようになってから読んだほうが得るものが多いですね。良書でしょう。
Twitterで少し話題になったので書かせていただきます。 (仕事はどうした) Nexus Fontはフォント管理ツールなんですが、 USBでもどこでも起動させる事が出来る点と、 フォントをインストールしていなくても、 同ツールを起動させていればフォントを使用できる特徴があります。 で、これをタイトル通りにするだけなんですが(ヤバイ、もう完結した) 一応順を追ってご説明しますね。 DropBoxにNexusFontをインストール 僕は一旦ローカルにインストールした後、 C:\ Program FilesにあるNexusFontフォルダをそのまま放りました。 ローカルのをアンインストールしても、Dropbox上から起動すれば大丈夫です。 DropBoxに、フリーフォントなど使いたいのを入れる。 まぁそのままポイっと。 第一階層にショートカット作っておくと便利です。
KOUSHIKI SANS FONT T L R ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 KOUSHIKI SANS FONTは、ゴシック体の基本的な形態を踏襲しつつ、個性的な存在感と視認性を実現しました。ウェブサイトやインフォグラフィック、看板やサイン、大判のグラフィック、ドキュメントのヘッドラインなど、美しい文字表現を可能にします。 KOUSHIKI SANS FONT keeps the basic shape of Gothic Fonts, while allowing a presence of individuality and unique visibility. This font can allow you to express beautiful characters eithe
提案資料や設計資料をアイコンや図入りでわかりやすくしたいけれど、寄せ集めたアイコンは図柄がばらばら…足りないものがある・・・など思ったことはありませんか? そんなご要望に答えて、資料に使えそうなアイコンセットをぷちぷち自作してみました。 今回は需要の多いビジネス系アイコン60種類(png形式)です。 顔あり顔なしバージョンがありますので用途に合わせて。 ↓アイコン見本↓ ↓使用例↓ 個人使用も商用もフリーですので、気に入ったら提案書や設計書で、デザインのポイントとして、是非使って下さい。(二次配布はご遠慮願います) もし好評でしたら、次回作も? こんなん欲しいなーというご要望も、 コメント欄・ブコメ・Twitter などでお待ちしています! ダウンロードはこちらから Tweet hinata Webデザイナーをやっているイラスト描き屋さん。 記事を書きながらデザイン勉強していきます! が、
CSS3を使い始めていくと、ぶつかる壁に「三角形みたいに尖った角」をどう表現するかというのがあります。三角形って思ったより難しいです。 まぁ無理しないで、イメージで作ればいいんですけど、ちょっとした装飾だったりすると、ちょこっとCSSで作れると楽な時もあります。 そこで、CSS3で「三角形みたいに鋭角を作る方法」を3つ紹介します。ここで紹介する方法には、メリットとデメリットがありますので、使い分けれるようになるといいと思います。 1. グラデーションを使う こちらの記事でも紹介しましたが、背景を background-size と background-position で4分割して、斜めのグラデーションを使うことで角を落とすことができます。 コード 4分割して、4つのグラデーションでそれぞれを塗ります。この方法では、塗りを使っているので、カスタマイズ性が高いですが、グラデーションを使って
CSS3 の新しいプロパティーを総動員したら、Photoshopとかで作ったきれいなアクア風(ガラス風)ボタンにどこまで近づけるか? というのを実際にやってみました。 チュートリアル風に、ステップごとに分けて説明していますので、CSS3を使ったリアルな表現のためのテクニックとして、ポイントだけでも覚えておくと、いろんなところで応用できると思います! こんな感じになりました 何はともあれ↓が出来上がったものです。 今はやりの CSS3ジェネレータ には負けてないと自負しています... さて、これを作る手順です。 ※Chromeで表示して画像にしています。実際のものはこちらから見れます。 作成ステップ ステップ1 : ベースとなるHTMLを用意 まずは、こんなHTMLを用意しました。このHTMLをベースに、CSS3を総動員していきます。A タグの中に SPAN が入っていますが、こいつらには後
CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード(シャドウ編) 13. フェード(グラデーション編) 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません
CSS3 を使って Windows から見るブラウザ上の "MS Pゴシック" をメイリオみたいに、アンチエイリアスさせて表示する方法を発見してしまったので紹介します。 さて、↓の2つのの文字を見比べてください。 実はどちらも同じ "MS Pゴシック"なんです(Chromeで画像化しています)。 CSS3 の transform を使う さて、これをどうやって実現しているかと言うと、CSS3 の transform を使って、アンチエイリアスさせたいテキストを、少しだけ縦方向に拡大しています。 .clear-type { -webkit-transform-origin: 0 0; -webkit-transform: scale(1, 1.01); -moz-transform-origin: 0 0; -moz-transform: scale(1, 1.01); -ms-transf
商用でも無料で利用できる、端が少しめくれてカール状になっている紙やノートのPhotoshop用のPSD素材を紹介します。
This jQuery plugin lets you create fullscreen galleries where the slides are shown on the entire screen using the fullscreen APIs provided by Firefox 10+ and Chrome 15+ (and possibly Safari 5.1+). In all other browsers it falls back to displaying the slideshow in the entire viewport. Example (click image to view)
最近のHTML5の盛り上がりには勢いがありますが、実際の所HTML5はどうなのか気になったので描画パフォーマンスを測定してみました。上記のグラフが結果ですが、HTML5で一番よい実装よりもFlashのほうが3倍弱高速という結果がでました。ブラウザによってはFlashのほうがHTML5より18倍も高速という結果もでています。 さらに言えば、HTML5の描画パフォーマンスが最も良かったのはSafariですが、ブラウザによってはそれの15%ぐらいのパフォーマンスしかでないブラウザもあり処理速度にばらつきが大きいのが特徴でした。ですが、Flashはどのブラウザでもスコアの振れ幅が小さくブラウザ間の処理速度は安定しているように思います(プラグインなので当然といえば当然の結果ですが)。 検証デモ HTML5やFlashと言っても様々な実装方法があるので、よく使われる方法を幾つか用意して検証しています。
Public Snippets コードは、現在7つのカテゴリに分けられています。 CSS Apache PHP JavaScript jQuery HTML XML Others [ad#ad-2] 例えばCSSだと、clearFix、角にリボンを配置、画像のフリップ、フッタの固定表示など、たくさんの便利なスニペットが登録されています。 CSS: Clearfix CSS: Pure CSS Corner Ribbon CSS: Flip an Image CSS: Sticky Footer スニペットのページでは、シンタックスハイライト、テキスト表示に対応しており、テキスト形式でダウンロードできます。
SEOに重要な基本的要素で、ウェブ制作会社が大切なことを見逃して失敗しがちなことを指摘した記事。Webディレクターとしてサイトの制作に携わっていたときに発見したというもので、次の4つの失敗パターンを挙げている。 titleタグにキーワードを入れないtitleタグやmeta descriptionの重複を気にしないrobots.txtやsitemap.xmlを設置しないデザインを優先して隠しテキストを使ってしまう1つ目と2つ目は実際に多いと筆者も実感している。SEOとしては基本中の基本であるし、titleタグにキーワードを入れることと各ページにユニークなtitleタグとmeta descriptionタグを設定することは、ユーザーにページの内容を伝えるうえでも重要だ。 3つ目のrobots.txtとXMLサイトマップは大切ではあるが必須ではない。robots.txtはクロールをブロックするペ
投稿日:2009年03月13日 レベル:初心者 ソフトウェア: このチュートリアルでは、Photoshopで火のついた線を描いてみたいと思います。 Step1 : はじめに Step2 : パスを描く Step3 : 火のレイヤーを作成する Step4 : 火のレイヤーを複製しレイヤーオプションを変更する Step5 : 完成 このチュートリアルでは良い写真素材を十分にそろえる必要があります。 動きがあって、暗めのものが良いでしょう(今回の効果は色が暗めの方がよくわかります)。 素材を開いたら、パスのタブで「新規パス」を選択します。 「P」キーを押してペンツールを選択して、火の行き先をおおよそ決めます。 特徴や動きが現実的になるよう意識しましょう。 渦巻きにすると効果的です! クリックしてパスを描き始めます。 次の点をクリックしたままドラッグすると、流れるような線を描くのに不可欠
iPhoneやAndroidなどのスマートフォン、「新しいiPad」などのタブレット、そしてデスクトップなど、さまざまなデバイスの幅に対応させるResponsive Web Designのために、どのようにレイアウトの幅を設計し、いくつレイアウトを用意するのか3つの方法を紹介します。 各デバイスの幅は、2012年3月のデータです。 A Simple Device Diagram for Responsive Design Planning [ad#ad-2] 下記は各ポイントを意訳したものです。 キャプチャに使用している画像は元記事よりPSDファイルでダウンロードできます。 各デバイスのサイズ レイアウトを3つ レイアウトを4つ レイアウトを6つ 各デバイスのサイズ まずは、2012年3月現在の各デバイスの幅です。 ※クリックで拡大 ポイント 上段:ポートレイト(縦置き)、下段:ランドスケ
画像の色調補正する時、何を使いますか? 私の場合、基本的な画像補正はトーンカーブ1つでほとんど済ませてしまいます。 トーンカーブは使い方が分かれば、簡易的に明度、色調、コントラストなどを補正できる強力なツールになります。 Photoshopベースで紹介しますが、FireworksやGIMPでもトーンカーブを扱えますので、参考になれば幸いです。 トーンカーブのデモで使用する画像は、フリーで配布されているPAKUTASOさんから写真をお借りして、説明します。 トーンカーブ基本 縦軸と横軸は、0から255まで階調を表しています。 画像モードがRGBの場合、縦軸は上から下に向かって暗くなり、横軸は左から右に明るくなります。 横軸が入力、縦軸が出力を表します。もっと噛み砕くと、横軸が元画像の階調、縦軸が補正後の階調です。 斜めに走っている線にはいくつも点が打て、曲線や直角にしたりできます。 階調の出
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く