「サイトをつくる」のススメ - はぁはぁブログ
2015-09-10 「サイトをつくる」のススメ はじめまして。 まみぺこです。 Webサイトをつくるお仕事をしています。 コーディングが大好きなWebデザイナーです。 デザインから HTML / CSS / JavaScript までやっています。 このブログもそうですがデザインからコードまで心をこめて手づくりしています。 これから「サイトをつくるといいよ〜」というお話をしてみます。 とくに「Webをつくるお仕事がしたい」という学生さんや 「やりたいことをしたい」「なにかつくりたい」 「変わりたい」っておもっているひとへむけて 実際に私のつくったサイトの例を紹介しながら たのしくいってみたいとおもいます！ 「サイトをつくる」のススメ。 サイトをつくろう やりたいことがわからない。 つくりたいものがわからない。 そんなひとは なんでもいいからひとつ練習だとおもって サイトをつくってみるのは
「インターネットちゃんブログ」を公開しました - はぁはぁブログ
わたくしごとではございますが、 去年は、婚約、同棲、結婚と人生のイベントがつづきました。 大好きなひとと一緒に暮らしてみてわかったことがあります。 それは、友達でも、恋人でも、家族でも、インターネットだけのひとでも、 自分にとって「好き」だと思えるひとにかこまれて暮らしてゆくこと、 好きなものを「好き」だと伝えていくことが、体によいということです。 だから今年は、好きなことは「好き」だと どんどんいってゆこうというきもちにいたり、 あたらしく企画ブログをはじめることにいたしました。 タイトルは「インターネットちゃんブログ」といたしました。 テーマは私の大好きな「インターネット」と「ファッション」です。 「インターネット」「コンピュータ」「テクノロジー」などをテーマにした ファッションやネイル、スイーツ、グッズなどをたのしんでいくブログです。 もしよかったらぜひチェックしてみてくださいね。
クリスマスカードをつくりました - はぁはぁブログ
クリスマスをたのしみにしている よい子のみなさんこんにちはっ。 「クリスマスカードをデザインしよう」という企画 X'mas Card Design Advent Calendar 2013 の 本日のクリスマスカードを担当します。まみぺこです。 12月25日まで、登録したひとが毎日ひとりひとつずつクリスマスカードをつくって、 みんなでいっしょにクリスマスをわくわくしながら待ちましょうという企画です。 「よーし私もクリスマスカードを手作りするぞ〜」ということで 紙やリボンを選ぶところからデザインまで、心をこめて クリスマスカードをつくってみました。 赤いクリスマスカード 赤チェックリボンかわいい。 イラストは @RayneDog さんが描いてくれた私のアイコンです。 青いクリスマスカード こちらは色ちがい。 デザインはおなじです。 紙とリボンの色を変えてみました。 冬の透明感あります。 中は
「ご結婚おめでとう」親友に贈ったコードとデザインの話 - はぁはぁブログ
新郎新婦には内緒で、「ご結婚おめでとう」の「声」を集めたい。 みんなからのナマの「声」をどうにかして録音することはできないか。 それらを、記念の刻印入りの iPod shuffle にいれてプレゼントできないか。 ―――そんな秘密の企画がひっそりとはじまりました。 Twilio（トゥイリオ ）というクラウド電話APIサービスでやってみよう！ という計画を思いついたのは @darashi @june29 @hmsk のプログラマの3人でした。 Twilio（トゥイリオ ）って何？ Twilio（トゥイリオ ）というのは、クラウド電話APIサービスのことで、 プログラミングで電話システムを作れるのだそう。 電話というツールで、何かシステムを作る。なんだかよくわからないけれど、 わくわくする遊びがはじまったんだ、ということだけは私にもわかりました。 そんなある日、@hmsk さんから Ruby
雑誌『FUDGE ネイルBOOK』に掲載されました - はぁはぁブログ
なんとびっくりなことに 『FUDGE』 http://fudge.jp/ というファッション雑誌のネイルBOOKに 私のWebネイルが掲載されることになりました。 みなさま、もしよかったらぜひぜひお手にとってくださいませ。 FUDGE presents ネイルBOOK Vol.2 以下リンク先から購入できます。 その他、全国の各書店にて 2013年10月12日より発売中！ Amazon で買う セブンネット で買う 三栄書房 で買う e-hon で買う 10月12日発売のこの雑誌では 『Webネイル』のコーナーをいただけることになり おしゃれな雑誌に「Opera」「Firefox」 「Illustrator」「Dreamweaver」などの テキストがならんでしまうそうで、もうなんというかそれだけで 「あっあっ」ってなりますね。 いま、なんとなくぼんやり「ふーん」とか思っているそこのあなた
「Same Times - ふたりの写真、ひとつの世界」を公開しました - はぁはぁブログ
「Same Times - ふたりの写真、ひとつの世界」を公開しました。 ふたりで一緒にいるときに撮った写真を2枚並べて見る、思い出フォトビューアです。 http://junemami.github.io/same-times/ @june29 @mamipeko @june29 と私のふたりでつくりました。 ふたりで企画をして、私がデザインをして ふたりではじめてのペアプロをして GitHub で公開してみました。 こんなふうに data をかくと表示されるようになっているので Fork はご自由にぜひぜひどうぞ。 https://github.com/junemami/same-times/blob/master/data/moments.yml 「ふたりの写真、ひとつの世界」 まずは、初コミット。 写真を3セットならべてみたところです。 ふたりの思い出をふりかえることのできるサイトに
「旅のしおり」のつくりかた - はぁはぁブログ
「ぼくの生まれた北海道へつれて行きたい」 「北海道のことを好きになってほしい」 恋人にそういわれたときから、とにかく旅行が楽しみでしかたなくて 「旅のしおり」をつくってみました。 「旅のしおりのつくりかた」なんてタイトルにしましたが デザインのハウツーではなく、きもちの話をしますね。 photo by june29 on Instagram 大人になるとだれもつくってくれない 大人になると「さぁ旅行へ行こう」となっても 「旅のしおり」なんてだれもつくってくれませんよね。 学校の旅行には「修学旅行のしおり」が必ずあったけれど いじめられっ子だった私は、修学旅行なんてぜんぜん楽しみじゃなかったから ぎっしりつまったスケジュールをみて「うっ」となっていた記憶があります。 でも、それでも「旅行」と「旅のしおり」というセットは 私のなかに、趣のあるものとしてしっかり心に刻まれていて 当時はぜんぜんと
いつから好きになったのか - はぁはぁブログ
「好きなひとのことをいつから好きになったのか」 についてよく考えているんですが これはなかなかむずかしい問題だと思う。 インターネットごしには何年もつながっていて なぜか昔からタイムラインにずっといる人でした。 Twitterで彼のことをよくふぁぼるようになってからは むこうからもお返しのようにふぁぼ通知が届くようになって ふぁぼだけの関係のときもあったけれど。 はじめてやりとりをしはじめたときから なんとなくずっと気になっていたし 「お話したい」と伝えたときはお疲れの日なのに 夜ねむるまでずっとずっと電話でお話相手をしてくれて。 私のお誕生日の夜中きっかりにお祝いのLINEをくれたとき 特別だと思った、これは特別なお祝いだと。 彼がRuby会議の準備で忙しそうな日。 「お忙しそうだけどふぁいとです」と送ったら 「いま声をかけてもらえて助かった」というリアクション。 話を聞いてみると、その
はてなブログになりました - はぁはぁブログ
2013-06-14 はてなブログになりました はてな 『はぁはぁブログ』です。 「はてなダイアリー」から「はてなブログ」にお引っ越しをしてみました。 ブログ名 はぁはぁブログ URL http://mamipeko.hatenablog.com/ かいているひと まみぺこ @mamipeko はてなブログにした理由 1 日本語Webフォントが使えるから理由はひとつ。 日本語Webフォントが使えるからです。 はてなダイアリーだと javascript の制限があってできませんでしたが はてなブログはできます。Twitter / mamipeko そうなんです。はてなブログは javascript が動きます。 はてななのに javascript が動く。 感動してぶるぶる震えがとまりませんでした。こんなことを言うと、はてなから怒られそうではありますが 「javascriptが
なかよしインターネッツのコスプレをしました - はぁはぁブログ
なかよしインターネッツのコスプレをしました。 まみぺこです。 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さん
指先からはじまる、新しい体験『iPhoneネイル』 - はぁはぁブログ
アイロンビーズ・クリエイター ヌンさん @nun_ が『iPhoneネイル』をしてくれました。 指先からはじまる、新しい体験『iPhoneネイル』。 Appleっぽくタイトルをつけてみました。 @nun_ ヌンさんは、こんな感じのかわいいアイロンビーズをつくっているギークガールです。 アイロンビーズでつくられた8bitドット絵かわいいですね。 photo by Perlerbeads Art Studio[Facebook] ギークなWebアイロンビーズ なかでもとくに私が好きなのは 彼女のつくるギークなWebアイロンビーズ。 『GitHubのオクトキャット』や『Androidのドロイドくん』 『HTML5アイコン』『iPhoneアイコン』などなど、ギーク女子心をくすぐられます。 GitHubのオクトキャットかわいい！ 私にもつくってほしい。 photo by Perlerbeads Ar
ドロイドくんがかわいい『Googleネイル』 - はぁはぁブログ
おともだちのWebデザイナーの灰色ハイジちゃん @haiji505 に 『Googleネイル』をやってもらいました。 ハイジちゃん。 @haiji505 「昔からやってみたいとは思っていたんだけど、Webネイルははじめて」とのこと。 『Googleネイル』をやってみたい！ 『+1』ボタンとか Nexusのアイコンとか ドロイドくんネイルにしたいな♡と、わくわくしながら教えてくれました。 『ドロイドくんネイル』 この単語だけでもうかわいいですね。わくわくっ。 Googleネイル！ それではさっそくハイジちゃんの『Googleネイル』をご紹介します。 ﾄﾞﾝ！ ドロイドくんネイル！ いましたいました！ 親指にAndroidのマスコットのあの「ドロイドくん」が。 photo by haiji505 on Instagram ドロイドくんがふたり。 photo by haiji505 on Ins
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ボタンを爪に実装してもらい
Twitterアイコンのマカロンをもらいました - はぁはぁブログ
なかよしインターネッツ http://blog.itopoid.net/ の中の人 @itopoidさん から、私がバレンタインデーにアレしたおかえしとして ホワイトデーに「Twitterアイコンのマカロン」をいただきました。 かわいくてかわいくてかわいい「Twitterアイコンのマカロン」ご紹介しますね。 まみぺこマカロン 私のいまのアイコンがこれなので @mamipeko こんなにかわいい「まみぺこマカロン」をつくってもらいました。 わはーかわいい♡ うれしさのあまり、ひとり部屋でくるんとひとまわりして ひとりでじたばたして、くねくねしました。 ダイヤ(DIY)ちゃんマカロン makebooth http://makebooth.com/ の公式キャラの @daiya_makeboothちゃん ダイヤ(DIY)ちゃんもいました。 なんらかの衝撃ですこしもげちゃってましたが、かわいいです
もしかして世界初？痛ネイルアート『ブラウザ』 - はぁはぁブログ
さてさて、お仕事へのモチベーションをあげるべく 恵比寿のネイルサロン『nadine NAILS』へ行ってきました。 私のおともだちのWeb系女子は ネイルがいつもキラキラ可愛い子が多いような気がします。 やっぱりテンションあがりますよね、ネイルアート。 初めての痛ネイル しかし！私はキラキラ可愛くなりたいわけじゃない！ 「コーディングといえばコレでしょう」という理由から 「ブラウザ」をネイルアートしてもらうことにしました。 男の子が『痛車』を楽しむなら 女の子は『痛ネイル』したっていいじゃないですか。 ブラウザネイルーーー！ それではさっそく、ブラウザネイルをご紹介します！ ドン！ Internet ExplorerとOpera！！！ ドンドン！ Firefox！！！ ドンドンドン！ Google chrome！！！ ラストのドンドンドン！ Safariーーー！！！ ぜんぜん痛ネイルじゃな
otsuneさんはイーノックだった！そして伝説へ - はぁはぁブログ
TwitterTwitterでうれしい発見があったのでご報告します。 いつもどおりぼんやりとタイムラインを追っていると 「ｽｯ」とあらわれた@otsuneさんをイーノックに空目してしまいました。 まみぺこ (mamipeko) on Twitterでももしかしたら、実はほんとうにイーノックなのではないか。 検証するべく、おそるおそる@を飛ばしてみると‥‥ まみぺこ (mamipeko) on Twitterこんな神リプライが届きました。 ǝunsʇo ıɯnɟɐsɐɯ (otsune) on Twitter！！！ なんだかもううれしすぎてモニターのまえでまっかっかでした。しかも私がﾋﾞｸﾋﾞｸしながら飛ばした@を 神速度でブクマしているんですよね‥‥ さすがすぎますし‥‥ またひとつ、新しいotsune伝説が生まれた記念日でありました！Twitter / まみぺこ: @otsune もしよ
Google翻訳の下ネタがひどい件 - はぁはぁブログ
久しぶりにGoogle翻訳ネタがまわってきたので私もやってみました。 Google 翻訳 英語→日本語で「oh!」と入れると「ああ！」となる。 「!」を増やしていくと6個目で面白い結果になるからやってみよう！ （via @td0408さん） oh! oh!! oh!!! oh!!!! oh!!!!! oh!!!!!! オハイオ州でなにがあったし。 ちなみに 「!」が6個目でおもしろいことになったあと 8個目で元に戻ります。が、辛抱強く増やしていくと 23個目で再び…ということを教えてくれた人ありがとう（via @dj_asaiさん） とのことでした。 Google翻訳謎ですね。 ほかにもいくつかくだらないGoogle翻訳ネタを。 「あ」 「あ」を増やしていくと Oh Yeah‥‥ 「子供たちは菜の花が好きです」 これを英語から日本語へ再翻訳すると 「菜の花」っていうのが隠語なんでしたっけ！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
