サイズが不明でバラバラな複数の画像を指定サイズにトリミングして配置したり、画像全体が収まるように配置することもできるjQueryのプラグインを紹介します。 ImageFit ImageFit -GitHub ImageFitのデモ ImageFitの使い方 ImageFitのデモ デモはサイズがバラバラな画像が6枚、それぞれ同じサイズの矩形に配置します。 下のキャプチャは同じサイズの画像のように見えますが、既にトリミングして配置された状態です。
jsCafe16(2013/11/10)で話したjavascriptでの関数型プログラミング入門の話です。Read less
AngularJSをはじめよう ここにあるように、最近はWebアプリを作成する際にJavaScriptのフレームワークを使用するのが当たり前といっていいくらい、 さまざまなフレームワークが存在します。 弊社ブログでもember.jsの記事等、JavaScriptのいろいろなライブラリ・フレームワークを紹介していますが、 私が近頃AngularJSを使用する機会があり、とても使いやすかったので、改めてここで紹介しようと思います。 AngularJSとは もう一度「AngularJSとはなにか」という部分を簡単におさらいを。 AngularJSはGoogleとコミュニティより開発しているオープンソース(MIT)のJavaScript用MVWフレームワークです。 テンプレート言語としてHTMLを使用できたり、双方向データバインディングやDI(依存注入)が使用できたりと、 近年複雑化するWebアプ
数が増えてきたので別記事に分けてみました。分類は超テキトーです。変態文法シリーズも足してみました。 手続き型言語 汎用スクリプト言語 Perl Perl基礎文法最速マスター - サンプルコードによるPerl入門 Perlオブジェクト基礎文法最速マスター - 燈明日記 Moose & Mouse基本文法最速マスター/The Fastest Way to Mastering Moose & Mouse - perl-mongers.org Ruby Ruby基礎文法最速マスター - Route 477 Rails基礎文法最速マスター - cod.note PHP PHP基礎文法最速マスター - Shin x blog php変態文法最速マスター - milieuの日記 Python基礎文法最速マスター - LazyLife@Diary VBScript 基礎文法最速マスター - CX's VB
「じっくり学ぶ Java講座」は、初心者向けの Java入門講座サイトです。多くのサンプルコードを目にすることでじっくり着実に Javaプログラミングの基本を勉強します。 更新履歴 第01章: はじめに はじめに 本ウェブサイトの目標とターゲット 学習の心構え おすすめ書籍 おおまかな構成 第02章: Java概論と開発環境の構築 Javaとは 開発環境の構築 開発環境メモ 第03章: はじめての Javaプログラム ハローワールド 読みやすいソースコードを書こう 第04章: 基本型と基本型変数、演算子とキャスト、Math.randomメソッドと自作ライブラリ 基本型と基本型変数 演算子と基本型のキャスト Math.randomメソッドと自作ライブラリ 第05章: 条件分岐 if文 switch文 第06章: 繰り返し for文 while文 do while文 gotoは使えない 第07
作成:2014/01/14 更新:2014/11/01 Web制作 > 以前までHTMLコーダーと呼ばれていたフロントエンドエンジニアは、表現の進歩やトレンドに伴って、CMSやAPIなどより高度な技術や知識を求められるようになりました。今回は今以上に効率化するために、フロントエンドやWebデザイナーが必要とする知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マルチデバイス対応 1.フルードレイアウト 2.ドロップレイアウト 3.ワンキャンバスレイアウト 4.可変グリッド 5.ブレイクポイント参考 6.レスポンシブ対策ライブラリ パフォーマンス改善 7.ページを高速化する CMS 8.WordPress化 HTML5 API 9.API一覧 クロスブラウザ対策 10.IE関連 11.横置き/デバイス対策 12.Retinaディスプレイ対策
珍しいと思います。当サイトで最新の情報をご確認ください。ツヤでは髪の艶を出してみて、毛先を中心に髪全体にヘアオイルを馴染ませて、オイルなのに、びっくりするぐらいサラサラで、少しとろみがありますし、髪の毛に付けるものなので、補修力は申し分ないし結果から言うと、喉も渇くし、髪型を決めるうえでとても見やすいデザインとなっていてしっとり落ち着いてうねりが少なくなってくれれば今後のスタイリングもやりやすくなります。 冬虫夏草のクッション作用によって髪と肌を洗髪の刺激から守ってくれるんです。 どうしても、朝のヘアセットもとてもラクになりますが、乾いたらツヤが出ています。 実は髪の毛も同じで、不快感無しなんです。どうしても、朝にはとても合っているときに感じる「パチパチパチッ」っていう静電気、皆無だ!お風呂上がりも子供優先。 いつしかお風呂上りの髪もそうですし、寝癖などを直すときに感じる「パチパチパチッ」
【重要な追記】プログラミング独学はキツいと、本題になる前に重要なことを書いておきます。 僕も最初そうでしたが、JavaScriptなどプログラミングは独学だと難しくて投げ出したくなります。 僕もできずに心が折れかけていました。 そんな時に東京でプログラミング教室をやっていることを知り、参加してみたのでした。 >>プログラミングでできること、日常生活での活用例、主要言語などまとめ プログラミング教室で理解速度は格段に上がる結果、プログラミングへの理解度がかなり高まり、その後の勉強がスムーズにいきました。 なので、僕はお金を払ってでも、プログラミング講座、スクールには行った方がいいと思っています。 当時、学生ながら3万円くらい払いましたが、そこに投資して本当に良かったです。 今月から有料プログラミングスクールに通うことに 独学だと概念理解できなくてつまずいてしんどかったので 結果として行ってよ
今年も早いもので残すところわずかとなりましたね。2013年に注目を浴びるようになったEdTechという言葉ですが、ITを活用した学びの可能性がどんどん大きくなってきており、以前よりも幅広い内容を学ぶことができるようになりました。そこで今日はプログラミング学習にフォーカスをあてて、国内外問わずプログラミングを勉強できるサービスをまとめました。 オンラインで誰でもプログラミング学習ができるサービス総まとめ ◆日本のサービス 1.無料動画で勉強できる『ドットインストール』 ドットインストールは初心者向けプログラミング学習で、基本的に全て無料で見放題のサービスです。ビデオコンテンツが1000本以上あり、初心者でも挫折しにくいように数分ほどの動画に区切ってあります。私自身も日頃愛用しているサービスの1つで、HTML、CSS、JavaScriptなどのweb言語からObjective-Cなどのアプリ開
他人のやらない事にフォーカスを当てて学ぶのは、やっていることを学ぶのと同じように栄養価が高いと考えています。 例えば、年収5,000万にするためにやったこと、という記事と、年収5,000万にするためにやめたことという記事があるとすれば、その両方に価値があると思うわけです。 というわけで、今回はブログで飯を食っている私の、ブログで『やらない事』をまとめたいと思います。 多分思い出すとまだまだあると思うんですが、代表的なもの8つをどうぞ。 やらないように意識している事 1)1記事多テーマ これはアカン。 ブログの基本とも言えるものです。 記事のタイトルが「ブロガー勉強会に参加してきました」とした場合、 おはようからはじまり、ブロガー勉強会に行ってきたという話題から、内容の羅列、最後に帰りにラーメンを食べた上、そのラーメンの評価までぐだぐだと。 これでは、いつまでたってもリピーターもつかず、うだ
皆様、新年あけましておめでとうございますっ! さて、今年も年が明けましたね〜。なんか去年は本当に色々な事があったように思う一方。12ヶ月の内2ヶ月を休暇で過ごしてしまった事もあり、正直サボりの一年だったようにも感じてしまうのが正直な所ですが…。かたや一昨年は学校に合計4ヶ月くらい通って学校ばっかの一年だったし… 『来年本気出すっ!』って言って、全然実現してないダメ人間の典型ですね! しかし今年こそはちょっと(久々に)本腰入れて自分を追い込もうと思っているプロジェクトがFrog含め幾つかあるため、また一層勉強に仕事に遊びに旅行と、全部思いっきり励んで行きたいなと思っていますのでよろしくお願いします〜。 と、言うわけで早速ですが、今日は僕が去年お世話になりまくったので、2014年も多分お世話になるであろうサイトを、全て片っ端からまとめてみようと思います。 毎回こういうまとめは適当ですが年末年始
日本のみなさん、こんにちはぁ!バンクーバーでWebを修行をしているのび太です。 Web制作を学ぼうと思ったらいろいろな方法があると思います。専門学校に通う(王道)、オンラインの通信講座を受ける、プロのWebデザイナーにレッスンをお願いするetc。 Webを勉強する1つの方法として、ネット上のWeb制作に関するサイトを利用するというのがあると思います。スクールに通ったり、通信講座を受けたりするのはお金の面で負担がかかりますからね… ありがたいことに今の世の中わかりやすいWebを学べるLIGのようなサイトが仰山あります。強い勉強意欲と気合さえあればオンラインのソースや教材をフル活用することで独学でも十分学べると思います。 その際に日本語サイトだけでも十分学べますが、あえて英語サイトを使うことで以下のようなメリットがあると思います。 Webと同時に英語が学べる。 日本語サイトより詳しく学べる。
2013年のいま、API界隈が熱い! 今年に入り、官公庁の統計データやNHKの番組情報など、今までなかなか利用できなかったデータがAPIとして扱えるようになってきました。このエントリでは現在公開されているAPIを一覧でまとめます。いま使えるAPIはこれだけ読めば大丈夫。2013年の最新マッシュアップ事情をあますとこなく網羅します! HOT! API 総務省 次世代統計利用システム(国勢調査、人口推計、就業構造、企業統計、物価統計 etc.) NHK番組表(※未公開) 行政・自治体・公共サービス 郵便番号 郵便番号検索API(郵便番号 → 住所) 郵便専門ネット(郵便番号 → 住所、郵便番号の簡易存在チェック) ぽすたん(郵便番号 → 住所、住所 → 郵便番号) IW3 PROJECT(郵便番号 → 住所、住所 → 郵便番号) 宇宙 Google+ JAXA PR(※現在一部の学生に限定公開
2016年9月20日 / お金のセンスを身につけるために、18歳〜25歳が初めてクレジットカードを持つ上で知っておいて欲しいこと はコメントを受け付けていません 18歳〜22歳くらいの大学生・短大生・専門学校生にお薦めの学生カード・クレジットカードに関する記事です。新生活が始まったこの頃、大学生はクレカのニーズが高まっているのではないでしょうか。大学生や短大生(専門学校生)の休みは長いので旅行前や、留学、就活のときなどがクレジットカード選ぶ時期に最適です。本記事は学生カードを中心に、大学生〜高校生、未成年を含む18歳〜20歳、22歳くらいまでの読者の方を対象として書いています。「クレジットカード」や「学生カード」と聞くと、審査や親の許可だったり、不安なことも多いはず。 長い記事ですが、ゆっくり読んでいただいて、皆さんの参考になれば幸いです。 本記事は、学生や18歳、19歳、20歳、21歳、
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで(Macの場合はCommand+Option+Iキーで)手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
あけましておめでとうございます。2014年! WP-Limeこと、星野邦敏です。 持ち回りで月に1回コンスタントにブログ記事を書いて、 1回目の記事は、2012年8月に、 案件の価格決めをどうしているのよ? 2回目の記事は、2012年9月に、 IT勉強会を自分で主催するメリット・デメリットと、それらを有料or無料で開く判断。 3回目の記事は、2012年10月に、 支払サイト&入金サイトについて考える。 4回目の記事は、2012年11月に、 Twitter Bootstrapを使って短時間でWordPressテーマを作る。 5回目の記事は、2012年12月に、 寡兵(少ない兵力)で負けない戦を展開する方法 まで書いて、 2013年は、なんとWP-Dでは1記事も書いていませんでした。 2013年、主に何をしていたかと言うと、生まれ育った地元の埼玉県さいたま市の大宮駅近くで、コワーキングスペース
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く