並び順

ブックマーク数

期間指定

  • から
  • まで

41 - 80 件 / 2417件

新着順 人気順

いつか試すの検索結果41 - 80 件 / 2417件

  • MOONGIFT: » 必見!怖くなるくらい優秀なCMS「concrete5」:オープンソースを毎日紹介

    これまで多数のCMSを見てきたが、ここまで完成度が高いと言えるものに出会ったことはなかった…そう言えるくらい凄い。このどきどき感はDekiWikiに触れた時に感じたものに近い。 見たまま編集できるCMS CMSと言えば、ユーザ画面と管理画面に分かれていて、管理画面はモジュールやテーマの設定、各項目の並びを指定するのが通常だ。実際の出力結果はシステム任せで、その点が柔軟性に欠ける点でもあった。 しかしこれは違う。見たまま編集でき、さらに高い柔軟性を維持している。 今回紹介するオープンソース・ソフトウェアはconcrete5、デザイン、管理、コンテンツ作成全てが高度なCMSだ。 相当個人的な感情が入ってしまっているのは、同じようなシステムを構築する予定があったからだ。だがconcrete5は完成度も高く、多少の改造さえ施せば十分な気がする。やはり下手に開発コストをかけるよりもオープンソースで探

      MOONGIFT: » 必見!怖くなるくらい優秀なCMS「concrete5」:オープンソースを毎日紹介
    • [コピペ推奨] 最高に楽をしたい人のためのCSSテクニックまとめ | Supership Tech Blog

      こんにちは。Supership デザイナーのハガです。今回はcssのお話です。 皆さんはcssで、あるデザインを実現しようとした時、あれってどうやるんだっけ?みたいな経験をしたことはありませんか?自分はよくあります。そんな時コピペするだけでokみたいなcssスニペット集があると嬉しいと思い、主に自分のためのメモ的な意味を多分に含みつつご紹介していきたいと思います。(今回紹介しているcss達は主にスマホのためのモダンなブラウザを対象としているため、ieのようなレガシーな感じはごめんなさい。) 10個のcssテクニックコアとなる部分はboldで表現しています。細字の部分はお好きに調整してください。 1.カルーセル<ul class="carousel"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li>

        [コピペ推奨] 最高に楽をしたい人のためのCSSテクニックまとめ | Supership Tech Blog
      • リンクを作る時の target="_blank" の危険性 - 隙あらば寝る

        html で リンクを新しいタブ(やウィンドウ)で開かせたい場合、target="_blank" を指定するが、 この使い方には落とし穴があるらしい。 www.jitbit.com リンクを開いた先の javascript から、開いた元のページを操作できてしまうとのこと。 気になったので確認してみた。 悪用のパターン insecure.html が最初に開くページで、ここに target="_blank" なリンクがある。 このリンクを押すと new_window.html を新しいタブで開く。 この new_window.html に javascript が仕込まれており、元ページを操作されるという話。 具体的には window.opener.location="./evil.html" と実行すると、元タブは evil.html に遷移する。 実際試してみたのが ここ。 リンクを開

          リンクを作る時の target="_blank" の危険性 - 隙あらば寝る
        • 知らぬはエンジニアの恥。今さら聞けない【コンテナ/仮想化技術】11選 - paiza times

          Photo by Sam MacCutchan どうも後藤です! もう10年以上になるでしょうか・・・ とにかくなんでもかんでも仮想化すればよいというこの風潮。paizaでも仮想化技術は大活躍中。インフラは仮想化技術の上に構築されているし、もちろんコードの評価環境だってばりばりの仮想環境上です。仮想環境ばっちこーい! いったいいつからこんな流れになったんでしょう?どこに基準を求めるかでだいぶかわりますけれども、執筆現在から考えると、こうした流れには35年くらいの歴史があります。使われる仮想化技術は時代とともにかわってきました。だいたいどの時代にも流行ってものがありました。 最近(2014年ごろ)の流行とえば、インフラの一番下にハイパーバイザを入れて、その上でDockerを動かして、管理にはChefやPuppetを使うといったものです。数年経てば状況は変わるでしょうけれども、とにかく楽をした

            知らぬはエンジニアの恥。今さら聞けない【コンテナ/仮想化技術】11選 - paiza times
          • 簡単過ぎる!GoogleスプレッドシートからPWAアプリを開発できる「Glide」を使ってみた! - paiza times

            どうも、まさとらん(@0310lan)です! 今回は、Googleのスプレッドシートを利用して誰でも手軽にPWAアプリを開発して公開することができるサービスをご紹介します! スプレッドシートにデータを準備するだけなので、エンジニア以外の方でも簡単にアプリ開発を楽しむことができます。多彩な機能をグラフィカルなGUIで追加していくことも可能なので、ご興味のある方はぜひ参考にしてみてください! 【 Glide 】 ■「Glide」の使い方 それでは、まず最初にGlideをどのように使っていけばよいのかを見ていきましょう! サイトにアクセスしたら【Sign Up】ボタンをクリックして無償のユーザー登録を済ませておきます。 GlideはGoogleのスプレッドシートを利用するので、自分のGoogleアカウントから簡単にログインできるようになっています。 ログインが完了すると自分専用のダッシュボードが

              簡単過ぎる!GoogleスプレッドシートからPWAアプリを開発できる「Glide」を使ってみた! - paiza times
            • 休日個人開発で学ぶテストコード! 画像に“集中線”を合成するツールを作ってみよう - エンジニアHub|Webエンジニアのキャリアを考える!

              休日個人開発で学ぶテストコード! 画像に“集中線”を合成するツールを作ってみよう プライベートでも何か作りたい! そんなときの「今日からはじめる休日個人開発」シリーズ、第二弾はテストコードを書きながら簡単なMVCモデルの画像加工ツールを作ってみましょう。好きな写真に集中線を合成できます。 皆さん、プライベートで何か開発していますか? 「何か作りたい」という気持ちはあるものの、いまひとつ何から始めたらいいのか分からず、動けないままの人も多いと思います。 そんな皆さんのために、「仕事以外にも休日に個人で気軽に何かを作ってみよう!」という企画の第二弾です。今回は、第一弾で用意した開発環境を使って、画像を加工するツールを実際に作っていきます。 せっかくですので、ただ作るだけではなく、テストコードも一緒に書いてみましょう。最近は、CI(継続的インテグレーション)やCD(継続的デリバリー)も一般的にな

                休日個人開発で学ぶテストコード! 画像に“集中線”を合成するツールを作ってみよう - エンジニアHub|Webエンジニアのキャリアを考える!
              • 月額10円~でレンタルサーバーをはじめる方法 | アマゾン ウェブ サービス(AWS)

                たとえばこんな使い方 画像と HTML ファイルを中心としたウェブサイトなら、Amazon S3 で充分に活用できるから、使い道も広がります。 急ぎのウェブサイト公開が必要となる場合も多いキャンペーンサイトも、Amazon S3 なら数分でアカウント作成、コンテンツの公開も 10 分程度で完了します。しかも契約期間の縛りもないため、すぐはじめられて、キャンペーン終了後、必要がなくなったその時点で終了することも可能です。 詳しくはこちら » 法人ウェブサイトのデータ損失は絶対に避けたいものです。米国の政府機関をはじめエンタープライズ企業様も利用する Amazon S3 は、複数のデータセンターでお客様のウェブサイトデータを保管。99.99 % の可用性と、99.999999999 % の堅牢性でお客様のウェブサイトを運営することができます。 もちろん万全を期すために、別のリージョン(国)の

                • 2クリックで10GBも空き容量が増えた!Macの大掃除にMagicanは試してみる価値がある!|男子ハック

                  Macおすすめアプリ2クリックで10GBも空き容量が増えた!Macの大掃除にMagicanは試してみる価値がある!2011年12月20日708 @JUNP_Nです。年末の大掃除というかメンテナンスはお済みですか?まだというMacユーザーの皆さん、Magicanは試してみましたか?僕は2クリックでディスク領域が10GBも増えましたよ。

                    2クリックで10GBも空き容量が増えた!Macの大掃除にMagicanは試してみる価値がある!|男子ハック
                  • クックパッドはなぜ開発しやすいのか // Speaker Deck

                    クックパッドはなぜ開発しやすいのか At AWS Summit Tokyo 2015 Developer Conference 2015/06/03

                      クックパッドはなぜ開発しやすいのか // Speaker Deck
                    • Google Drive ドキュメントの使える裏ワザ&アドオンまとめ | Ledge.ai

                      少々癖があるので慣れるまでは難儀しますが、慣れてしまうともはやOfficeを起動すること自体がなくなってしまうほどに便利なGoogle Drive。 今回は中でも、最も多く使われているであろうドキュメントについて意外と知られていない。でも知っているとちょっと便利な小さな裏ワザや便利すぎるアドオンをまとめてみました。 チャットでやりとりしながらオンライン議事録Messenger アドオン サムネを見てもらえば分かる通り、アドオンを有効にするだけで同時にそのドキュメントを見ている人限定のチャットルームを画面内に作成でき、履歴を残せるという素敵アドオン「Messenger」。 実装方法もカンタンで、ドキュメントを開いて<アドオン>メニューをクリックして「Messenger」を選択⇒連携させるだけです。 集まれなくても何かしら決めなければいけない場合、この「画面内でチャットできて、その履歴が残る」

                        Google Drive ドキュメントの使える裏ワザ&アドオンまとめ | Ledge.ai
                      • 画像処理.com | キーエンス

                        画像処理.comでは、こんなことが学べます! ラインの効率化や不良品検査など、FAを考える上で切っても切れない「画像処理」。 コストパフォーマンスを最大化する導入のためにはレンズの選定や照明などの設定、位置決めなど様々なノウハウが必要です。 ラインの目視検査を自動化したいと考えたことがある 画像処理(カメラ検査)を検討したが、難しそうだと導入をあきらめたことがある という方は、当社新人研修プロ講師が、画像処理について徹底解説するこのサイトをご利用ください。 画像処理に用いるハード(撮像素子CMOSやレンズ、照明など)やソフト(各種検査における画像処理の手法など)に関する基礎知識、また、現場での実践に役立つ基礎知識について解説します。さらに、画像処理に関する基礎知識を再確認したり、気軽に理解を深めたりすることができるクイズ集「画像処理理解度テスト」や、画像処理の歴史に関するトリビアもご用意。

                        • エンジニアが手早く英作文をする時はかどる Tips - tomoima525's blog

                          GithubのPRや海外Slackチャンネルでチャット、はたまた英語圏のエンジニアとやりとりする等、英語で文章を書くことはしばしばあります。そんな時、自分がよく使っている方法について書きます。 先に一番大事なこと 大事なことは、英語はあくまでもツールだということです。伝えたい内容が重要であり、英文を書くことに時間かけることはエンジニアにとって不毛です。 よっぽど英語が得意な人でないかぎり、一から英作文すると時間がかかって本質的でないところで時間を消費するということです。 なので一から文章を考えるのでなく、なるべく"型"を知ることがポイントだと考えています。それを踏まえた上で御覧ください。 文章を書く アルクの英辞郎とGoogle, Githubを組み合わせる 恐らく多くの人がGoogle翻訳などを使って英文を作っているかと思うのですが、アルクの英辞郎と組み合わせるともっとはかどります。理由

                            エンジニアが手早く英作文をする時はかどる Tips - tomoima525's blog
                          • Excelデータをビジュアライズしよう - DesignWalker

                              Excelデータをビジュアライズしよう - DesignWalker
                            • 作業を効率化するWindows用フリーソフト5選 | jMatsuzaki

                              生産性を劇的にあげるWindows用フリーウェア秘蔵の5選 2012年6月16日投稿 2015年1月15日更新 カテゴリ:Windows 著者: jMatsuzaki photo credit: Pörrö via photo pin cc 私の愛しいアップルパイへ お気に入りのソフトウェアをたくさん入れて、パソコンを快適に使いたい。 だからといってソフトウェアを入れすぎると処理が増え、かえって効率が下がることすらあります。あなたはジレンマを感じながらこう呟くわけです。 「私はね、ソフトウェアを入れるなら私のパーソナル・コンピューターに相応しい本当に良質なものだけに厳選したいの。フリーソフトなら特にね。」 Gooooood!それなら良い機会です。今日は私が今まで地べたを這いつくばりながら探しだした、生産性を劇的にあげるWindows用のフリーウェアを5つご紹介しましょう。この記事を読み終わ

                                作業を効率化するWindows用フリーソフト5選 | jMatsuzaki
                              • 英文を読むのが苦痛な人はまずは単語力を身につけよう - My Life After MIT Sloan

                                今日は趣向を変えて英語学習について。 何故なら、今日は私が留学を決意して英語の勉強を始めた日だから(笑)。 英語学習の基礎筋力として、単語力は重要って話です。 1. 英文を読むのが苦痛な人は、まずは自分の単語力を疑ってみよう 英語学習に一番役に立つのは、とにかく大量の英語をインプットすることだ。 英字新聞、英語の本などとにかく英文を大量に読む。 Podcast、英語ニュースなどとにかく聞く。 これは正しいのだが、ボキャブラリーが不十分な状態でこれをやるとかなりの苦行である。 英文を読むときは「辞書など調べず、文中から意味を推測しろ」と誰もが言うし、私も今までのエントリでそう書いてきた。 でも、これはある程度単語力がある場合の話である。 もしあなたが今勉強してる英文を読んでいて(例えば試験向けの読解問題集、英字新聞) 一文に一語以上知らない単語が出てくるようであれば、その文章を読むには明らか

                                • 社員用に作った文書校正ツールを一般公開した - gecko655のブログ

                                  スクリーンショット これはなに 会社で「PR用の文章を人力でチェックする工数が重くて、めっちゃ残業が発生している。なんとか自動化できないか」との依頼を受け、Word等のファイルをGUIでそのままtextlintできるツールをちゃちゃっと作って社内公開しました。その結果、いい感じに社内で有効利用してもらうことができたので、外部公開に踏み切ることにしました。 github.com インストール&設定 1. インストーラーでツールをインストールする GitHub上で配布しています。 https://github.com/gecko655/proofreading-tool/releases Mac版で「開発元が未確認のため開けません」が出た方へ https://support.apple.com/ja-jp/guide/mac-help/mh40616/mac を参考に、アプリケーションをセキュ

                                    社員用に作った文書校正ツールを一般公開した - gecko655のブログ
                                  • Web屋が使う34個の「シンプル・簡単・便利」なウェブツールまとめ

                                    作成:2012/10/29 更新:2016/10/22 Tool > 低スペックPCやウィンドウ幅の狭いノートを使っている場合、ソフト立ち上げを躊躇してしまう時がありませんか?そんな人に「シンプル、軽い、簡単」のウェブ上で使えるツールをご紹介。ブラウザ内で開けるので無駄なスペースを取られません。 ※こちらの記事は2012年に書いたもので、情報が古くなっております。比較的最近のツール系のまとめは、Web制作に役立つトレンドのツール一覧と以下の2つご覧ください。(※ 2015/06/25 2015/06/28追記) Node.jsとgulpをインストールして使うまでの入門記事 これからGit を始めてみようという人のための使い方と入門フロー 特にウェブ屋さんやブロガーさん達が使っているのをピックアップ。 もちろん僕も頻繁にガシガシ使ってるので「ツール用ブックマーク」としてこのページを作りました

                                      Web屋が使う34個の「シンプル・簡単・便利」なウェブツールまとめ
                                    • ディープラーニングの有名ライブラリ5種を最短距離で試す半日コース(TensorFlow, Chainer, Caffe, DeepDream, 画風変換) - その後のその後

                                      「いつか勉強しよう」と人工知能/機械学習/ディープラーニング(Deep Learning)といったトピックの記事の見つけてはアーカイブしてきたものの、結局2015年は何一つやらずに終わってしまったので、とにかく一歩でも足を踏み出すべく、本質的な理解等はさておき、とにかく試してみるということをやってみました。 試したのは、TensorFlow、Chainer、Caffe といった機械学習およびディープラーニングの代表的なライブラリ/フレームワーク3種と、2015年に話題になったディープラーニングを利用したアプリケーション2種(DeepDream、chainer-gogh)。 (DeepDreamで試した結果画像) タイトルに半日と書きましたが、たとえばTensorFlowは環境構築だけなら10分もあれば終わるでしょうし、Chainerなんてコマンド一発なので5秒くらいです。Caffeは僕はハ

                                        ディープラーニングの有名ライブラリ5種を最短距離で試す半日コース(TensorFlow, Chainer, Caffe, DeepDream, 画風変換) - その後のその後
                                      • bizmash.jp - このウェブサイトは販売用です! - ビジネス モバイル クラウド スマートフォン インターネット マンガ リソースおよび情報

                                        このウェブサイトは販売用です! bizmash.jp は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、bizmash.jpが全てとなります。あなたがお探しの内容が見つかることを願っています!

                                        • Webアプリケーション負荷試験実践入門

                                          2015年2月24日 ヒカ☆ラボ発表資料 Webアプリケーション負荷試験実践入門 ■スライドの目的 負荷試験の重要性を認識して頂く 意味のある負荷試験を最短距離で行うための“段取り”を持ち帰って頂く 内容的には、主にAWS上のLAMP構成のシステムに対する負荷試験ですが、負荷試験ツールに依存しない全般的に通用する話を扱っています。Read less

                                            Webアプリケーション負荷試験実践入門
                                          • anime.js

                                            Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects. Getting started

                                              anime.js
                                            • AIが画像を高画質化するアプリ「Remini」で懐かしのネットミーム画像を再生し始める人たち

                                              町長 @fusafusahg 同じ画像を三回Reminiってみて総統のおでこが綺麗になってきてるなーって思ったけどよくみたら右顎から髭生え始めてるしおっぱいぷるんぷるんがに崩れるんだな pic.twitter.com/LNnJn3kpRr 2020-02-16 04:19:12

                                                AIが画像を高画質化するアプリ「Remini」で懐かしのネットミーム画像を再生し始める人たち
                                              • 「コピペできるようになったら神→対応しました」Google、驚異のリアルタイム文字変換の進化

                                                Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you. 「コピペできるようになったら神→対応しました」Google、驚異のリアルタイム文字変換の進化2月にβ版がリリースされたGoogle製の音声文字変換(Live Transcribe)アプリ。もともと聴覚障害者のために作られたアクセシビリティ機能だが、精度の高さから文字起こしとしても使えるのではないかと話題だ。来日中のプロダクトマネージャー、ブライアン・ケムラー氏に話を聞いた。

                                                  「コピペできるようになったら神→対応しました」Google、驚異のリアルタイム文字変換の進化
                                                • 大手Webサービスがクライアント側で発生したJavaScriptのエラーをどう収集しているのか まとめ - Qiita

                                                  Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

                                                    大手Webサービスがクライアント側で発生したJavaScriptのエラーをどう収集しているのか まとめ - Qiita
                                                  • これであなたもテスト駆動開発マスター!?和田卓人さんがテスト駆動開発問題を解答コード使いながら解説します~現在時刻が関わるテストから、テスト容易性設計を学ぶ #tdd|CodeIQ MAGAZINE

                                                    和田卓人さんによるテスト駆動開発問題解説の寄稿です! バグのないよいコードを書くには、よいテスト設計が重要です。今回は現在時刻に関する問題と、その問題で提出された実際の解答コードを紹介しながら、どのようにテスト設計し開発していくのかを解説していきます。 ゲスト解答による解答コードも公開中! by CodeIQ運営事務局 はじめに こんにちは、和田(@t_wada)です。今日は先日出題させていただいたTDDに関する問題の総評を行いつつ、テスト容易性設計について考えてみたいと思います。 問題文 私が出した問題は、以下のようなものでした。 問1. 下記の仕様をテスティングフレームワークを使ってテストコードを書きながら実装してください。 【仕様1】 「現在時刻」に応じて、挨拶の内容を下記のようにそれぞれ返す機能を作成したい。 (タイムゾーンはAsia/Tokyoとする) 朝(05:00:00以上

                                                      これであなたもテスト駆動開発マスター!?和田卓人さんがテスト駆動開発問題を解答コード使いながら解説します~現在時刻が関わるテストから、テスト容易性設計を学ぶ #tdd|CodeIQ MAGAZINE
                                                    • 最近話題になったイケてるWebサービス・アプリ10選(2015年2月編)

                                                      こんにちは。 3月が始まりましたので、2月中に話題になったWebサービスやアプリを10個ほどご紹介いたします。 KURADASHI.jp KURADASHI.jpは、本来であれば廃棄されてしまう商品を、最大で希望小売価格の90%オフで販売し、売り上げの一部を寄付する社会貢献型のサービスです。 サイト上ではスナック、飲料水やカップラーメンから化粧品まで様々な商品が並びます。 売り上げの一部は、食料問題に取り組んでいるNPO法人「TABLE FOR TWO International」などの団体に寄付されます。新しい消費の形ですね。 Listband(リストバンド) Listbandは、YouTube動画をつなぎあわせて、自分のアルバムを作成できるWebサービスです。 アルバム1枚あたりの収録可能時間は、実際のCDと同じ74分42秒に設定。自分のベストアルバムを、過去にCDやMDでなど制作した

                                                        最近話題になったイケてるWebサービス・アプリ10選(2015年2月編)
                                                      • Windowsでも自動文字起こしができる!議事録はGoogleドキュメントに任せろ

                                                        情報管理LOGの@yoshinonです。 ここ最近は、「自動化」「音声入力」といったキーワードが、賑わっていますね。情報管理LOGでも、かなりこれについては激推ししています。さて今回は、文字起こしの自動化についてやってみたいと思います。文字起こしの自動化については、Macが先行していてWindowsの情報があまり見られなかったので、今回はWindowsについて深く掘り下げてみたいと思います。文字起こしの自動化が出来るようになると、議事録の作成などがほぼ自動化できるので、今まで苦痛だった仕事がとても楽になりますよ。 ※追記:Virtualが、Visualになっていましたので、修正しました…(恥ずかしい)。 ここ最近の自動文字起こし界隈(?)では、Mac勢がかなり優勢で盛り上がりを見せています。ここ最近の記事をいくつかご紹介します。 「神なの?」文字起こしが自動になる未来がやってきたとライター

                                                          Windowsでも自動文字起こしができる!議事録はGoogleドキュメントに任せろ
                                                        • 258億語の日本語コーパスをウェブで公開~国立国語研究所 言語研究や自然言語処理技術開発での基礎資料

                                                            258億語の日本語コーパスをウェブで公開~国立国語研究所 言語研究や自然言語処理技術開発での基礎資料
                                                          • pythonで小さなツールを作る時のtips - Qiita

                                                            自分で小さいツールを作る時に心に留めているtipsです. 書き始めたときは「どうせ書捨てだし」と思って書き始めると意外と長い間,もしくはいろんなところで使うことになったりするので,気をつけておくと後から楽になるというような小技です.大規模なソフトウェアの開発ではまた違った流儀があると思います. メインルーチンを関数にする 関数名はなんでもいいのですが,自分は趣味で main() という名前の関数を用意し,メインルーチンは全てそこに書くようにしています. #!/usr/bin/env python def main(): print('hello, hello, hello!') if __name__ == '__main__': main() pythonの小さなサンプルコードを見たりすると関数外の部分にベタで実行コードが書かれていたりします.もちろんそれでも動くのですが,以下の2点で後

                                                              pythonで小さなツールを作る時のtips - Qiita
                                                            • Mac を使っているなら必ず使うべき2つの機能 "Automator" と "サービス" - kurainの壺

                                                              Automator ってなんか超高機能なマクロみたいなイメージがありますが、とても便利なのでご紹介。 もともとは、会社の上司が Windows から Mac に移行したのだけれど、"秀丸みたいに選択範囲を ruby で evalできないの" とおっしゃっており、しかも Emacs は微妙とのことなので、Automator でどうにかしてみた。Service でできるんじゃないかねと教えてくれた同僚に感謝。 追記(2013/02/24) デバッグ方法を別エントリに書きました できること 文字列選択して Ctrl+= を押すと選択文字列が ruby で実行されます。編集可能なテキストエリアならだいたい何処でも。 作り方 アプリケーション ディレクトリにある Automator を起動します。 新しくサービスを作ります ユーティリティ > "シェルクスクリプトを実行"というアクションを選んで右の

                                                              • HTML5、CSS3、JavaScriptがリアルタイム編集できる!軽量HTMLエディタ「Liveweave」 - Chrome Life

                                                                みなさんは、HTMLやCSSのコーディングには何を使っていますか? デザイナーの方であればDreamweaverをメインで使っている人が多いと思います。 デベロッパーの場合は、自分の好きなテキストエディターを使いこなしているでしょう。 しかし、実際にはコーディングをしながら見た目や動きを確認するためにブラウザを横でたちあげてデバッグしながら作業を進めていくと思います。 コードを修正→ファイルの保存→ブラウザで更新→確認 この手順を繰り返すのですが、これがなかなか面倒です。 できれば、コードを修正したタイミングですぐに確認できるとベストですよね。 そこで今回ご紹介するのが、HTML5、CSS3、JavaScriptをリアルタイムに編集して確認ができる軽量HTMLエディタ「Liveweave」です。 「Liveweave」は、ブラウザ上で動作するHTMLエディタです。 コーディングエリアとレン

                                                                • あまり知られていないCSSの12の事実(続編) | POSTD

                                                                  1年以上前に、私は最初の 12 Little-known CSS Facts(あまり知られていないCSSの12の事実) を発表しました。SitePointで最も人気の高い記事となりました。この記事を書いた後も、私はCSSのアドバイスやちょっとした情報の収集を続けました。だって、大ヒット映画も必ず続編を制作するじゃないですか。 注釈 SitePoint/ Natalia Balska によるイラスト それでは、早速今年も開発のヒントになる12の事実について話しましょう。もちろん、中にはもうすでにご存じのこともあると思いますが、この中で初めて知ったという事実がありましたら、コメントでお知らせください。 1. border-radius プロパティに”スラッシュ”シンタックスを使用できる事実 このプロパティについてはSitePointに4年以上 前に書いた のですが、この機能が存在することを、未

                                                                    あまり知られていないCSSの12の事実(続編) | POSTD
                                                                  • プログラミング不要!スマホアプリが開発できるツール10選

                                                                    更新日: 2022年5月16日公開日: 2015年3月18日プログラミング不要!スマホアプリが開発できるツール10選 アプリ開発と聞くとかなりハードルが高いですよね。しかし、アプリ開発をサポートしてくれるサイトを使うと、場合によっては自分でプログラミングコードを書くことなく、オリジナルアプリを開発することができます。 超簡単にスマホアプリが作れてしまうツール10選国産アプリ開発の「Monaca」 MONACA Monacaは、自分である程度プログラミングを入力してアプリを開発するサービスサイトになります。HTMLとPHP、CSSの基礎を押さえていれば、初心者でもスムーズにアプリを作っていけるサイトです。 Monacaの特徴としては、アプリ開発はクラウド(サーバー)上とローカル環境から選ぶことができます。またアプリ開発コースも全6コース設けられており、ハイブリッドアプリ開発コースやBUSIN

                                                                      プログラミング不要!スマホアプリが開発できるツール10選
                                                                    • アイスより断然ヘルシー♪簡単「フローズンヨーグルト」の作り方♡

                                                                      アイスを食べたいけどカロリーが気になる! 女の子も大好きな食べ物の一つ、アイス! でも頻繁に食べるとカロリーが気になっちゃいますよね。 だからと言って我慢したくない…! そんなときにはフローズンヨーグルト♡ これなら普通のアイスより低カロリーだしさっぱりしてて、簡単に自分で作れて、味もかえられちゃう♪ 皆さんがどんな手作りフローズンヨーグルトを作っているのかご紹介します!!

                                                                        アイスより断然ヘルシー♪簡単「フローズンヨーグルト」の作り方♡
                                                                      • 【アボカド】もう"種"は捨てないで! 簡単・種から「アボカドの木」を育てる方法 - ハピママ*

                                                                        サラダにしたり、マグロとあえてわさび醤油で食べたりと、男女問わず人気のある食材「アボカド」。実は、その種を発芽させて「アボカドの木」を育てることができるのです。今回は、誰でも簡単にできて、観葉植物としても最適な「アボカドの木」の作り方を紹介します。 メキシコ料理に欠かせない食材と言えば「アボカド」。日本でもサラダにしたり、マグロとあえてわさび醤油で食べたりと、とてもなじみある食材の一つではないでしょうか。 アボカドは分類上は野菜ではなくフルーツ。美容にも健康にも良いとされているアボカドは、地球上のどのフルーツよりも栄養価が高いということで「ギネスブック」にも登録されているほど。果肉は脂肪分を多く含むため「森のバター」と呼ばれることもありますが、その脂肪分のほとんどは不飽和脂肪酸というもので、血中コレステロールを増加させる心配が少ないと言われています。 男女問わず人気のある「アボカド」ですが

                                                                          【アボカド】もう"種"は捨てないで! 簡単・種から「アボカドの木」を育てる方法 - ハピママ*
                                                                        • ネットワーク越しでパイプしたり、あらゆるデバイス間でデータ転送したい! - Qiita

                                                                          何を解決したいか? Mac, Windows, Linux, iPhoneやAndroidのスマホ・タブレットとかのデバイス間でデータの転送したいことがあります。 SlackとかLineとかSkypeとかAirDropとかあっても 送りたい相手と共通して使っているサービスを探す必要とか、 GUIのソフトウェアのインストールが必要とか、 AirDropだとApple系OSである必要 があるなどの転送の障壁があって、GUIが使えないデバイスに送りたいときなどは困ってしまいます。 すでにたくさんのファイル共有系のサービスがありますが、コマンドを使ったCUIベースにあまり親切な設計なものはあまりないと思います。 そこで、上記の問題を解決するために、以下のようなファイル転送の仕組みを作りました。 他デバイス間でデータ転送ができ、 別途ソフトウェアのインストール不要で、 パイプにとても親和性が高くエン

                                                                            ネットワーク越しでパイプしたり、あらゆるデバイス間でデータ転送したい! - Qiita
                                                                          • ページが見つかりません | 挑戦する20代の転職サイト - キャリトレ

                                                                            お探しのページは見つかりませんお探しのページは一時的にアクセスできない状況にあるか、移動もしくは削除された可能性があります。 また、URL、ファイル名にタイプミスがないか再度ご確認ください。

                                                                              ページが見つかりません | 挑戦する20代の転職サイト - キャリトレ
                                                                            • jQuery 開発者向けメモ

                                                                              jQuery 開発者向けのメモです. ずっと以前に,jQuery に関する日本語の情報がまだ少ない頃に作ったページですが, その後 jQuery を再び利用する機会があったので,最新バージョン向けに記述を更新しました. 住宅ローンシミュレーションです. jQueryを利用したフォームの動的な追加や,flotプラグインによるグラフ描画などを行っています. 本ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです. 最終更新:2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです. 独自のXPATH/CSSセレクタを利用することで,多くのDOM操作を非常に簡単に書くことが出来ます. JavaScriptのDOM操作や,XMLHTTPRequest,XMLの操作などを覚えなくとも, Ajaxを利用したイ

                                                                              • Fluentd 入門 〜運用に必要な基礎知識〜

                                                                                最近業務で Fluentd を触ることが出てきて入門したんですが、最初のうちはトラブルが起きた時に何が起きているのか、どう対処したら良いのかがさっぱりわからなかったので、「Fluentd ってログの収集とかに使われるやつでしょ?」程度の知識しかなかった過去の自分に向けて「とりあえずこれぐらいは知っておけ!」と言いたい内容をまとめてみました。 トラブルが起きた時にどの処理で問題が起きているのか素早くコードを追うことができて、データの消失を最小限に抑えつつ適切に対処できるようになることを目的としています。 なお、現時点で最新版の Fluentd v0.14.21 を対象にしています。 アジェンダ Getting Started Fluentd のアーキテクチャ Processes Supervisor process Worker process Threads Input thread En

                                                                                  Fluentd 入門 〜運用に必要な基礎知識〜
                                                                                • 豚の足一本分のハムを買ってしまった :: デイリーポータルZ

                                                                                  ちょっとしたレストランやバーなどに、まるごと骨付きの生ハムが珍しい形の台に乗せられておいてあるのを見たことはないだろうか。 そこからスライスしてお皿に盛りつけるのだ。 ふつう、生ハムというと薄切りのがちょこんとお皿にのっているものだから、もしあの骨付きのかたまりが家になんてあったら、ほぼ無尽蔵に生ハムを食べ続けられるんじゃないだろうか。 夢のようである。 憧れるなあ。 欲しいなあ。 買おうかな。 買っちゃった。 (工藤 考浩) あのハムが欲しいの 僕が最初にあの骨付き生ハムのかたまりを知ったのは、だいぶ前に見た何かのテレビ番組だ。 たしかクイズ番組だったと思うのだが、スペインからの出題で、生ハムに関する問題だった。 天井から吊された豚の足がずらりと並んだ製造工場をミステリーハンターが(そう、あの番組だったと思う)歩いているのを見て、大変驚いた。 あのペラペラの生ハムがこんな形だったとは。