1 ：以下、名無しにかわりましてVIPがお送りします：2009/07/07(火) 14:08:30.25 ID:fhMB9CyV0 ・用意するもの えんぴつ 紙 2 ：以下、名無しにかわりましてVIPがお送りします：2009/07/07(火) 14:12:07.83 ID:fhMB9CyV0 紙はノートでも何でもいいです えんぴつは濃いB2以上を推奨 それでははじめましょう 注意： 私のことを信じられない人はやらないで下さい 効果がなくなるので 3 ：以下、名無しにかわりましてVIPがお送りします：2009/07/07(火) 14:12:49.43 ID:1kfdmwiJO 用意した 4 ：以下、名無しにかわりましてVIPがお送りします：2009/07/07(火) 14:12:57.36 ID:USUmWtBu0 やてみようかね 5 ：以下、名無しにかわりましてVIPがお送りします：20
最近、あまりプログラミングが得意でない人のサポートをする形で、長い時間にわたってペアプログラミングを行っている。そのなかで、気がついた悪い習慣と成長するための良い習慣というものをまとめてみる。 この記事のバックグラウンドとなる体系的知識が本になりました。 エンジニアリング組織論への招待 ～不確実性に向き合う思考と組織のリファクタリング あわせて読みたい 経営者マインドが足りない！vs. 現場に任せてくれない！の対立をなくすカードゲームをつくった話 新人プログラマに知ってもらいたいメソッドを読みやすく維持するいくつかの原則 新人プログラマに知っておいてもらいたい人類がオブジェクト指向を手に入れるまでの軌跡 ペアプログラミングして気がついた新人プログラマの成長を阻害する悪習 あきらめるにはまだ早い！ソースコードの品質向上に効果的なアプローチ 心理的安全性ガイドライン（あるいは権威勾配に関する一
WEB制作向けブラウザ「Blisk」を使った瞬間、恋に落ちた
それで、「そんなにいいのかな？」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、Sublime Textは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk（ブリスク）とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi
Mac小技・裏技・初心者Macのショートカット・作業効率化Macでの作業効率アップ！「初心者」が覚えておくべきMacショートカットまとめ2017年5月15日1 @JUNP_Nです。Macでの作業効率をあげるためには「ショートカット」を覚えることが一番の近道。Macを使う上で、"初心者向け"の基本的なショートカットをまとめてご紹介。これで仕事が2倍速になるかも!? Macに限ったことではありませんが、パソコンの初心者と中級者をわける1つのポイントに「"ショートカット"を使いこなせるか」という点があります。 いちいちマウス(トラックパッド)を操作して、メニューを選択〜、右クリック〜、といった操作をしているよりも、キーボードからショートカット1発でサッと済ませられることがたくさんあります。 この記事では、"Macを使い始めたばかり"という超初心者の方が覚えておくと仕事が捗るショートカットをご紹介
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
2021年02月05日18:00 暇を潰せそうなサイトを沢山見つけたので貼りまくる Tweet 1: 名無しさん＠おーぷん 21/02/05(金)15:06:55 ID:9Vg 88星座図鑑 https://www.study-style.com/index_seiza.html 全天88星座を紹介している「スタディスタイル★自然学習館」の主要コンテンツ 88星座早見表や星座の種類ごとに分けられた季節の星座早見表のダウンロードや学習アプリもある 2: 名無しさん＠おーぷん 21/02/05(金)15:07:16 ID:9Vg 星への誘い http://www.asahi-net.or.jp/~dy7s-ynym/ 1997年7月1日から存在している天体写真のサイト 惑星から星雲星団まで幅広く撮影されている 2000年7月16日の皆既月食のページは必見 http://yoneyan.saku
って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。 有料、Windows専用。 Zeal 200以上略 無料のオフラインドキュメント。 SEOツール Keyword Tool 検索ワードを入れると関連キーワードを教えてくれる。 Google Webmasters Search C
写真素材 [フォトライブラリー]
ニュース お知らせ 3/20 デザインのリニューアルについて 検索結果ページを更新しました。 ショッピングカートページで、サイズの変更ができるようになりました。 3/14 デザインのリニューアルについて TOPページ、画像の詳細ページなどのデザインをリニューアルしました。サイズが大きくなり見やすくなっております。 デザインが崩れる場合は、リロードをお願いします。 インボイス制度の開始について 消費税の税額控除の方式として適格請求書等保存方式（インボイス制度）が開始されます。それに伴い規約を改定いたします。規約 第８項をご確認ください。クリエイターの方で既に適格請求者番号をお持ちの方は、口座情報ページより入力をお願いいたします。
Tomblooを使えばたった１秒で「はてなブックマーク」できる*二十歳街道まっしぐら（FC2ブログ時代）
「Tombloo」というFirefoxアドオンがあります。 これを使えば、簡単に「Tumblr」や「Twitter」その他Webサービスに投稿することができます。 いろんなサイトに対応していて、設定次第では手放せないツールになります。 そんな「Tombloo」を利用して，「はてブ」をする方法を以下にのせておきます。 （2009/03/07/14:24 キーボードだけでブクマする設定を追記しました） はてなブックマークレットを使っても簡単にブックマークすることができます。 しかし、ブックマークレットの仕様で多少使いづらいなあと思うところがあります。 一番気になるのは、ブックマークレットを押したとき！多分リロードしていますよね。 普通のウェブページだと大丈夫なんですが、 YouTubeやニコ動などの動画サイトでやると動画が再ロードされちゃいます。 あと、タグ付で、[はてな]みたいに [ と ]
短期間でJavaScriptを習得し、アプリ・Webサービスをつくるための勉強法 | らふらく ^^ @TwinTKchan #spam
前回書いた 短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ が好評だったので、今回は、JavaScriptに絞って習得するための方法をまとめてみたいと思います。 ちなみに、一番最初に、JSに触れた時は、Hello, Worldを表示させたり、 aタグでリンクをはったりぐらいしか出来ませんでした。 ですが、現在はjQueryで社内システムの 画面をつくる(Ajaxとかを使って)事を任せてもらっています。 なぜ、JavaScript(JS)がいいのか？なぜ勉強するのか？ まずは、なぜJSをお薦めするのかを説明します。 ①ネイティブアプリがつくれちゃう。 ネイティブアプリとは、iPhoneアプリとか、Androidアプリのことです。 これまでは、iPhoneなら、Objective-Cという言語を、 AndroidならJava(JSとは別物)という言語
【悪用厳禁】ChatGPTとGoogleDocsを連携して無限に記事を生成する方法（2.4万字）※GAS編集解説動画付き 3/7更新｜チャエン | 重要AIニュースを毎日発信⚡️
最初にアカウントを作成する必要がありますが、メールアドレスを登録すれば数分で完了します。 メールの場合は認証作業が必要です。 1.2 シークレットキー作成 続いては、以下の画面から"create new secret key"をクリックすると自動で生成されます。 先ほどのこちらのリンクから以下のページへ飛べます。 https://beta.openai.com/account/api-keys シークレットキーをコピーして、別で保存しておきます。 一度OKで閉じると消えてしまうので、しっかりとメモにして残しておくことをおすすめします。 一応何度でも作成はできます。 1.3 料金体系 実は、OpenAIのAPIは無料ではありません。 なので、先ほどのシークレットキーは他人は教えないように！！！ 言語モデルによって料金が異なります。 大体1記事書くのに分量にもよりますが、数円くらいです。 また
最近のJavaScript開発まとめ
こんにちは、中川です。 ここ1・2年ですが、私の担当するプロジェクトでは、 PHPよりもJavaScriptの開発が多い状態が続いております。 JSのプロジェクトを重ねるにつれ、開発環境も段々と整理されてきましたので、 一旦、最近のJS開発で利用しているライブラリやツールなどをまとめてみました。 フレームワーク ●Backbone.js http://backbonejs.org/ JavaScriptのMVCフレームワーク。 何も使わない(もしくは我流)よりは、これを使って欲しいと思えるフレームワークです。 利用者が多く日本語情報も豊富にあるのと、フレームワーク自体が1500行程度と軽量なため、学習コストを低く抑えることができます。 ●AngularJS http://angularjs.org/ データバインディングを備えたフレームワーク。 高機能なテンプレートや、DIの仕組み、ルーテ
この記事で紹介した手順をライブラリ化して公開しました🎉 こちらの別記事 で使い方など詳しくご紹介していますので、ぜひご参照ください！ はじめに 言い切りタイトルすみません 僕を含む一定数の人にとって現時点でのベストプラクティスとなりうる手法という意味で紹介しています 極めてシビアな帳票出力の世界にいる人から見ると使い物にならない内容かもしれないと思います 帳票印刷の世界では SVF というサービスが有名らしいです。が、こういった外部サービスは使わずに自力で実装するというのがこの記事の前提です 動的に明細行の数が増減する連票はこの記事の解説では考慮していませんが、追加で実装するのはそれほど難しくないということは読んでいただければ分かるかなと思います 結論から 僕が考える現時点でのWebアプリでの帳票印刷のベストプラクティスは、 Adobe XD や Figma で帳票のレイアウトをデザイン
作成：2013/12/24 更新：2014/11/01 Web制作 > サイト構築中にちょっとした動きをのせたいとき、どうすれば良かったのか何度も調べ直さないといけないことがあります。今回はJavaScript で初心者の方でもすぐ活用できるように、使用頻度の高いリファレンスと基本知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ できること １．リファレンス スクリプトの書き方／基礎知識 ２．スクリプトの記述 ３．文字列／特殊文字 ４．演算子 ５．オブジェクト ６．プロトタイプ ７．イベント ８．変数 ９．if文 １０．配列 １１．連想配列 １２．正規表現 １３．デバッグ できること １．リファレンス JavaScriptは開発環境の準備がほぼ不要で、コピー＆ペーストだけで、動くものができてしまいます。他の言語だとそう簡単にはいきません。サ
最近はお客さんとの勉強会でDockerのドキュメントをつまみ食いして読むというのをやっていますが、改めて最新版を読んでみて、いろいろ思考が整理されました。2020年の20.10のマルチステージビルドの導入で大きく変わったのですが、それ以前の資料もweb上には多数あり「マルチステージビルドがよくわからない」という人も見かけるので過去の情報のアンラーニングに使っていただけるように改めて整理していきます。 仕事でPythonコンテナをデプロイする人向けのDockerfile (1): オールマイティ編で触れた内容もありますが改めてそちらに含む内容も含めて書き直しています。 本エントリーの執筆には@tk0miya氏から多大なフィードバックをいただきました。ありがとうございます。 基本的なメンタルモデル現代的な使い方を見ていくために「Dockerを使ってビルドする」というのはどのようなものか考えを整
EVENT | 2018/08/15 日本の大企業からイノベーションが生まれなくなった理由はほぼ解明できた｜フィラメント代表・角勝 日本の大企業では、イノベーションが起きないと散々言われてひさしい。その対策として、企業の新規事業部が製品やサービスを開発... 日本の大企業では、イノベーションが起きないと散々言われてひさしい。その対策として、企業の新規事業部が製品やサービスを開発する際、新しい風を取りこむため、オープンイノベーション、つまり外部の人間やアイデアを導入する企業も多くなった。しかし、スムーズに行くことばかりではなく、難航しているという声もよく聞く。株式会社フィラメントは、そんなオープンイノベーションの手法を使い、ハッカソンやアイデアソンなどのイベント企画をはじめ、新規事業創出や人材育成に関する社内制度の設計をサポートしている会社だ。その代表がイノベーションイベントのスペシャリスト
Intro こういうタイトルを付けるのはあまり好きではないが、あえてこのようにした。 「ブラウザでキャッシュがヒットしない」 以下は、 Web における Caching の FAQ だ。 サーバで Cache-Control を付与したのにキャッシュがヒットしない サーバで ETag を付与したのに If-None-Match が送られない サーバで Last-Modified-Since を付与したのに If-Modified-Since が送られない 先日も、筆者が書いた MDN の Cache セクションで「記述が間違っているのでは?」と同様の質問を受けた。 Issue about the Age response header and the term "Reload" · Issue #29294 · mdn/content https://github.com/mdn/cont
JAVASCRIPT::BOOKMARKLET
JavaScript::Bookmarklet スクリプト集:このページで紹介しているスクリプトは自由にお使いください。 更新日：2006.10.27 [blog] このページは様々な用途で利用できるBookmarkletをご紹介しています。もしこのページで紹介しているBookmarkletが気にいったら是非このページをあなたのホームページとリンクしてください。そしてもっと多くの人にBookmarkletのおもしろさを伝えてください。リンクに許可は必要ありません。またこのページで紹介しているBookmarkletの多くは海外サイトで紹介されているコピーフリーなものです。ですから自由にコピーして使ってください。 ニュース＆お知らせ 6月27日：「カウンタ」を追加しました。 3月18日：「DOMのソースを見る」を追加しました。 1月26日：「nofollow属性のリンクを強調」を追加しました。
今、知っておきたいJavaScript
Webブラウザとテキストエディタさえあれば、プログラミングして実行できるシンプルで手軽な言語――。それがJavaScriptが初めて登場してからしばらくの間、多くの人が抱いた印象でした。しかし、Ajaxの登場に伴う第2のブーム以降、ハードルが高くなったように感じられます。 その大きな理由の一つが、DOM（Document Object Model）に基づくJavaScriptプログラミングでしょう。DOMは、HTMLやXMLを構成する各要素に対して、プログラムからアクセスして内部の情報を取得・変更したり、機能を利用したりするためのAPI（Application Programming Interface）です。DOMを使うことによって、WebページをリロードせずにWebページを部分的に書き換えたり、HTMLドキュメントの構造を動的に変えたりといったことが可能になります。 DOMは便利な仕組
「CSS Sprites（CSSスプライト）」についてまとめます。 すでにいろんなサイトで紹介されてるので、検索すれば制作手順から何から何までたくさんヒットしますが、それ故、どの方法が一番ベストなのかってのがいまいち不確かだったので、個人的にまとめ直してみることにしました。 TwitterやFacebookのスプライト用画像 CSSスプライトは、サイトの読み込みを高速化する目的で使われているCSSの小技です。TwitterやFacebookなどでは、ちっこいアイコンとかマークを表示するのに使われてますね（2012.8現在）。 具体的には「サイト内で使用するたくさんの画像（パーツ）をなるべく一枚画像にまとめて、サーバへのリクエスト回数を少なくする」という事をやってます。 画像とCSSだけで高速化が実現できるので大変お手軽なのですが、CSSスプライト用の画像を用意するにはちょっとした工夫が必要
iPhone 3G の基本操作から、ちょっとした小技・裏技まで、一気にまとめてみた。 超基本から、意外と知られていないことまで色々。 知人がiPhone買ったら、とりあえずコレ見てから質問して、と言いたいものばかり。永久保存版。 操作の名称 タップ 指で軽く叩く操作。マウスのクリックに相当 ダブルタップ 2回叩く操作。ダブルクリックに相当 ドラッグ 写真を移動する時に指をずらす操作 フリック リストをスクロールする時に指で軽くはらう操作 ピンチ 2本指でのつまむ操作の総称 ピンチアウト/ピンチオープン 2本指の間を広げて拡大する時の操作 ピンチイン/ピンチクローズ 2本指の間を縮めて縮小する時の操作 スリープ状態のまま、iPhoneを操作 スリープ時に、ホームボタンをダブルクリックすると、iPodのコントローラを表示できる。さらに起動中にダブルクリックすると、電話のよく使う項目や、iPod
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
こんにちは。 6月ももうすぐ終わりということで、6月中に話題になったWebサービスやアプリを10個ほどご紹介します。 FIRST STEP 同時刻に一斉に投稿することによって、 選挙のお知らせを日本中に広げようというキャンペーン。 このサイトを使って事前に予約投稿（Facebook・Twitter）を行うと、投票日の前日（7/20）に「ネット選挙解禁後、歴史的な最初の選挙。みんなで投票にいこう。明日7月21日は投票日【投票に行く人を増やす-FIRST STEP-】」というメッセージが自動的に投稿されます。これはおもしろい仕組み。 キャッチコピーは「投票に行く人を増やす」 Lobi グループチャットアプリ「ナカマップ」というサービスが、名称をLobi（ロビー）に変えて登場しましたね。アカウント数が300万を超えたそうです。 好きな趣味や似た志向の人たちが集まって、グループをつくりおしゃべりす
2020/10/18 エンジニア D4DJ Groovy Mix オープンベータ開始 2020/10/18 ＤＪ 秋葉原(を夢見る)パラダイスレイディオ Vol.1 @ twitch配信 2020/10/25 エンジニア D4DJ Groovy Mix リリース 2020/11/14 ＤＪ UNDER Freaks 2nd anniv. @ 渋谷Cafe W (渋谷WOMB 1F) 一部の携帯ショップでauのandroid端末「IS01」がタダ同然で放出されてます。 月額料金を８円にする技と組み合わせると、総額３０００円程度でandroid端末が持てるので ２ｃｈやtwitter界隈でお祭り騒ぎとなってます。 で、さっそく便乗してIS01を貰ってきましたのでいろいろまとめてみます。 どこで無料IS01をゲットするの？ 全国各地の携帯ショップ、ケーズデンキやコジマ電気で売ってます。 直接足で
日本のゲームを愛するが故に「日本の有名なゲームクリエイターが最新のゲームをやっているとは到底思えない」などと「日本のゲームが持つ問題点」について歯に衣着せぬ意見をバシバシ飛ばしまくる講演「僕の海外ゲーム開発ストーリー++ ～日米両方でAAAゲーム開発をして分かったこと～」が日本最大のゲーム開発者向けカンファレンス「コンピュータエンターテインメントデベロッパーズカンファレンス2011(CEDEC2011)」で行われました。 講師は、Microsoftの343 Industriesでディレクターを務めたライアン・ペイトンさん。2003年に来日し、小島プロダクションにて「メタルギアソリッド4」などの人気作に関わった後、故郷のシアトルに戻ってからMicrosoftに入社して「HALO 4」を含むHaloシリーズのクリエイティブ面のディレクションを担当した人物です。 講演は自身の半生から始まり、「ゲ
JavaScript例文辞典
■基本 ［０１］JavaScriptを定義する ［０２］外部JavaScriptファイルを読み込む ［０３］スタイルシートを定義する ［０４］NN3、NN4、NN6、IE4.x、IE5.xで動作するように記述する ［０５］NN4でのみ動作するように記述する ［０６］NN6でのみ動作するように記述する ［０７］IE4.x以上で動作するように記述する ［０８］IE5.x以上で動作するように記述する ［０９］IE5.5以上で動作するように記述する ［１０］ビヘイビアファイルを読み込む ［１１］IEとNN両方で動くように記述する ［１２］連続して関数を呼び出す ［１３］MacOS Xかどうか判別する ［１４］Safariのみ動作するように記述する ［１５］Safariのバージョンを返す ［１６］Operaのみ動作するように記述する ■構文 ［０１］変数に文字や数値を入れる ［０２］四則演算を行う
ブギーポップは視聴者が笑えない糞ラノベアニメ
今さらセカイ系(笑)の出来損ないみたいな90年代ラノベ引っ張りだしたところで、ガキが食いつくわけもないと分かりきってるのがクソ。どうせ昔のファンも大半はとっくに趣味変わってるだろ。 無意味に時間が行ったり来たりするのがクソ。カッコイイとでも思ってんのか？分かりにくいだけだわアホ。 キャラデザ全員モブ過ぎて誰が誰だか分からないのがクソ。ブギーポップは分からない（爆笑） ラノベ業界もそろそろ弾切れで苦しいのは分かるけどさあ、さすがにこんなもん引っ張り出してくるぐらいなら、他にもっといい原作あるだろ。たとえば……お留守バンシーとか！ そこまで打ち込んだところで〝増田〟は確認画面に進み、実際に表示される際の見え方をチェックする。特に問題のないことを確認して「この内容を登録する」ボタンをクリックした。 大きく息を吐き、しばし目を閉じて時間が過ぎるのを待つ。ヘッドホンからは、路地裏の秘密クラブについて
はじめに React（通称 React.js1）を全く知らない、あるいは幾つか記事を見たけどなんなのかピンと来ていない、という人のために書いています。 「jQuery くらいしか知らない」くらいの人に具体的に雰囲気を知ってもらうのが目的であり、すでにやる気がある人向けのチュートリアルではありません。やる気が出れば日本語版ドキュメントを読んで手を動かせばあっという間なので、そこまでの興味が出ることを目標にしています。 以降では ES2015 (ES6) の文法（アロー関数とか）を使っています。この部分が怪しい人は先にアロー関数と const 文だけでも知ってから先に進んでください。 以下の説明中、このアイコンで表すのは（2023 年現在から見た）『昔話』です。新しく自分のコードを書く際には本来知らなくていいことですが、古い記事を見たときに混同しないための参考情報として書いてあります。この記事
エンジニアを始めてから便利だったツールまとめ
概要 エンジニアになってから出会った便利ツール・アプリを備忘録としてまとめました。 ※WEB用ツール多め GUIツール・アプリ デスクトップ上で動作させるやつ。 Authy https://authy.com/ 2FAアプリ。Multi-Deviceという複数端末で使える機能があり、PCでログインする際の2FAをPCのみで完結できるので便利。 Hyper https://hyper.is/ コンソールアプリ。テーマ機能やプラグイン追加で自分の好みに環境を整えやすくて見た目がよい。 設定を.hyper.jsファイルで管理するので、gitにて設定管理ができて便利。 VSCode https://code.visualstudio.com/ 言わずもがなの高機能コードエディター。特に理由がなければ基本的にはプログラミングするならこれを使えばいいんじゃないかな。 豊富なプラグインや設定で、Hype
こんにちはこんにちは！！ はまちや２ (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。 「はまちちゃん」とかで適当にググってください。 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう？ プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。 本日のテーマ： 『ふつうのformを使いたい』 <form> 電話番号はハイフン抜きの半角で…（はいはい） フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた！) (これで送信、と…) ※エラー：住所を正しく入力してください (え、なんで！？) ※住所は全角で入力してく
TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」
TwitterのタイムラインやFacebookのニュースフィードように、ページの一番下までスクロールしたらコンテンツを自動的に表示する「jQuery.Bottomプラグイン」を紹介します。 １．サンプル jQuery.Bottomプラグインにはデモページが用意されていますが、いまいちなのでサンプルページを作りました。 jQuery.Bottomプラグインサンプル ページの一番下までスクロールすると自動的にコンテンツを表示します。 なお、最初に表示した状態でコンテンツがすべて表示されてしまっているとそもそも動作しないので注意してください。 ２．プラグインの機能 jQuery.Bottomプラグインは「bottom」イベントを登録するためのものです。このイベントを利用してページの一番下までスクロールすれば、bottomイベントが発生します。 ３．プラグインのダウンロード githubのjQue
最低2秒、目指すは1秒以内。ウェブサイトを高速化するためのTIPS at #SMX Advanced Seattle 2012
[対象: 上級] ページの表示速度が、Googleのランキングを決める指標として日本を含むインターナショナルで導入されていることがSMX Advanced Seattle 2012で判明しました。 そこで今日は、ウェブページの高速化を取り扱ったセッションをレポートします。 スピーカーは、ECサイトのREIでSEOに携わるJonathon Colman（ジョナサン・コールマン）氏です。 ウェブサイトのパフォーマンス最適化 サイトを高速化する理由 コンバージョン率の最適化 カスタマーエクスペリエンスとカスタマー満足度の向上 直帰率を下げる。 競争率が非常に激しいキーワードでオーガニックからのトラフィックを増やす。 全体的な競争力を高める。 運用費を節約する。 数字で見るページスピード Googleではページスピードが検索の1%に影響している。 ユーザーがページ表示に待てるのは2秒まで。 3秒以
エイプリルフールに便乗しているサイトまとめ2011年版
今年もインターネット上でさまざまな企業・団体・個人が総力を挙げてこの日のために事前に仕込んだネタを4月1日0時から24時までの間、24時間限定で公開しまくり、何がウソで何が本当かわからないカオスとなるエイプリルフールがやってきました。というわけで、エイプリルフールに便乗しているサイトをまとめてみました。とりあえず24時間リアルタイム更新します。また、更新する度にTwitterのGIGAZINE公式アカウントでもつぶやいていく予定です。 なお、掲載されていないサイトで「ここもエイプリルフールやってる！」というのを発見したときや「うちもエイプリルフールやってます！」という自薦の連絡はこちらにあるネタのタレコミ用メールフォームから送信をお願いします。サイトを見に行っても「どれがエイプリルフールのネタなの……？」ということで判断できなかったり、「何かが変わっているのかもしれないが元のサイトの状態が
<meta name="viewport" content="width=device-width,initial-scale=1"> と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返す
スゴイ。ヤバい。 Adobe Shadowは、Adobeのラボがリリースした、スマホコンテンツの開発支援ツール。 何ができるかというと、PCのブラウザで表示したURLのコンテンツを、iPhoneやiPadで同時に表示してくれる。 PCでサイトをリロードするだけで、iPhoneやiPadでも自動でブラウザがリロードされて、表示を検証できる！！ iPhoneやiPadはURLの入力が面倒だし、PCで作業する度にデバイスを移動するのが大変だった。 Adobe Shadowを使うと、PCでリロードするだけで、全環境で表示の確認がすぐできる。これは作業がはかどる。 使い方 Mac / PC に Adobe Shadowをインストール ブラウザ（Chrome)にAdobe Shadowの拡張をインストール iPhone, iPad, android, kindleに Adobe Shadowアプリをイ
以下の記事で、GALAXY Sと過ごした７日間の日々について書きました。 iPhoneユーザがGALAXY Sと過ごした７日間をまとめてみました その中で思ったのは、 やっぱりAndroidのアプリ作ってみたいよなーということ。 ということで、初めてのAndroidアプリを作ってみたら約一週間くらいで形になったので、その過程をメモしてみます。 作ろうとするAndroidアプリのコンセプト ７日間のまとめでも書いたように、今のAndroidは、はてブ環境が充実してないと感じたので（個人的な感想ですが）、どうせならiPhoneアプリ「はてブポケット」を移植してみたらどうだろう？と思いました。ということで、コンセプトは以下。iPhoneアプリ「はてブポケットを移植してみる」 MacにAndroidアプリ開発環境を構築する 何はともあれ必要なのが開発環境です。以下の記事を参考にしてみました。Mac
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
番外編。普通はどれも必要ないと思う。 しかし正攻法ではニッチもサッチもいかない時、というのは必ずおとずれる。 たとえばアイデアがいますぐ必要だ、しかしジェームス W.ヤング『アイデアのつくり方』に載ってる正攻法→（１）仕込む （２）忘れて待つ （３）浮かんだのをつかまえる、なんてことは今やってられないんだ、何しろ今すぐ必要なんだ、という時である。 そんな時、悪魔はあなたの耳元でささやくだろう。 「パクれ」 エドガー・アラン・ポーだって、創作はコンポジションだと言い切ってるじゃないか。ヤングだって『アイデアのつくり方』の中で「新しいものなんてのは、結局のところ古い既存のものの組み合わせだ」みたいなことを言ってるじゃないか。 しかし、他の物書きがこさえた「出来合いのもの」をそのまま引き写して来るのと、古いネタを組み合わせて使うのは、雲泥の差がある。 パクるなら、せめて違うジャンルからパクろう。
先日の記事が思わぬ爆発をして驚いてるこもりです、こんにちは。実は、こないだ2年ぶりぐらいにマシンを新調したんですよね（といっても、MacBook Proの13インチの最安仕様 笑）。で、あの記事で紹介した以外にも直接仕事に関係しないけど、MacBook生活のアレコレを便利にするアプリも入れています。 今回もまた懲りずに、Macに乗り換えようかなと思ってる方や乗り換えたばっかりの方、MacBookなんちゃらを使ってカフェやコワーキングスペースなどをノマド気味にウロウロしてる方のために、ボクがMBPにインストールしたアプリを22個紹介したいと思います。 MacBookをお使いの方もそうでない方も。今回はジャンル分けはしてませんが、アレコレと多岐にわたっています。あと、最後の方には日常のブラウジングを少し快適にするだろう Safariの機能拡張もおまけでいくつか。 では、ちょっと短めですがいって
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
どんなにへたくそでも一日後には絵が上手くなる方法:ハムスター速報 ２ろぐ
ペアプログラミングして気がついた新人プログラマの成長を阻害する悪習
Macでの作業効率アップ！「初心者」が覚えておくべきMacショートカットまとめ｜男子ハック
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
「Compass」、基礎から応用まで！ | 株式会社LIG
暇を潰せそうなサイトを沢山見つけたので貼りまくる : 哲学ニュースnwk
2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな？ - Qiita
ついに、Webアプリでの帳票印刷のベストプラクティスを編み出しました
すごい便利になった！javascript入門の基礎知識と小技まとめ
2024年版のDockerfileの考え方＆書き方 | フューチャー技術ブログ
日本の大企業からイノベーションが生まれなくなった理由はほぼ解明できた｜フィラメント代表・角勝｜FINDERS
ブラウザでリロードしながらキャッシュの挙動を確認してる全ての開発者へ | blog.jxck.io
CSSスプライトについてあれこれ。
【永久保存版】iPhone 基本操作・小技・裏技、総まとめ。 | ゼロ・デザイニング [0-designing]
Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog
最近話題になったイケてるWebサービス・アプリ10選（2013年6月編）
【無料IS01】auがandroid端末をタダ同然で配ってる件について - uinyan.com
「日本のゲームが持つ問題点」や「開発における日本とアメリカの明確な違い」を最前線にいる当事者がハッキリと語る
Reactを使うとなぜjQueryが要らなくなるのか - Qiita
ふつうのformをつかいたい - はまちや２ - ニコニコ超会議2012
もう逃げない。HTMLのviewportをちゃんと理解する
スマホのWeb開発に、Adobe Shadowが神ツールな件 | fladdict
一週間で初めてのAndroidアプリを作ってみました - もとまか日記
node.jsに関する基礎や開発・チュートリアルのまとめ:phpspot開発日誌
物書きが悪魔と契約する前に試すべき７つの魔道具
MacBook Proに入れたアプリ22個＋おまけ | gaspanik weblog