先日『キムワイプの可愛さは異常だと思う』という記事を書いた。最後になぜかキムワイプっぽい箱ティッシュのペーパークラフトを作ったのだが、あれからずっと普通に家で使っている。 それを眺めながら思ったのだ。 「これ、他にも色々作れますよねぇ?」 と。今回は色んな箱ティッシュペーパークラフトを作ります。 あばよ涙、よろしく勇気、こんにちは松本です。 1976年千葉県鴨川市(内浦)生まれ。システムエンジニアなどやってましたが、2010年にライター兼アプリ作家として自由業化。iPhoneアプリはDIY GPS、速攻乗換案内、立体録音部、Here.info、雨かしら?などを開発しました。著書は「チェーン店B級グルメ メニュー別ガチンコ食べ比べ」「30日間マクドナルド生活」の2冊。買ってくだされ。(動画インタビュー) 前の記事:ああ、素晴らしき鬼瓦よ > 個人サイト keiziweb DIY GPS 速攻
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Web Debugging Proxy Application for Windows, Mac OS and Linux Charles is an HTTP proxy / HTTP monitor / Reverse Proxy that enables a developer to view all of the HTTP and SSL / HTTPS traffic between their machine and the Internet. This includes requests, responses and the HTTP headers (which contain the cookies and caching information). Read More Recent Developments For discussion on the latest ch
実際には存在しない想像上の国の「架空紙幣」を個人的に作っているという人がいるらしい。 「架空の地図だとか架空の路線図というのは聞いたことあるけれど、架空の紙幣というのはあれじゃないの、子供銀行券みたいなものでしょう?」とお思いの方も多いかも知れない。 でも、「架空紙幣」はそんな子供だましのおもちゃではなかった。
普段気をつけてるよリスト "モバイルで、WebViewとブラウザのコンパチで、特にセオリー化されていないデザインモジュールのなか、装飾画像もふんだんに使うぞ系サービス開発" の文脈における、パフォーマンス確保のため気をつけてるよリスト。 よく、パフォーマンス「向上」とか「確保」とか申しますが、メンテナンスコストなどと天秤にかけて、「必要十分」のラインを狙うのが重要だと思う次第。 画像リソース 画像リソースを揃えるときのセオリ。圧縮率とか最適化とか細かいチューニングはあれど、大雑把に下記を守る。そしてImage Optim(or 相当の処理)。 JPEGはプログレッシブで画質60くらい(オレ目安) PNGは差し支えない範囲で色数をきちんと削る 50px未満のサムネイルは@2.0xなリソースにしない 案外、Androidあわせの@1.5xや@1.0xでも大丈夫なことすらある GIFアニメを入れ
FacebookやTwitterカードなどで用いられるOGPタグの設定を(なんとなく流行りに乗りたいがために)せっせとやっておったのですが、Facebookさんすぐ仕様変更してしまうし、気付けば20行以上とかになっていたりしたので改めて調べなおしてみました。 結論から先に申しますと、 <meta property="og:title" content="FacebookとかTwitterとかmixiとかいろんなSNSで利用されるOGPを見直してみた"/> <meta property="og:type" content="blog"/> <meta property="og:url" content="https://doocts.com/webdesign/open-graph-protocol.html"/> <meta property="og:image" content="img
「OGPについての説明」、「FacebookのOGPについて」の2回に渡りOGPについて説明しましたが、今回もOGPに関する話です。 Facebook以外でもOGPに対応したSNSは増えている事は説明しましたが、ここでは記事執筆時点でOGPに対応している事が確認できた、mixi、Gree、Google+、LinkedIn のOGPの設定について触れていきたいと思います。 なお、今回の話はこれまでのOGPの話を既に理解していることを前提に話しますので、OGPについて分からない方は先にそれらから読んで下さい。 mixiのOGPについて ・GREEのOGPについて ・Google+のOGPについて ・LinkedInのOGPについて mixiのmixiチェックボタンもFacebookのいいね!ボタンと同じようにOGPに対応しています。 なお、ここではmixiチェックボタンの設置方法については触れ
(2017年7月31日 更新) 本サービスについては、2017年7月31日(月)をもってサポートを終了させていただきました。 ご利用いただいているデベロッパー様においては、順次ご利用を停止してくださいますようお願いいたします。 1. 概要 2. GREEへの投稿 3. ページへの設置 4. meta要素仕様 5. 設置方法 6. Social Feedbackの利用ガイドライン 1. 概要 Social Feedbackは、GREE外部の様々なWebサービスの情報を、GREEのユーザー間で簡単に共有できるようにするための機能です。Social FeedbackをWebサービスに設置することによって、訪れたユーザーは、興味を持った情報やおすすめの情報をワンクリックでGREEに投稿することが可能になります。 ※ 日本のGREEユーザーにのみ公開可能です。 このページのトップへ 2. GREEへ
『トマト缶を使ったレシピが集結!』 セールの時に買ってストック出来るし、水洗いや湯むきの手間もないので簡単にトマト料理が作れちゃうトマト缶! とにかく便利なのでトマト好きには手放せませんね! 今回はそんなトマト缶を使った時短で美味しいレシピをご紹介します♪ トマト缶を使ったレシピ集☆トマト缶リゾットでブーケファスト 画像提供: レシピブログ 持ち手をブーケ型にしたリゾット♪ トマト缶で味も美味しいし、色もブーケ型に合ってていい感じ♡ ★使うもの 少々固めのほかほかご飯 1/2合分 玉ねぎ 1/8個 バター 5g ◎トマト缶 1/4缶 ◎水 60cc ◎コンソメ 小さじ1 ◎ツナ缶 1/4缶 塩胡椒 少々 ピザチーズ お好み 茹でブロッコリー 適量 パセリ、粉チーズ お好み ★作り方 ①玉ねぎをみじん切りする。 ②スキレットを熱してバターを溶かし、玉ねぎを透き通るくらいまで炒める。 ③そこに
Appleは10月23日に行われた発表会で、黒い筒型が目を引く新型Mac Proや、最新OSとなるMac OS X Mavericksを発表しました。そんなOS Xの原型となったSystem 7をブラウザ上でエミュレートして再現できるMacintosh Plusのシミュレータが「PCE.js」です。 PCE.js - Classic Mac OS in the Browser http://jamesfriend.com.au/pce-js/ アクセスすると「ピポッ」という電子音とともに起動。基本的なインターフェースは最新のOS Xにも受け継がれていることが見てとれます。 左上のアップルマークをクリックすると、デスクアクセサリが開きアプリを選択することができます。 「Calculator」を起動。なお、アプリウィンドウの左上の「□」ボタンをクリックすればどのアプリでも閉じることが可能。 か
Gumby – A Flexible, Responsive CSS Framework – Powered by Sass こんにちは。ECプロデュース部の岡本です。 みなさまはレスポンシブサイトを作る時、どのようなフレームワークを使用されていますでしょうか? 有名ドコロであれば「Twitter Bootstrap」や「Foundation」などがよく利用されているのではないかと思います。 特にBoostrapはナビゲーションなどの「コンポーネント」が非常に豊富で、モックアップなどを作成する際には非常に重宝されている様です。 しかし一方でカスタマイズするには束縛されるポイントも多く、実際のコーディングに使うには少し工夫が必要となります。 今回はBootstrap並にコンポーネントが多いのに、カスタマイズ性が非常に高いフレームワーク「Gumby」をご紹介いたします。 特徴1:柔軟なグリッド
1ヶ月前に、Web開発者にオススメなAlfred用のWorkflowをまとめたGitHubリポジトリが2,000 starsを超える人気を博していて、その中に自作のFont Awesome Workflowも選ばれていて、それをきっかけに開発者向けのWorkflowが盛り上がっていることを知った。[^1] [^1]: このリポジトリは更新が遅く、各Workflow作者の最新バージョンを反映していない問題があったため、Font Awesome Workflowではこちらから削除依頼を出してリストから消してもらいました。そのため現在は掲載されていません。 つい最近だと、Googleのエンジニアで著名なAddy Osmaniがプレゼンで紹介していたり、フロントエンド向け情報サイトとして有名なSmashing Magazineが特集記事にしていた。 Automating Front-end Wor
Twitter公式webタイムライン中にコンテンツを埋め込めるTwitter Cardsについての自分用メモ。あとで実装する用。 Twitter Cardsとは? 大まかな流れ メタタグ要素 補足 Summary Card Photo Card Player Card Twitterクローラー 正しく設定できているか確認する まとめ メモ Twitter Cardsとは? TwitterをWebサイトから見ているときに、クリックするとTwitpicの画像やYoutubeの動画がそのままタイムライン上で表示されたりするあの機能のことです。 このTwitter Cardsは誰でも対応サービスを作ることができます。 大まかな流れ 公式のドキュメントをよく読んで 3種類のTwitter Cardsのどれを実装するか決めて summary: デフォルト。タイトルと説明とサムネイルを表示。 photo
選択しているのが2つかどうか Validettaは、以下の項目がチェックできます。 データが空かどうか。 電子メールのチェック。 数字のチェック。 クレジットカード番号のチェック。 フィールド内の文字数のチェック。 チェックボックスやセレクトボックスの選択数のチェック。 2つのフィールドが同じかどうか。 正規表現を使ったフィールドのチェック。 Validettaの使い方 Step 1: 外部ファイル jquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <link href="validetta/validetta.css" rel="stylesheet" type="text/css" media="screen" > <script type="text/javascript" src="http://code.jquery.com/jquery-late
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
サイトを運営していると、サイト内のページの移動や削除、またはサイト自体の移転をすることがあります。その場合、リダイレクトという処理を用いて新たなページに転送を行いますが、正しい知識と手順を以って対応しなければ、検索順位の下降、ページランクやドメインエイジの喪失といったSEO的なペナルティを招いてしまいます。 そこで、そのようなペナルティを受けないために、ページ移動・サイト移転時の正しいリダイレクトの設定方法と、代表的なリダイレクトの種類やその実装方法をご紹介します。 リダイレクトの種類 リダイレクトには、HTMLやJavaScriptといったクライアントサイドプログラム、PHPやPerlといったサーバサイドプログラム、あるいは.htaccessの設定変更を行う等、様々な対応方法があります。そのうちのいくつかを、実際のサンプルソースとともに解説します。 metaタグによるリダイレクト hea
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く