タグ

ブックマーク / mamipeko.hatenablog.com (35)

  • サイトを「ペライチ」にダイエットしてみました - はぁはぁブログ

    こんにちは。 まみぺこです。 プロフィールサイトを またあたらしくつくってみたので よかったらみてってくださいませ。 http://mamipeko.net/ どんなふうにリニューアルしたのか まとめてみたのでいまからお話してみますね。 ひとつにまとめる 私のプロフィールサイト、 もともとはこんなかんじで 複数ページにわけていたんですが ひとつの index.html だけにまとめて いわゆる「ペライチ」にしてみました。 トップページ トップページはこんなかんじ。 「はじめまして」からきちんと読んでもらえるように テキストはわかりやすくシンプルに、かわいいフォントで。 トップページのファーストビューはCSSのみで こんなふうにブラウザサイズにあわせて 背景がぴったりなるようにしてあります。 次は「Web」 私が趣味でつくったサイトやブログをいくつか紹介してみました。 こんなふうに、みてもら

    サイトを「ペライチ」にダイエットしてみました - はぁはぁブログ
    yudai214
    yudai214 2016/02/26
  • 「サイトをつくる」のススメ - はぁはぁブログ

    2015-09-10 「サイトをつくる」のススメ はじめまして。 まみぺこです。 Webサイトをつくるお仕事をしています。 コーディングが大好きなWebデザイナーです。 デザインから HTML / CSS / JavaScript までやっています。 このブログもそうですがデザインからコードまで心をこめて手づくりしています。 これから「サイトをつくるといいよ〜」というお話をしてみます。 とくに「Webをつくるお仕事がしたい」という学生さんや 「やりたいことをしたい」「なにかつくりたい」 「変わりたい」っておもっているひとへむけて 実際に私のつくったサイトの例を紹介しながら たのしくいってみたいとおもいます! 「サイトをつくる」のススメ。 サイトをつくろう やりたいことがわからない。 つくりたいものがわからない。 そんなひとは なんでもいいからひとつ練習だとおもって サイトをつくってみるのは

    「サイトをつくる」のススメ - はぁはぁブログ
    yudai214
    yudai214 2015/09/11
  • バリ島へ行ってきたから楽園の写真はってく - はぁはぁブログ

    バリ島へ遊びに行ってきました。 もし「楽園」とか「天国」というものがあるとしたら それはもうこのバリ島のことでいいとおもう……。 ここはだれもがメロメロになれる夢の島。 ギランギランの灼熱の太陽。 青い空にどこまでも広がる青い海。 なめらかなやわらかい砂のビーチ。 天然の風のクーラーが涼しくて気持ちいい、元気になれる夏。 海で泳いで、ひたすらべて、踊って、祈って、くつろいで、 とにかく楽しかったバリ島、写真もりもりでお届けします! 海 バリ島は、一年中、夏。 この暑さが人を狂わせてしまうのかもしれません。 二人で海をてくてくてくてく歩いていると、いきなり 「人生変えちゃう夏かもね」とかつぶやく @june29 さん。 そしていつもならスルーするのに、なぜかごくあたりまえのように 「うん、めっちゃホリディ」とか言い返してしまっている私……。 この島では、人はみんなバカになってしまうんだと思

    バリ島へ行ってきたから楽園の写真はってく - はぁはぁブログ
    yudai214
    yudai214 2015/05/15
  • 同棲をはじめました - はぁはぁブログ

    はじめてのひとり暮らしは、はたちのときでした。 「はたちになったら家をでて自立しなさい」 という教えのもと、実家ちかくのせまいワンルームへ。 せまいし、しかも超へんなかたちの部屋に住みました。 住みにくかったし、さみしかった。 はじめてカレーを腐らせたとき「あっ腐るんだ」ってびっくりしました。 「傘もった?」とか「ごはんあるよ」といつもよくしてくれる お母さんAPIのありがたみを、実家をでてはじめてわかりました。 大学を卒業して、就職ってなったときにまたお引越し。 会社ちかくのワンルーム、すこしだけ広くなりました。 そのあとまた引越しをしたけれど、いつもひとり暮らし。 だんだんお部屋が広くなっていくことがうれしかったです。 だって、まじめに働くことでどんどん生活がよくなって、私の成長が感じられたから。 そして去年、大好きな人と出会うことができて、まじめに恋をして、まじめに交際をして このた

    同棲をはじめました - はぁはぁブログ
    yudai214
    yudai214 2014/04/07
  • 「ご結婚おめでとう」親友に贈ったコードとデザインの話 - はぁはぁブログ

    新郎新婦には内緒で、「ご結婚おめでとう」の「声」を集めたい。 みんなからのナマの「声」をどうにかして録音することはできないか。 それらを、記念の刻印入りの iPod shuffle にいれてプレゼントできないか。 ―――そんな秘密の企画がひっそりとはじまりました。 Twilio(トゥイリオ )というクラウド電話APIサービスでやってみよう! という計画を思いついたのは @darashi @june29 @hmsk のプログラマの3人でした。 Twilio(トゥイリオ )って何? Twilio(トゥイリオ )というのは、クラウド電話APIサービスのことで、 プログラミングで電話システムを作れるのだそう。 電話というツールで、何かシステムを作る。なんだかよくわからないけれど、 わくわくする遊びがはじまったんだ、ということだけは私にもわかりました。 そんなある日、@hmsk さんから Ruby

    「ご結婚おめでとう」親友に贈ったコードとデザインの話 - はぁはぁブログ
    yudai214
    yudai214 2013/10/23
  • 「自己紹介 あなたへ30の質問」に回答! - はぁはぁブログ

    おともだちの id:chira_rhythm55 と id:sakaki0214 のおふたりから はてなのバトンがまわってきました。 「バトン」なつかしいですね。 当時の私は「バトン」をやらないでとめるタイプでしたが ひさしぶりに出会ったオールドインターネット文化なので 私もやってみようとおもいます。 01. みんなから何て呼ばれてる? まみぺこ 「まみはおなかぺこぺこです」の略です。 02. 自分の自慢できるところは? かぶりものがけっこうにあうところ 03. 自分の弱点は? 好きなきもちが相手にすぐバレバレなところ 04. 自分の口癖は? 「げんきえがお♡」 「わはー♡」 05. 持ってるケータイの機種は? iPhone 4S 白 私の iPhone をふとももにはさんだときの写真おいておきますね。これです。 06. カラオケでよく歌う歌は? 『ロマンティックあげるよ』 07. 過去に

    yudai214
    yudai214 2013/07/03
  • あじさいとカメラと私 - はぁはぁブログ

    おやすみの日にカメラをもって、としまえんの あじさい祭りに行ってきました。 紫がとても綺麗で、恋におちるようなきもちでシャッターを切りました。 あじさい祭り こんな感じの緑あふれる道をゆっくりゆっくり歩きました。 私 @june29 が撮ってくれた、カメラと私。 photo by @june29 体をかしげて、夢中であじさいを撮りました。 photo by @june29 そしてこのとき撮れた写真がこれ。 うん、よく撮れてます。ねっ。 「紫陽花」 あじさいを漢字で書くと「紫陽花」 名前もほんとうに綺麗だなとおもう。 花言葉はたくさんあるけれど「ひたむきな愛情」というのがいちばん好きだな。 梅雨が好きです 梅雨生まれだからなのか あじさいがとても好きです。 ひとは、産まれてはじめて世界にふれたときの空気を 赤ちゃんのときに記憶しているのかもしれないな。 ということをたまにおもう。 だから、5

    yudai214
    yudai214 2013/06/27
  • ネットストーカーの正体 - はぁはぁブログ

    インターネットで「女子です」と宣言して ブログやTwitterをやっていればいつか必ず出会う人。 人が可愛いか可愛くないかなんて正直関係ないんです。 これはもしかしたら、ネットにおける女子の通過儀礼なのかもしれません。 実は私、最近ずっと、とても不気味で粘着質なネットストーカーにあっていました。 はじまりのメール はじまりは、一通の新着メールから。 ある日、知らないアドレスからメールが届いたんです。 件名なし。 文には、たった一言。 「はぁはぁ」とだけ。 イタズラメールだ! 変なイタズラメール来たなーと思って 差出人のFromを確認。 メアドなので晒すのは控えますが、例えるならそれは 「mamipeko_foever_love@***.com」 (まみぺこフォーエバーラブ) みたいなそういう感じのメアドでした。 あきらかに、私にメールするためだけに取得した 捨てアカウントのメールアドレ

    yudai214
    yudai214 2013/06/19
  • http://mamipeko.hatenablog.com/style/f22b40475ee1738a86752ba7ecd62348073ddcba

    yudai214
    yudai214 2013/06/14
  • はてなブログになりました - はぁはぁブログ

    2013-06-14 はてなブログになりました はてな 『はぁはぁブログ』です。 「はてなダイアリー」から「はてなブログ」にお引っ越しをしてみました。 ブログ名 はぁはぁブログ URL http://mamipeko.hatenablog.com/ かいているひと まみぺこ @mamipeko はてなブログにした理由 1 日語Webフォントが使えるから理由はひとつ。 日語Webフォントが使えるからです。 はてなダイアリーだと javascript の制限があってできませんでしたが はてなブログはできます。Twitter / mamipeko そうなんです。はてなブログは javascript が動きます。 はてななのに javascript が動く。 感動してぶるぶる震えがとまりませんでした。こんなことを言うと、はてなから怒られそうではありますが 「javascript

    yudai214
    yudai214 2013/06/14
    なんかはてなスターの挙動がおかしい→なおった
  • なかよしインターネッツのコスプレをしました - はぁはぁブログ

    なかよしインターネッツのコスプレをしました。 まみぺこです。 photo by @Yappo 元ネタはこれ かわいい。Webのキャラです。 illust by @itopoid 「インターネットやめたほうがいい」 「人間はコンテンツでしかない」など いつもかわいいアイコンでキレッキレな なかよしインターネッツ http://blog.itopoid.net/ のitopoidさんの 擬人化コスプレをやってみました。 photo by @Yappo photo by @Yappo photo by @Yappo photo by @Yappo 帽子とぬいぐるみは手作りなのあとで makebooth に投稿させてもらおうかな。 itopoidさんかわいい。 @itopoidさん

    yudai214
    yudai214 2013/06/03
  • 指先からはじまる、新しい体験『iPhoneネイル』 - はぁはぁブログ

    アイロンビーズ・クリエイター ヌンさん @nun_ が『iPhoneネイル』をしてくれました。 指先からはじまる、新しい体験『iPhoneネイル』。 Appleっぽくタイトルをつけてみました。 @nun_ ヌンさんは、こんな感じのかわいいアイロンビーズをつくっているギークガールです。 アイロンビーズでつくられた8bitドット絵かわいいですね。 photo by Perlerbeads Art Studio[Facebook] ギークなWebアイロンビーズ なかでもとくに私が好きなのは 彼女のつくるギークなWebアイロンビーズ。 『GitHubのオクトキャット』や『Androidのドロイドくん』 『HTML5アイコン』『iPhoneアイコン』などなど、ギーク女子心をくすぐられます。 GitHubのオクトキャットかわいい! 私にもつくってほしい。 photo by Perlerbeads Ar

    yudai214
    yudai214 2013/05/29
    アイロンビーズやったなー
  • ドロイドくんがかわいい『Googleネイル』 - はぁはぁブログ

    おともだちのWebデザイナーの灰色ハイジちゃん @haiji505 に 『Googleネイル』をやってもらいました。 ハイジちゃん。 @haiji505 「昔からやってみたいとは思っていたんだけど、Webネイルははじめて」とのこと。 『Googleネイル』をやってみたい! 『+1』ボタンとか Nexusのアイコンとか ドロイドくんネイルにしたいな♡と、わくわくしながら教えてくれました。 『ドロイドくんネイル』 この単語だけでもうかわいいですね。わくわくっ。 Googleネイル! それではさっそくハイジちゃんの『Googleネイル』をご紹介します。 ドン! ドロイドくんネイル! いましたいました! 親指にAndroidのマスコットのあの「ドロイドくん」が。 photo by haiji505 on Instagram ドロイドくんがふたり。 photo by haiji505 on Ins

    yudai214
    yudai214 2013/05/24
  • Dropbox、Evernote、SoundCloudなどの『クラウドネイル』 - はぁはぁブログ

    Web kawaii♡ ギークkawaii♡ インターネットkawaii♡がキテいます。 「Webネイルかわいい!」 「私もいつかやってみたい!」 ギークな女子のあいだでひそかに噂のWebネイル。 Webネイルとは、『Web』『コンピュータ』『インターネット』をモチーフにした ギークなネイルアートを楽しみましょうという企画です。 『Webネイル』とは これまでこんな感じのWebネイルをやってきました。 もしかして世界初? 痛ネイルアート『ブラウザ』 Webネイルガールズ 『Adobeアイコン』 Webネイルアート 『ソーシャルネットワーク』 Web×ピンクがかわいい 『Macネイル』と『HTML5ネイル』 Webネイルガールズが ドイツデビュー NAVERの美人広報かねともさんの 『NAVERネイル』 MacネイルとHTML5ネイル-Webネイル -&- Likeボタンを爪に実装してもらい

    yudai214
    yudai214 2013/04/22
  • 復活しました - はぁはぁブログ

    まみぺこです。 はぁはぁブログ復活しておきました。 しばらくおやすみして非公開にしていましたがまた公開しておきます。はじめましてのひとも おひさしぶりのひとも 「おっ」というのがあったら読んでいってください。 げんきえがお♡ わはー♡はぁはぁブログの過去のオススメは以下からどうぞ。 ブラウザネイル Adobeネイル   『非公式RT責め』に感じた二十億光年の孤独 ネットストーカーの正体   Google翻訳の下ネタがひどい件 Amazon画像は謎のカスタマイズができる件   WEB女子とWEB男子の同人誌がすごい(こわい)! 『はてなスター』はいたずらっ子のゆるふわコミュニケーション   otsuneさんはイーノックだった!そして伝説へ 伝説の「怒った人」   モリサワフォント『はるひ学園』の憂 まみぺこのふぁぼられまとめ!2010!

    yudai214
    yudai214 2013/01/25
  • はぁはぁブログ

    インターネットクラブのホームページを 公開しました🎉🎉🎉 作りました〜〜〜🎉🎉🎉 できたよ〜〜〜🎉🎉🎉 ずっとおうちにひきこもって デザインもコーディングもがんばって作って やっと公開できたホームページだから シェアもいいねも「かわいい」の感想も うれしすぎます😭 @kamiko_ @june29 いつもありがとう✨ https://wwwinternet.club/ ブログタイトルは「#nettomo」 「ネッ友」 「ネットモ」 「ネットも」と読みます。 ランチ友達に話すような 萌え語りのなにげないおしゃべりや お泊まり会で親友にしか話さないような 心の話もしていきます。 ただいまインターネット。 https://nettomo.me/ こんにちは。 まみぺこです。 プロフィールサイトを またあたらしくつくってみたので よかったらみてってくださいませ。 http:/

    はぁはぁブログ
    yudai214
    yudai214 2011/11/08
  • 記事一覧 - はぁはぁブログ

  • おさんぽ - はぁはぁブログ

    日記お休みの日は お天気がとってもよかったので 原宿へおさんぽに行ってきました。まみぺこさん。顔のない風景。 こっちむいてくれない人は、いつだって魅力的に感じます。ということの証明。ツイートする

    yudai214
    yudai214 2011/07/19
    美しいはぁはぁ
  • meiji「お前を見ているぞ」 - はぁはぁブログ

    日記Twitterでこんなことを言ったら まみぺこ (mamipeko) on Twitter ピンポーンなぜかそのすぐあとに明治牛乳の人がうちにやって来たんです。 まみぺこ (mamipeko) on Twitter どういうことなの!!! yteppei (yteppei) on Twitter meiji「お前を見ているぞ」ということですか。ひゃー、こんな偶然もあるんですね。 タイミング的に謎のシンクロ率すごいです。もらったサンプルの牛乳とヨーグルト。 「気に入ったら注文してください。1からでも配達しますから!」とのことでした。 Twitterでは「いいなー」とか「彼氏のヨーグルトでも飲んでろ!」とか いつもどおり優しいリプライをいただけてうれしかったです。 牛乳飲みます。ヨーグルトもべます。これで背をのばします。ツイートする

    yudai214
    yudai214 2011/07/14
    親の仕事の関係で、meijiから大量のお菓子がくる実家(関係ない)
  • NAVERの美人広報かねともさんの『NAVERネイル』 - はぁはぁブログ

    Webサービスの中の人にWebネイルをやってもらおう!ということでNAVER(ネイバー)の美人広報かねともさん@kane_tomo に 『NAVERネイル』をやってもらいました。 かねともさんとは? 人と人とをつなぐ「探しあう検索」の検索サービス『NAVER』。 かねともさんは広報であり、NAVERの公式アカウント @naver_jp の中の人です。 探しあう検索NAVER(ネイバー) Twitterでなにげなく「NAVER」についてつぶやいていたら NAVERの公式アカウントからリプライをもらったことがある人もたくさんいるはず。 「NAVER」のユーザーさんたちとやりとりするのも彼女のお仕事のひとつなんです。 「まじめな正統派美人広報」というイメージを心地良く裏切ってくれる気さくな性格と 人のぬくもりを感じる身近な広報としてユーザーのそばにいてくれる安心感のある存在。 それがかねともさん

    yudai214
    yudai214 2011/07/06